/* CUSTOM CSS BOILERPLATE 1.0 - WRITTEN BY SCOTT RICHARDSON, ULLADULLA WEB DESIGN - WWW.ULLADULLAWEBDESIGN.COM */ /* RESET / HTML5 / CLEAR FIX /////////////////////////////////////// */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;text-decoration:none;list-style:none;} header,footer,nav,section,article,aside{display:block;} .clear{clear:both;content:".";height0;visibility:hidden;display:block;} /* FIX FOR FACEBOOK */ .FB_UI_Hidden { width: 100px !important; } /*FONTS */ @font-face { font-family: 'HelveticaNeue'; src: url('fonts/HelveticaNeueLTStd-Bd.eot'); src: url('fonts/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueLTStd-Bd.woff') format('woff'), url('fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd') format('svg'); font-weight: bold; font-style: normal;} @font-face { font-family: 'HelveticaNeue'; src: url('fonts/HelveticaNeueLTStd-Lt.eot'); src: url('fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueLTStd-Lt.woff') format('woff'), url('fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt') format('svg'); font-weight: lighter; font-style: normal;} @font-face { font-family: 'HelveticaNeue'; src: url('fonts/HelveticaNeueLTStd-Roman.eot'); src: url('fonts/HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueLTStd-Roman.woff') format('woff'), url('fonts/HelveticaNeueLTStd-Roman.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'HelveticaNeueLight'; src: url('fonts/HelveticaNeueLTStd-UltLt.eot'); src: url('fonts/HelveticaNeueLTStd-UltLt.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueLTStd-UltLt.woff') format('woff'), url('fonts/HelveticaNeueLTStd-UltLt.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-UltLt.svg#HelveticaNeueLTStd-UltLt') format('svg'); font-weight: normal; font-style: normal;} /* GLOBAL LAYOUT */ body { background: #FFF url('/images/global/hero-bg.jpg') no-repeat 300px top; font-size: 62.5%; font-family: HelveticaNeue, Helvetica, Sans-serif; height: 1154px; } a { transition: all 250ms; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; -ms-transition: all 250ms; } .hidden { display: none; } .siteWidth { width: 900px; } p a.more { color: #ABDD44; font-size: inherit; } p a.more:hover { color: #fff; } p a.more:active { color: #636a52; } a.more { color: #383C2F; font-size: 1.8em; } a.more:hover { color: #b8b9b3; } a.more:active { color: #5b5c53; } #lightbox-nav a { transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } .green { color: #91BA3C; } #greenBg { background-image: url('../images/global/green-bg.png'); background-repeat: repeat-y; background-position: 1200px top; height: 1154px; } #content { width: 860px; padding: 40px 0 40px 40px; margin-left: 300px; position: relative; } .imgRight img { float: right; } .imgLeft img { float: left; margin-right: 40px; } .button { color: #fff; background: #728349; font-family: HelveticaNeue; cursor: pointer; transition: all 250ms; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; -ms-transition: all 250ms; } .button:hover { background-color: #889d57!important; } .button:active { background-color: #606f3c!important; } h2 { font-size: 4em; } h2.lighter { font-family: HelveticaNeueLight; line-height: .85em; } h1, h2, h3 { color: #fff; } p { color: #fff; font-size: 1.8em; font-weight: normal; line-height: 1.5em; } /*HERO*/ h1 { font-size: 20em; line-height: 1em; letter-spacing: -8px; margin-left: -15px; } #hero p { color: #24436A; font-size: 2em; font-weight: lighter; width: 200px; margin-top: -20px; } /* HEADER */ header { position: relative; width: 260px; padding-left: 40px; height: 1154px; text-align: left; background: #32332F; float: left; color: #7D7F72; } #logo { padding: 40px 40px 0 0; } nav { padding: 38px 0 23px; } nav ul li { position: relative; } nav ul li a { text-transform: lowercase; font-size: 2.8em; color: #7D7F72; font-weight: bold; line-height: 1em; width: 100%; } nav ul li span { display: none; background: none; } nav ul li a:hover { color: #b8b9b3; } nav ul li a:active { color: #5b5c53; } #home #homeLink, #services #servicesLink, #projects #projectsLink, #designs #designsLink, #packages #packagesLink, #about #aboutLink, #contact #contactLink, #testimonials #testimonialsLink, #links #linksLink { color: #fff; } #home #homeLink span, #services #servicesLink span, #projects #projectsLink span, #designs #designsLink span, #packages #packagesLink span, #about #aboutLink span, #contact #contactLink span, #testimonials #testimonialsLink span, #links #linksLink span { display: inline!important; background: url('/images/global/nav-span.jpg') no-repeat right top; position: absolute; right: 0; width: 28px; height: 25px; } #social h2 { color: #4C4D42; font-size: 2.5em; text-transform: lowercase; margin-bottom: 8px; } #social img { margin-right: 10px; } #newsletter { background: #3D3E39; padding: 40px; width: 220px; height: 160px; position: absolute; top: 571px; left: 0; } #newsletter h2 { margin-bottom: 13px; } #newsletter p { font-size: 1.6em; color: #787875; clear: both; } #newsletterForm { width: 220px; height: 40px; margin-bottom: 10px; position: relative; } #newsletterForm fieldset { position: relative; } #newsletterForm .textbox { float: left; width: 155px; height: 28px; background: #5E5F55; color: #AFAFAA; padding: 12px 0px 0px 15px; font-size: 2.1em; font-family: HelveticaNeue; } #newsletterForm input:hover { background-color: #828374; } #newsletterForm input:focus { color: #fff; } #newsletterForm .button { width: 40px; height: 40px; text-shadow: -1px -1px 0 #3e3e3e; } #newsletterForm .disabled { opacity: 0.5; cursor: none; } #newsletterForm label.error { position: absolute; left: 0; top: -30px; color: #cc0000; background-color: transparent; margin-top: 10px; font-size: 1em; margin-bottom: 10px; display: block; text-shadow: none; width: 300px; } #loader2 { float: left; margin-left: 20px; position: absolute; left: 50%; margin-left: 65px; top: 58px; } #resultsHolder2 { display: none; float: left; width: 381px; position: absolute; left: 50%; margin-left: 105px; top: 56px; } .hidden { display: none !important; } .warning { margin-left: 20px; } .confirmation { margin-left: 20px; } #hiaLogo { position: absolute; left: 40px; top: 851px; } /* BREADCRUMBS */ #breadcrumbs { height: 54px; border-top: solid 2px #91BA3C; position: absolute; left: 300px; top: 1080px; padding-top: 15px; font-style: oblique; } #breadcrumbs a { color: #fff; } #breadcrumbs a:hover { color: #91BA3C; } #location { float: left; margin-left: 40px; color: #9B9E8B; } #top { float: right; margin-right: 40px; } /* FOOTER */ footer { position: absolute; left: 40px; top: 1080px; font-style: oblique; } footer p { font-size: 1.3em; color: #53544B; } footer p a { color: #7D7F72; } footer p a:hover { color: #53544B; } footer p a:active { color: #797a6f; } /* LIGHTBOX */ #jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}#jquery-lightbox a img{border:none;}#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}#lightbox-container-image{padding:10px;}#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}#lightbox-container-image-box>#lightbox-nav{left:0;}#lightbox-nav a{outline:none;}#lightbox-nav-btnPrev,#lightbox-nav-btnNext {width:49%;height:100%;zoom:1;display:block;}#lightbox-nav-btnPrev{left:0;float:left;}#lightbox-nav-btnNext{right:0;float:right;}#lightbox-container-image-data-box{font-size:11px;background-color:#fff;margin:0 auto;line-height: 1.4em;overflow:auto;width:100%;padding:0 10px 0;}#lightbox-container-image-data{padding:0 10px;color:#666;}#lightbox-container-image-data #lightbox-image-details {width:70%;float:left;text-align:left;}#lightbox-image-details-caption{font-weight:bold;}#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}