/* LAYOUT & COLORS ------------------------------------------------------------------------ */ /* ADD VERTICAL SCROLLBARS TO EVERY PAGE */ html, body {height: 100%;margin: 0 0 1px;} body {background:#8b6817 url('/img/background.jpg') no-repeat center top;text-align:center;} .outer {width:931px;margin:0 auto;} a {color:#A88701;} #top {width:100%;} #topNav {width:100%;background:transparent url('/img/headerNav-background.gif') no-repeat bottom left;text-align:right;padding-bottom:10px;padding-top:10px;} #topNav a {color:#A88701;margin-left:20px;margin-right:5px;} #topNav a:hover {text-decoration:underline;} #header {width:100%;height:46px;background-color:WHITE;position:relative;} #headerLogo {width:184px;height:46px;position:absolute;left:39px;top:1px;} #headerQuote {width:698px;position:absolute;right:15px;bottom:0px;text-align:right;color:#808080;} #mainNav {width:100%;padding-top:22px;background-color:WHITE;text-align:left;padding-bottom:1px;} #mainNavInner {width:903px;background:transparent url('/img/mainNav-BG.jpg') repeat-x left 3px;margin:0 auto;padding-bottom:1px;border-bottom:2px solid #f2ede7;} #mainNavInner ul {list-style-type:none;} .menutabs li {display:inline;float:left;} li#whoWeAre {width:123px;} li#whatWeDo {width:128px;} li#howWeDoIt {width:127px;} li#whoWeDoItWith {width:156px;} li#wannaDoItWithUs {width:167px;} .menutabs li#whoWeAre a {background:transparent url('/img/mainNav-WhoWeAre.gif') no-repeat 0 0;} .menutabs li#whatWeDo a {background:transparent url('/img/mainNav-WhatWeDo.gif') no-repeat 0 0;} .menutabs li#howWeDoIt a {background:transparent url('/img/mainNav-HowWeDoIt.gif') no-repeat 0 0;} .menutabs li#whoWeDoItWith a {background:transparent url('/img/mainNav-WhoWeDoItWith.gif') no-repeat 0 0;} .menutabs li#wannaDoItWithUs a {background:transparent url('/img/mainNav-WannaDoItWithUs.gif') no-repeat 0 0;} #mainNavInner ul li a {display:block;height:35px;} #mainNavInner ul li a span {visibility:hidden;} .menutabs li.select a, .menutabs li a:hover {background-position:0 -38px !important;} /* Styles for Main Menu Drop Downs */ .dropmenudiv {position:absolute;top:0px;margin-top:-1px;z-index:100;background-color:WHITE;visibility:hidden;} .dropmenudiv a {width:auto;display:block;text-indent:15px;padding:6px 0;color:#666666;background:transparent url('/img/mainNav-subItemBG-OFF.jpg') repeat-x bottom left;border-bottom:2px solid WHITE;border-top:1px solid WHITE;} * html .dropmenudiv a { /*IE only hack*/ width: 100%;} .dropmenudiv a:hover {color:WHITE;background:transparent url('/img/mainNav-subItemBG-OVER.jpg') repeat-x bottom left;} /* Individual Drop Down Styles */ #drop_whoWeAre {width:123px;} #drop_whatWeDo {width:128px;} #drop_howWeDoIt {width:127px;} #drop_whoWeDoItWith {width:156px;} #drop_wannaDoItWithUs {width:167px;} /* PAGE LAYOUT STYLES */ #contentContainer {background-color:WHITE;width:100%;} #contentContainer a:hover {text-decoration:underline;} #contentInner {width:903px;margin:0 auto;background:transparent url('/img/subPage-borderTile.jpg') repeat-y 610px 0px;} #contentLeft {width:610px;float:left;text-align:left;} #contentLeftInner {width:608px;border-bottom:4px solid #ededed;} #homeFlashContainer {height:560px;background:WHITE url('/img/homepage-bottomTabs.jpg') no-repeat bottom left;} #pageContent-top {width:100%;margin-bottom:15px;} #pageContent-text {width:558px;margin-left:43px;} #pageContent-LeftCol {width:232px;float:left;} #pageContent-RightCol {width:311px;float:left;} /* CONTENT ELEMENTS */ .textHeader {background:#2B5F80 url('/img/pageHeader-textBG.jpg') repeat-x top left;color:WHITE;font-size:138.5%;line-height:131%;} .textHeader p {padding:24px 45px 18px 43px;} #pageHeaderNav {background:WHITE url('/img/pageHeaderNavBG.jpg') repeat-x bottom left;border-top:4px solid #ededed;} #pageHeaderNav ul {list-style-type:none;padding:7px 0px 5px 0px;width:599px;padding-left:11px;} #pageHeaderNav ul li {display:inline;float:left;width:24%;text-align:center;} #pageHeaderNav ul li a {color:#A88701;} #pageHeaderNav ul li a:hover {text-decoration:underline;} #pageHeaderNav ul li a.pageNavSelected {color:#333;} #caseStudyLargePhoto {width:100%;height:184px;background:transparent url('/img/photoLoading.jpg') no-repeat 250px 75px;} #worksheetSteps {width:100%;height:51px;overflow:hidden;border-top:4px solid #ededed;} #worksheetSteps div {width:100%;height:100%;} #worksheetOne {background:transparent url('/img/worksheetSteps.jpg') no-repeat 0 0;} #worksheetTwo {background:transparent url('/img/worksheetSteps.jpg') no-repeat 0 -52px;} #worksheetThree {background-position:0 0;} #worksheetFour {background-position:0 0;} #worksheetFive {background-position:0 0;} #contentLeft h1 {background:transparent url('/img/pageHeaders.jpg') no-repeat 0 0;display:block;height:34px;overflow:hidden;} #contentLeft h1 span {visibility:hidden;} #contentLeft h1#companyProfile {background-position:0 0;} #contentLeft h1#ourProcess {background-position:0 -35px;} #contentLeft h1#ourClients {background-position:0 -70px;} #contentLeft h1#worksheet {background-position:0 -105px;} #contentLeft h1#caseStudies {background-position:0 -140px;} #contentLeft h1#press {background-position:0 -175px;} #contentLeft h1#whoWeDoItWith {background-position:0 -210px;} #contentLeft h1#wannaDoItWithUs {background-position:0 -245px;} #contentLeft h1#awards {background-position:0 -280px;} #contentLeft h1#culture {background-position:0 -315px;} #contentLeftInner h2 {font-weight:normal;font-size:123.1%;} #contentLeftInner ul {margin:7px 0px 20px 15px;} #contentLeftInner ul li {line-height:138.5%;} #contentLeftInner p {margin:7px 20px 20px 0px;} #contentLeftInner p.medium {line-height:138.5%;} #contentLeftInner p.small {line-height:153.5%} #contentLeftInner p.noPadding {margin:0;padding:0;} .largeTestimonial {background:transparent url('/img/largeTestimonialOpen.jpg') no-repeat top left;padding-top:38px;margin-top:10px;margin-bottom:75px;} .largeTestimonial-singleLeft {float:left;width:232px;background:transparent url('/img/largeTestimonialOpen.jpg') no-repeat top left;padding-top:38px;margin-top:10px;margin-bottom:30px;} .largeTestimonial-singleRight {float:left;width:232px;margin-left:30px;background:transparent url('/img/largeTestimonialOpen.jpg') no-repeat top left;padding-top:38px;margin-top:10px;margin-bottom:30px;} .largeTestimonial p {line-height:138.5%;margin-right:10px;margin-bottom:5px !important;} .largeTestimonialCredit {background:transparent url('/img/largeTestimonialClose.jpg') no-repeat bottom right;padding-top:10px;} .largeTestimonialCredit span {display:block;line-height:161.1%;width:192px;} .caseStudySmallPhoto-Left {width:281px;float:left;margin-top:10px;} .caseStudySmallPhoto-Right {width:281px;float:left;margin-top:10px;margin-left:30px;} .caseStudySmallPhoto-Left div, .caseStudySmallPhoto-Right div {width:281px;height:183px;overflow:hidden;background:transparent url('/img/photoLoading.jpg') no-repeat 90px 75px;margin-bottom:6px;} .caseStudySmallPhoto-Left span {display:block;text-align:left;} .caseStudySmallPhoto-Right span {display:block;text-align:right;} #pageContent-RightCol ul {margin:10px 0px 0px 60px;list-style-type:none;} #pageContent-RightCol ul li {line-height:138.5%;} .pageHelpers {width:530px;text-align:right;} .pageHelpers a {color:#A88701;padding-bottom:3px;} .pageHelpers a:hover {text-decoration:underline;} .pageHelpers a img {position:relative;top:5px;} .contentExtras {width:100%;} .contentExtrasBTN {display:block;background:WHITE url('/img/contentBottomBtnBG.jpg') repeat-x bottom left;padding:7px 5px 7px 43px;} .contentExtrasBTN a {color:#A88701;} .contentExtrasBTN a:hover {text-decoration:underline;} /* FORM ELEMENTS */ fieldset {border:0px;margin-top:20px;margin-bottom:10px;} legend {color:#333333;font-size:138.5%;margin-bottom:10px;} legend span {padding:8px 10px 5px 43px;background:#f4f4f6 url('/img/formSectionTitleBG.jpg') repeat-x bottom left;display:block;width:556px;overflow:hidden;} fieldset .clear {height:10px;} label.textLabel {float:left;width:165px;text-align:right;margin-right:10px;padding-top:5px;font-size:85%;color:#666666;font-weight:bold;} label.checkboxLabel {color:#666666;font-size:85%;margin-left:6px;} input.text, textarea, input.textSmall {border:1px solid #999999;} input.text, textarea, input.textSmall {padding:3px 5px 3px 10px;float:left;width:400px;} /*textarea {padding:3px 0px 3px 10px;display:block;margin:10px 0px 0px 47px;width:500px;height:120px;}*/ input.checkbox {margin-left:63px;margin-top:7px;} .formParagraph {margin:10px 0px 5px 47px;} input#formSubmit {padding:4px 33px 5px 33px;margin-top:20px;margin-left:62px;} /* SIDEBAR ELEMENTS */ #sidebar {float:right;width:282px;text-align:left;} #sidebar h1 {background:transparent url('/img/sidebarHeaders.jpg') no-repeat 0 0;display:block;} #sidebar h1 span {visibility:hidden;} #sidebar h1#projFocus {height:32px;background-position:0 0;} #sidebar h1#press {height:34px;background-position:0 -36px;} #sidebar h1#caseStudies {height:34px;background-position:0 -72px;} #projFocusArea {margin-bottom:80px;} #projFocusImg {width:282px;height:183px;background:transparent url('/img/photoLoading.jpg') no-repeat 90px 75px;} #projFocusDetails {background:transparent url('/img/projectFocusDetailsBG.jpg') repeat-x top left;border-bottom:4px solid #ededed;padding:10px 0px 5px 0px;} #sidebar dl {padding:0px 10px 0px 10px;} #sidebar dt {float:left;clear:both;} #sidebar dd {float:left;margin-left:4px;} #sidebar dl div {height:3px;width:100%;} #pressArea {margin-bottom:40px;} .pressSection {margin:5px 5px 0px 10px;} .pressSection span {display:block;margin-bottom:2px;} .pressSection a {color:#A88701;float:left;clear:left;} .pressSection a:hover {text-decoration:underline;} .pressSection a.arrow {margin:5px 0px;} .pressSection a.pdf, a.pdf {background:transparent url('/img/iconPDF.jpg') no-repeat right center;padding:5px 25px 5px 0px;} .pressSectionSpacer {height:25px;} #pressExtras {margin-top:10px;border-top:4px solid #ededed;} #caseStudySideNav {width:100%;} #caseStudySideNav ul {list-style-type:none;margin:7px 10px 2px 10px;} #caseStudySideNav ul li {margin-bottom:10px;} #caseStudySideNav ul li a {color:#A88701;} #caseStudySideNav ul li a:hover {text-decoration:underline;} #caseStudySideNav ul li a.pageNavSelected {color:#333;} .sidebarExtrasBTN {background:transparent url('/img/sidebarButtonBG.jpg') repeat-x top left;padding:4px 5px 4px 10px;} .sidebarExtrasBTN-right {background:transparent url('/img/sidebarButtonBG.jpg') repeat-x top left;padding:4px 25px 4px 10px;text-align:right;} .sidebarExtrasBTN a, .sidebarExtrasBTN-right a {color:#A88701;} .sidebarExtrasBTN a:hover, .sidebarExtrasBTN-right a:hover {text-decoration:underline;} .sidebarGradientTop {width:100%;height:20px;background:transparent url('/img/sidebarGradientTop.jpg') repeat-x top left;} .sidebarGradientBottom {width:100%;height:20px;background:transparent url('/img/sidebarGradientBottom.jpg') repeat-x top left;} /* FOOTER ELEMENTS */ #southOfTheBorder {background-color:#4d4d4f;text-align:left;} #subPageBottomCorners {width:100%;height:14px;background:transparent url('/img/subPageBottomCorners.gif') no-repeat top left;} img#soThatHappened {margin:20px 0px 3px 13px;} #footerBlogPostsContainer {float:left;width:679px;margin-left:13px;text-align:left;} .blogPost {padding:23px 0px 0px 0px;color:WHITE;} .blogPostDay {float:left;width:80px;} .blogPostDate {font-size:123.1%;} .blogPostYear {font-size:167%;line-height:85%;} .blogPostEntry {float:left;width:589px;margin-left:8px;} .blogPostEntry p {margin-top:8px;line-height:138.5%;} .blogMoreLink {margin-top:5px;} .blogMoreLink a {color:WHITE;background:transparent url('/img/blogPosts-moreArrow.gif') no-repeat right center;padding-right:20px;padding-top:1px;padding-bottom:3px;} .blogMoreLink a:hover {text-decoration:underline;} #footerRightArea {float:right;width:181px;margin-top:23px;} #footerCallOut-top {width:100%;height:9px;background:transparent url('/img/footer-rightCallOut-top.gif') no-repeat bottom left;} #footerCallOut-middle {width:100%;background:transparent url('/img/footer-rightCallOut-middleBG.gif');} #footerCallOut-middleInner {width:100%;background:transparent url('/img/footer-rightCallOut-middleTop.gif') top left;text-align:left;} #footerCallOut-topText {padding:15px 25px 10px 35px;font-size:123.1%;line-height:131%;} #footerCallOut-bottomText {padding:15px 25px 10px 35px;} #footerCallOut-bottomText a {display:block;color:#333333;line-height:131%;} #footerCallOut-bottomText a:hover {text-decoration:underline;} #footerCallOut-bottom {width:100%;height:9px;background:transparent url('/img/footer-rightCallOut-bottom.gif') no-repeat top left;} #footerButtons {margin-top:5px;} #footerNav {margin-top:80px;text-align:center;border-top:2px dotted #8C8C8C;color:#CCCCCC;line-height:167%;padding-top:12px;padding-bottom:75px;} #footerNav a {color:#CCCCCC;} #footerNav a:hover {text-decoration:underline;} /* PHIL'S ADDITIONS */ .item { padding: 0 0 2em 0; } input.text {margin-top: 3px; } textarea { margin-top: 3px; } textarea.smallarea {margin-top: 3px; padding:3px 0px 3px 10px;display:normal;width:350px;height:120px;} input.textSmall { width: 345px; margin-top: 3px; } input.submitPad {padding:4px 33px 5px 33px;margin-left:10px; cursor: pointer;} .error-message { clear: both; color: red; margin-left: 175px; } .rollDown { width: 260px; margin: 10px; } div#footerCallOut-flash { margin-left: 1px; } /* Paging */ .paging { color: #ccc; margin-bottom: 2em; text-align: center; } div.paging div.disabled { color: #ddd; display: inline; } div.paging span { } div.paging span.current { color: #000; } div.paging span a { } .forms { margin-left: 165px; } div.error-message { margin: 3px 0 0 0; padding: 0; } .node_img { float: left; padding: 0 10px 10px 0; } /* END PAGING */