@charset "UTF-8";
/* CSS for Retaining Solutions - by Ulladulla Web Design - www.ulladullawebdesign.com */

/* FEATURE */
#feature	{ height: 131px; background-image: url('../images/walls/feature_background.jpg'); background-color: #ababab; padding-top: 60px; }
#intro  { float: left; width: 450px; }

/* WALL LIST */
.wall				{ padding: 19px 0px 19px 0px; border-bottom: solid 1px #b0b0b1; width: 100%; }
.wall .imageBorder { width: 323px; height: 127px; float: left; margin-right: 22px; }
.wall .wallSummary	{ width: 369px; float: left; margin-right: 20px; }
.wall .wallLinks	{ float: left; width: 135px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background: url('../images/walls/links_background.png') repeat-x left top; padding: 5px; }
.wallLinks div		{ padding: 10px 0px 10px 42px; display: block; }
.wallLinkInfo		{ background: url('../images/walls/linkInfo.png') no-repeat left top; }
.wallLinkCase		{ background: url('../images/walls/linkCase.png') no-repeat left top; }
.wallLinkGallery	{ background: url('../images/walls/linkGallery.png') no-repeat left top; }
.wallLinks a		{ color: #ccb48b; font-weight: bold; font-size: 12px; }
.wallLinks a:hover	{ color: #fff; }
.wall h4			{ font-size: 21px; margin-bottom: 9px; }
.wall h4 a			{ color: #000; }
.wall h4 a:hover	{ color: #666; }
.wall .imageBorder img:hover { border-color: #FFF; }
.wall h5			{ font-size: 13px; color: #315d6d; font-weight: normal; margin-bottom: 7px;  }

#pageContent h3					{ color: #575757; font-size: 28px; padding-bottom: 7px; border-bottom: solid 1px #575757; }
#relo				{ position: relative; }
#wallChooser		{ position: absolute; right: 30px; top: 0px; font-size: 12px; color: #575757; font-size: 12px; width: 180px; }
#wallChooser select	{ display: inline; }

/* GALLERY */
.gallery		{ width: 902px; padding: 14px 24px 34px 34px; background: #161616 url('../images/gallery/gallery_background.png') repeat-x left top; position: relative; }
.gallery h2		{ margin-left: 109px; color: #FFF; padding: 20px 0px 15px 0px; background: url('../images/gallery/gallery_dropdown.png') no-repeat left bottom; font-size: 14px; margin-bottom: 10px; width: 774px; line-height: 20px; }
.gallery h2 em	{ float: right; background: url('../images/gallery/gallery_magnify.png') no-repeat left center; padding-left: 35px; color: #98cdd7; font-size: 12px; font-style: normal; }
.gallery .imageBorder	{ float: left; margin: 0px 11px 11px 0px; width: 128px; height: 96px; padding: 4px; }
.gallery .imageBorder:hover	{ border: solid 1px #FFF; }
.gallery .imageBorder:hover img { border: solid 1px #FFF; }
.gallery span	{ width: 110px; height: 110px; background: url('../images/gallery/gallery_camera_black.png') no-repeat left top; position: absolute; top: -26px; left: 31px; }
.gallery span.light	{ width: 110px; height: 110px; background: url('../images/gallery/gallery_camera_grey.png') no-repeat left top; position: absolute; top: -26px; left: 31px; }
.gallery p		{ text-align: right; padding: 10px 40px 10px 0px; line-height: 30px; background: url('../images/gallery/icon_info.png') no-repeat right center; margin-right: 10px; }
.gallery p a		{ font-size: 12px; color: #98cdd7; }
.gallery p a:hover	{ color: #FFF; }


