#Logo, #Strip h3, #Nav a, #katipo, #adnz{display: block; font-size: 0px; text-indent: -9999px; line-height: 0;} html, body{height: 100%;} html{font-size: 100%;} body{background: url(../images/body.png); font-size: 62.5%; font-family: Arial, Verdana, sans-serif; text-align: center;} /* LAYOUT */ #Outer{position: relative; background: #331413; text-align: left; min-height: 100%; height: auto!important; height: 100%; width: 965px; margin: 0 auto;} #Wrapper{min-height: 600px; height: auto!important; height: 600px;} #Top{background: url(../images/Top.png) 0 100% repeat-x; height: 308px;} #Logo{float: left; background: url(../images/Logo.png) 50% 50% no-repeat; width: 158px; height: 249px; margin: 30px;} #Featured{margin-left: 218px;} #Featured li{float: left; background: url(../images/featured.png) repeat-y; width: 238px; padding-left: 1px;} #Featured a{display: block; color: #fff; text-decoration: none; height: 277px; padding-top: 31px;} #Featured a.last{background-image: url(../images/featured.png); background-position: 100% 0; background-repeat: repeat-y;} #Featured a:hover{background-color: #351716;} #Featured img, #Gallery img{display: block; background: url(../images/FeaturedImg.png) no-repeat; padding: 8px; margin: 0 auto;} #Featured .featuredTitle, #Gallery h4{display: block; font-size: 1.3em; text-align: center; line-height: 1.3; margin-top: 3px;} #Featured strong{font-weight: bold;} #Featured .featuredLocation, #Gallery h5{display: block; font-size: 1.1em; text-align: center;} #Featured .featuredContent, #Gallery span{display: none; margin: 17px; font-size: 1.2em;} #Strip{position: absolute; top: 308px; left: -18px; background: url(../images/Strip.png); width: 1001px; height: 99px; padding: 1px 0;} #Nav{background: url(../images/NavLi.png) repeat-y; height: 88px; margin-left: 390px; padding-left: 1px;} #Nav{/* Temporary "No Blog" solution */float: right; margin-right: 70px;} #Nav li{float: left; background: url(../images/NavLi.png) 100% 0 repeat-y; height: 88px; padding-right: 1px;} #Nav a{display: block; height: 88px;} #Nav a.home{background-image: url(../images/home.png); width: 94px;} #Nav a.process{background-image: url(../images/process.png); width: 111px;} #Nav a.plans{background-image: url(../images/plans.png); width: 88px;} #Nav a.gallery{background-image: url(../images/gallery.png); width: 104px;} #Nav a.blog{background-image: url(../images/blog.png); width: 81px;} #Nav a.contact{background-image: url(../images/contact.png); width: 137px;} #Nav a:hover{background-position: 0 -88px;} #Nav .current a, #Nav .section a{background-position: 0 -176px;} #Content{font-size: 1.2em; color: #fff; line-height: 1.3; padding: 124px 30px;} .clear{clear: both; width: 100%;} #Footer{position: absolute; bottom: 0; left: -18px; background: url(../images/Footer.png) no-repeat; color: #331413; line-height: 80px; width: 1001px; height: 120px;} #Footer a{} #FooterContent { position: relative; background: #fff; margin: 11px auto 0; height: 150px; } #katipo{float: left; padding: 0 30px 10px 10px; margin-top: 30px; background: url(../images/katipo.png) no-repeat; width: 63px; margin-left: 26px!important; height: 100px;} #bluetwist{position: absolute; top: 100px; right: 30px; color: #331413; text-decoration: none; height: 10px;line-height: 1em; } #bluetwist:hover{text-decoration: underline;} #adnz{float: left; margin-top: 10px; padding: 0 30px 10px 10px; background: url(../images/adnz.png) no-repeat; width: 129px; } #lbp{float: left; margin-top: 30px; padding: 0 30px 10px 10px; background: url(../images/lbplogo.png) no-repeat; width: 100px; height: 100px;} #copyright{ position: absolute; top: 85px; right: 30px; height: 10px; line-height: 1em;} #contact{float: right; margin: 30px 30px 0 0;} #contact span{text-align: right; line-height: 1.1em; display: block;} /* Remove Text */ #lbp, #adnz { font-size: 0; text-indent: -9999px; line-height: 0; } /* [OBJECT] Gallery */ #Gallery{font-size: 0.8em; width: 100%; overflow: hidden;} #Gallery div{display: block; color: #fff; text-decoration: none; width: 422px; height: 150px; padding: 15px;} #Gallery h4{border: 0; font-size: 1.6em; line-height: 1; font-weight: normal; padding: 5px 0 2px 0; margin: 0;} #Gallery h5{margin: 0;} #Gallery span{margin: 13px;} #Gallery a:hover{background-color: #351716;} #Gallery .odd{float: left; clear: left; background-image: url(../images/GalleryOdd.png); background-repeat: no-repeat; background-position: 100% 100%;} #Gallery .odd img{float: right; margin-left: 10px;} #Gallery .odd h4, #Gallery .odd h5, #Gallery .odd span{text-align: right;} #Gallery .even{float: right; background-image: url(../images/GalleryEven.png); background-repeat: repeat-x; background-position: 0 100%;} #Gallery .even img{float: left; margin-right: 10px;} #Gallery .even h4, #Gallery .even h5, #Gallery .even span{text-align: left;} /* [OBJECT] Showcase */ #ShowcaseHolder {font-size: 0.8em; overflow: hidden; min-width: 100%; width: auto!important; width: 100%;} #ShowcaseHolder a.Showcase {text-decoration: none; width: 210px; height: 175px; display: block; float: left; margin-left: 10px; padding: 20px 40px; background: #361615;} #ShowcaseHolder a.Showcase .first {margin-left: 0;} #ShowcaseHolder .Showcase img {display: block; margin: 0 auto;} #ShowcaseHolder a:hover {background:#401918;} /* [OBJECT] GoogleMap */ #GoogleMap1{float: right; margin: 0 0 20px 40px!important;} /* [PAGE] Gallery Item */ #Content h5.location{position: relative; top: -0.7em; font-size: 1em; margin: 0;} #Images{float: right; width: 415px; margin: 0 0 30px 40px;} #OtherImages{padding: 3px;} #MainImage img{background: #503636; border: 9px solid #341716; padding: 4px;} #OtherImages{width: 100%; overflow: auto; margin: 0;} #OtherImages li{float: left; margin: 0; padding: 0;} #OtherImages img{background: #503636; border: 6px solid #341716; padding: 2px;} #MainImage a:hover img, #OtherImages a:hover img{background: #543b3b; border-color #371817;} /* Form for plans email enquiry */ #Images form {padding: 10px;} #Images form .middleColumn {margin-left: 45px;} #Images form .middleColumn input {width: 220px;} #Images form fieldset {width: 200px;} #Images form fieldset div {width: 230px; overflow: visible;} #Images form label {width: 45px;} #Images form .Actions input {margin-left: 45px; position: relative; top: -37px; right: 30px;} .clearImage {clear: both; }