/*STONE*/ .S_light{color:#E8E5D6} .S_mid{color:#A6A699} .S_dark{color:#40423E} /*GREEN*/ .G_light{color:#B0B566} .G_mid{color:#6E7D4A} .G_dark{color:#383D26} /*ORANGE*/ .O_light{color:#F59740} .O_mid{color:#B8612B} .O_dark{color:#51330C} /*PINK*/ .P_light{color:#CF8FAB} .P_mid{color:#99597D} .P_dark{color:#472E3D} /*BLUE*/ .B_light{color:#78A8BD} .B_mid{color:#407387} .B_dark{color:#2E404C} /*SPECIALS*/ .dGrey{color:#52534E} .dBrown{color:#302412} .lGrey{color:#cac8bb} /*CURRENt HIGHLIGHT*/ #work #main_nav .work a{border-bottom:2px dotted #99597D} #about #main_nav .about a{border-bottom:2px dotted #6E7D4A} #news #main_nav .news a{border-bottom:2px dotted #B8612B} #contact #main_nav .contact a{border-bottom:2px dotted #407387} /*DEFAULT LINKS*/ a{text-decoration:none; color:#52534E} a:hover{border-bottom:2px dotted} /*reset css*/ *{margin:0; padding:0} h1, h2, h3, h3, h4, h5, h6{font-weight:normal} img{border:0} html{overflow-y: scroll} .clear:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clear { zoom: 1; } /* IE6 */ *:first-child+html .clear { zoom: 1; } /* IE7 */ body{background-color:#E8E5D6;font-family:Georgia,'Times New Roman','Times','Serif'; font-size:14px; color:#52534E; margin:40px 0} #wrapper{width:960px; margin:auto; padding:0 20px; position:relative}/*; background:#fff}*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*HEADER*/ #header{height:100px} #header h1 a{display:block; width:360px; height:28px; text-indent:-5000px; background:url(/assets/logo.gif) no-repeat; position:absolute; top:8px; border:none} #header div.address{margin:0 0 0 20px; border-left:1px dotted #52534E; padding:0 0 0 10px; float:right} #header div.address p{line-height:1.5em; font-style:italic; font-size:12px} #header div.address a{line-height:1.5em} #header h2{font-size:1em; color:#99597D; position:relative; top:99px; left:-361px} #header div.underline{border-bottom:1px dotted #52534E; height:1px; margin:10px 0} #header #main_nav{list-style-type:none; font-size:16px; position:relative; left:615px; width:340px; height:25px} #header #main_nav li{display:inline; margin-right:20px} #main_nav a{text-decoration:none} #main_nav .pink a{color:#99597D} #main_nav .green a{color:#6E7D4A} #main_nav .orange a{color:#B8612B} #main_nav .blue a{color:#407387} #main_nav .pink a:hover{border-bottom:2px dotted #99597D} #main_nav .green a:hover{border-bottom:2px dotted #6E7D4A} #main_nav .orange a:hover{border-bottom:2px dotted #B8612B} #main_nav .blue a:hover{border-bottom:2px dotted #407387} /*/////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*BANNER*/ #banner{height:150px; width:960px; position:relative} #banner .floatingText{position:absolute; top:10px; left:380px} #banner .floatingText h1{color:#fff; font-size:3.5em; line-height:1.2em} #banner .floatingText h2{color:#fff; font-size:2.2em; line-height:1.2em} #banner .floatingText p{font-size:1.5em; font-style:italic; line-height:1.2em} #banner .floatingText span{color:#fff; font-style:normal; font-size:0.8em} /*/////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*CONTENT*/ #content{margin-top:2em} #content div{float:left} #content h3, #content h4, #content h5{line-height:1.5em} /*LEFT COLUMN*/ #content #col1{width:150px; text-align:center} /*sub menu*/ /*#content #col1 ul{list-style:none; text-align:left; border-top:2px dotted; padding:1em 0 2em 0; font-size:1.5em}*/ #content #col1 ul{list-style:none; padding:0; font-size:1.2em} #content #col1 ul li{float:none; margin-bottom:0.5em} #content #col1 ul li a{line-height:1.5em; text-decoration:none} #content #col1 ul li a:hover{border-bottom: 2px dotted} #content #col1 ul li p{line-height:1.5em} .first{font-style:italic} #content #col1 img{margin:1em 0} #content #col1 a.selected{border-bottom:2px dotted} /*PRESS*/ #content #col2.press h1{font-size:2.5em; color:#B8612B; margin:0 0 0.5em 0; clear:both; line-height:1.2em} #content #col2.press h2{text-transform:capitalize; font-size:1.2em; color:#B8612B; margin:0 0 0.8em 0; line-height:1em} #content #col2.press p{ margin:0 0 10px 0} /*RIGHT COLUMN*/ #content #col3{width:150px; text-align:center} #content #col3 h1{font-size:1em; line-height:1.5em} #content #col3 h2{font-size:1em; line-height:1.5em} #content #col3 img{margin-bottom:1em} #content #col3 p{line-height:1.8em; margin:0 0 1em 0; font-size:1.2em} #content #col3 span{line-height:1.5em} #content #col3 .noBorder{border:none} #content #col3 p.quote{font-size:1em; line-height:1.5em; font-style:italic} /*ABOUT*/ #content #col3.about{color:#6E7D4A} /*NEWS*/ #content #col3.news{color:#B8612B} #content #col3.news p{line-height:1.5em; margin-bottom:0.5em} #content #col3.news img{margin-bottom:40px} #content #col3.news a:hover{border:none} /*NEWSLETTER SIGN UP*/ /*#content #col3.news input{color:#52534E; background:#fff; border:none; width:95px; padding:5px; line-height:12px; font-size:12px; float:left} #content #col3.news input.send{cursor:pointer; color:#52534E; border:none; background:#F59740; width:40px; font-size:12px; padding:5px; float:left; height:25px; line-height:12px}*/ #content #col3.news a.newsSignUp{ margin:auto; background:url(/assets/button_light.gif); display:block; width:95px; height:95px; line-height:95px; font-size:20px; color:#FFFFFF} /*contact*/ #content #col3.contact p{font-size:1.2em; line-height:1.5em; color:#52534E; border-top-color:#407387} /*/////////////////////////////////////////////////////////////////////////////////////*/ /*CENTRE COLUMN*/ /*#content #col2{width:500px; padding:0 70px; border-left:2px dotted; border-right:2px dotted} 640px*/ #content #col2{width:500px; padding:0 80px; background:url(/assets/BG_content.gif) no-repeat bottom} #content #col2 h1{font-size:2.5em; line-height:1.5em; margin-bottom:2em} #content #col2 h2{font-size:2em; line-height:1.5em; margin-bottom:2em} #content #col2 p.first{font-size:1.8em; line-height:1.5em; font-style:normal; margin-bottom:0.5em; text-align:justify} #content #col2 p{line-height:1.5em; margin-bottom:0.5em; text-align:justify} #content #col2 .strap{font-size:1.5em; font-style:italic; color:#6E7D4A; text-align:center; margin-bottom:2em} #content #col2 img{margin:20px 0} #content #col2 a{text-decoration:none; padding-bottom:2px} #content #col2 a:hover{border-bottom:2px dotted} #content #col2 div.heartPic{text-align:center; width:500px} /*about diagram NEW VERSION*/ #content #col2 div.diagram{margin:20px 0; width:500px} #content #col2 div.diagram div{float:left; margin-top:110px} #content #col2 div.diagram div.processImg{margin:0 20px 0 0} #content #col2 div.diagram img{margin:0} #content #col2 div.diagram p{font-size:24px; margin:0; text-align:left} /*BROCHURE REQUEST*/ #content #col2 #brochure_request{background:url(/assets/about_broRequest.jpg) -15px 0px no-repeat; width:500px; height:140px; position:relative; margin-top:20px; text-align:left} #content #col2 #brochure_request p{font-size:1.2em; line-height:1.5em; position:absolute; left:180px; top:25px; margin-right:0px; width:300px} #content #col2 #brochure_request a{color:#B0B566; line-height:1.5em; text-decoration:none} #content #col2 #brochure_request a:hover{border-bottom:1px dotted} #content #col2 #brochure_request span{line-height:1.5em} /*BIG TEXT*/ p.scalr{font-size: 21px; overflow: visible; word-spacing: 0.2em; text-transform:capitalize} p.scalr a{ margin-bottom:20px} .scalr b{font-weight:normal} .scalr span{line-height:20px; text-transform:capitalize} /*CONTACT*/ #content #col2.contact ul.contactMap{list-style:none} #content #col2.contact ul.contactMap li.map{float:left; width:250px; margin-right:20px} #content #col2.contact ul.contactMap li.map img{border:1px solid #fff} #content #col2.contact ul.contactMap li.address{width:220px; float:left} #content #col2.contact li h2{margin:0; color:#407387; font-size:1.5em} #content #col2.contact li p{margin:0 0 1em 0; font-size:1.2em} #content #col2.contact li img{margin:0} #content #col2.contact li.address a.mapLink{display:block; width:95px; height:95px; cursor:pointer; border:none; background:url(/assets/button_light.gif) no-repeat} #content #col2.contact li.address a.mapLink{text-align:center; line-height:95px; font-size:20px; color:#FFFFFF} #content #col3.contact p{font-size:1em} #content #col3.contact h1{font-size:1.2em} #content #col3.contact a{text-decoration:none} #content #col3.contact a:hover{border-bottom:1px dotted} /*FORM*/ #content #col2 #contact_form{background: url(/assets/brochure.jpg) no-repeat bottom right #302412; color:#fff; margin-top:2em; text-align:left; width:500px; position:relative} #content #col2 #contact_form h1.first{font-size:1.5em; padding-top:40px} #content #col2 #contact_form h1{font-size:1.5em; padding:0 40px; margin:0} #content #col2 #contact_form dl{padding:40px} #content #col2 #contact_form dt label{line-height:30px; font-size:1.2em} #content #col2 #contact_form dd{margin:0 0 20px 100px; position:relative; top:-30px} #content #col2 #contact_form dd input.fields{width:300px; font-size:21px; padding:5px; line-height:21px} #content #col2 #contact_form dd textarea.address{width:300px; font-size:1.2em; padding:5px} #content #col2 #contact_form dd textarea, #content #col2 #contact_form dd input{background:#E8E5D6; border:none} #content #col2 #contact_form dd #news{position:relative; top:6px; background:none; float:left; margin-right:10px} #content #col2 #contact_form dd p{font-size:10px; line-height:30px} #content #col2 #contact_form input.send{display:block; width:95px; height:95px; margin:0 0 20px 40px; background:url(/assets/button_brown.gif); border:none; cursor:pointer} #content #col2 #contact_form input.send{line-height:95px; font-size:20px; color:#FFFFFF} /*VALIDATION STYLING*/ .LV_validation_message{display:block; position:absolute; text-align:right; width:310px; height:15px; margin:0; top:-20px; left:0px} .LV_valid {color:#6E7D4A} .LV_invalid {color:#CC0000} /*.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active {border: 5px dotted #6E7D4A} .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {border: 1px dotted #CC0000}*/ /*NEWS*/ #content #col2.news .newsItem{width:500px; margin-bottom:40px; background-color:#FFFFFF} #content #col2.news .newsItem h2{text-transform:capitalize; font-size:1.2em; color:#B8612B; margin:0; padding:0 20px; line-height:100%} #content #col2.news .newsItem h1{font-size:2.5em; color:#B8612B; margin:0 0 0.2em 0; padding:0 20px; line-height:1.2em} #content #col2.news p{ margin:1em 0 10px 0; padding:0 20px} #content #col2.news div img{margin:0 0 10px 0} #content #col2.news .newsItem a{text-decoration:none; color:#B8612B} #content #col2.news .newsItem a:hover{border-bottom:2px dotted} /*NEWS IMAGE NAV*/ #content #col2.news .imgLinks{list-style:none; float:right; padding-right:20px; margin:0} #content #col2.news .imgLinks li{display:inline; text-transform:capitalize; font-size:1.2em; color:#B8612B} #content #col2.news .imgLinks li a{color:#B8612B; text-decoration:none} #content #col2.news .imgLinks li a:hover{border-bottom:2px dotted} #content #col2.news .imgLinks li a.selected{border-bottom:2px dotted; color:#B8612B} /*NEWS BOTTOM PAGE NAV*/ #content #col2 #newsNav{background:none; height:25px; clear:both} #content #col2 #newsNav a{color:#B8612B; text-decoration:none; font-size:1em; margin-right:10px} #content #col2 #newsNav a:hover{border-bottom:2px dotted} #content #col2 #newsNav span.selected{border-bottom:2px dotted; color:#F59740; margin-right:10px} /****************************************************************************************/ /*PROJECT DISPLAY*/ #content.display{background-color:#FFFFFF; padding:60px 0 40px 0} /*IMAGE COLUMN*/ #content.display #col1{width:610px; text-align:center; margin:0; padding:0; float:left; display:inline} #content.display #col1 img{margin:0 0 20px 0; padding:0} #content.display #col1 div.video{margin:0 0 20px 0; padding:0; text-align:center; width:610px} /*COPY COLUMN*/ #content.display #col2{width:310px; border:none; margin:0; padding:0 0 0; float:left; display:inline; background:none} #content.display #col2 h1, #content.display #col2 h2{text-transform:capitalize; margin:0; font-size:2em; line-height:1.2em} #content.display #col2 h1{color:#472E3D} #content.display #col2 h2{color:#CF8FAB} #content.display #col2 h3{color:#CF8FAB; text-transform:capitalize; font-size:2em; margin:4em 40px 0.8em 0; border-bottom:2px dotted #CF8FAB} #content.display #col2 h4{color:#99597D; text-transform:capitalize; font-size:1.2em; margin:0.5em 0} #content.display #col2 p{line-height:1.5em; font-size:1em; margin:1em 0 0 0} #content.display #col2 a{color:#CF8FAB; text-decoration:none; font-size:0.8em; text-transform:uppercase} #content.display #col2 a:hover{color:#472E3D} /*nav*/ #content.display #col2 #project_nav{margin:0 0 1em 0; padding:0; list-style:none; clear:both; width:310px} #content.display #col2 #project_nav.bottomNav{margin-top:40px} #content.display #col2 #project_nav li{text-align:center; float:left; width:100px} #content.display #col2 #project_nav li span{font-size:20px; line-height:30px; color:#99597D; vertical-align:middle} #content.display #col2 #project_nav a{color:#99597D; text-decoration:none; font-size:14px; line-height:30px; text-transform:capitalize} #content.display #col2 #project_nav a:hover{color:#472E3D} #content.display #col2 #project_nav li.bordered{border-left:1px dotted #99597D; border-right:1px dotted #99597D; padding:0; width:50px; padding:0 10px; margin:0 15px} /*lonely menu*/ #content.display #col2 p.lonely{margin:0 0 20px 0} #content.display #col2 p.lonelyBtm{margin:20px 0 0 0} #content.display #col2 p.lonely a{color:#99597D; text-decoration:none; font-size:14px; line-height:30px} #content.display #col2 p.lonely a:hover{color:#472E3D} /*numerical*/ #content.display #col2 #numerical_nav{width:310px; text-align:center; margin:0 0 1em 0; height:15px} #content.display #col2 #numerical_nav.topNav{margin-bottom:40px} #content.display #col2 #numerical_nav a{color:#99597D; text-decoration:none; font-size:12px; margin:0 3px} #content.display #col2 #numerical_nav a.numSel{color:#472E3D; border-bottom:1px dotted #472E3D} #content.display #col2 #numerical_nav a:hover{color:#472E3D} /******************************************************************************************/ /*FOOTER*/ #footer{padding-top:40px; clear:both} #footer ul{list-style:none} #footer ul li.left{width:370px; float:left; border-top:1px dotted #52534E; margin-top:25px} #footer ul li.center{width:220px; float:left; text-align:center} #footer ul li.right{width:370px; float:right; border-top:1px dotted #52534E; margin-top:25px} #footer p, #footer h6{position:relative; top:-20px} #footer p{float:left; line-height:22px; font-size:12px} #footer h6{float:right; color:#6E7D4A; font-size:18px}