/* -------------------------------------------------------------- celtic -------------------------------------------------------------- */ #outie { margin: 0px; padding: 0px; position: relative; z-index: 99; } #header-wrap { border-top: 3px solid #12523f; background-repeat: repeat-x; } #nav-wrap { background: #a19663; } #mainNav .home-icon { float: left; position: absolute; } #innie { width: 960px; margin-right: auto; margin-left: auto; clear: both; margin-top: 40px; } /* Page -------------------------------------------------------------- */ #page { margin: 0 auto; } #header { width: 860px; margin-right: auto; margin-left: auto; } #header #logo { } #social-links { float: right; position: absolute; top: 0; right: 0; list-style-type: none;} #social-links li { float: left; margin-left: 10px; margin-top: 4px;} #topSubNav { float: right; clear: right; font-size: 10px; margin-top: 2px; list-style: none; } #topSubNav li { text-align: right; text-transform: uppercase; margin-top: 4px; margin-bottom: 4px; } #topSubNav a { color: #12523F; text-decoration: none; font-family: "museo-sans-1","museo-sans-2", sans-serif; font-weight: 500; } #subheader h2{ font-size: 2.25em; font-weight: 900; color: #58595B; border-bottom: 6px solid #939598; padding-bottom: 10px; margin-bottom: 8px; } /* -------------------------------------------------------------- CORETABS -------------------------------------------------------------- */ ul.tabs { margin: 0; padding: 0 0 0 52; clear: both; } ul.tabs li { float: left; list-style: none; padding: 0; margin: 0px; } ul.tabs li a { } /* Clearing floats without extra markup */ ul.tabs { display: inline-block; } ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html ul.tabs { height: 1%; } ul.tabs { display: block; } ul.toptabs { margin: 0; padding: 0; } ul.toptabs li { float: left; list-style: none; margin: 1; padding: 0px; } ul.toptabs li a { float: left; display: block; padding: 6px; margin-left: 1px; } ul.toptabs li a:hover { background: #333; } /* Clearing floats without extra markup */ ul.toptabs { display: inline-block; } ul.toptabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html ul.toptabs { height: 1%; } ul.toptabs { display: block; } #mainNav { width: 860px; margin-right: auto; margin-left: auto; position: relative; } .rounded-corners { -moz-border-radius: 12px; -webkit-border-radius: 12px;-khtml-border-radius: 12px; border-radius: 12px;} .rounded-bottom { -webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px;} .rounded-top { -webkit-border-top-right-radius: 12px; -webkit-border-top-left-radius: 12px; -moz-border-radius-topright: 12px; -moz-border-radius-topleft: 12px; border-top-right-radius: 12px; border-top-left-radius: 12px; } #mainNav .tabs { margin-right: auto; margin-left: auto; padding-left: 46px; } #mainNav .tabs li { display: block; } #mainNav .tabs li a { text-decoration: none; padding: 8px 14px; color: #FFF; display: block; margin-top: 1px; margin-bottom: 1px; font-family: "museo-sans-1", "museo-sans-2", sans-serif; font-weight: 500; text-transform: uppercase; } #secondaryNav .tabs { } #secondaryNav .tabs li a { text-decoration: none; color: #feffff; display: block; font-family: "museo-sans-1", "museo-sans-2", sans-serif; font-weight: 500; padding-top: 8px; padding-bottom: 8px; padding-right: 16px; } #mainNav .tabs li a:hover { background: #191919; } .activeNav { background-color: #40393B; } #mainNav { clear: both; } #mainNav li ul { border-top: 1px solid #FFF; margin: 0px; position:absolute; padding: 6px 0px; background-color: #575757; z-index: 99; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; width: 200px; } #mainNav li ul li { margin: 0px; padding: 0px; float: none; } #mainNav li ul.slideDown li { margin: 0px!important; padding: 0px; } #mainNav li ul li a, #mainNav li.active ul li a { line-height:11px; font-size: 11px; color:#fff; font-weight:normal; padding: 12px 0px 0px 4px !important; text-transform: none; border-right:none!important; margin-top: 0; margin-bottom: 0; margin-left: 4px; } #intBlocks .tabs li a { background-color: silver; padding: 8px; margin-right: 2px; display: block; } #intBlocks .tabs li.here a, #intBlocks .tabs li.parent-here a { background-color: #58595B; color: #FFF; } #intBlocks #sub-nav { margin-bottom: 15px; background-color: #f1f1f1; border-bottom: 1px solid #cacaca; } #intBlocks #subsub-nav { margin-bottom: 15px; margin-top: -10px; background-color: #f1f1f1; border-bottom: 1px solid #cacaca; } /* LEVEL ONE */ ul.dropdown { position: relative; } ul.dropdown li { float: left; zoom: 1; } ul.dropdown a:hover { } ul.dropdown a:active { color: #000000; } ul.dropdown li a { display: block; padding: 4px; } ul.dropdown li:last-child a { } /* non IE */ ul.dropdown li.hover, ul.dropdown li:hover { background: #a19663; position: relative; } ul.dropdown .parent-here a, ul.dropdown .here a { /*color: #97CCEF;*/ } ul.dropdown li.hover a { color: ; } /* LEVEL TWO */ ul.dropdown ul { width: 260px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 999; display: none; } ul.dropdown li:hover ul { display: block; } ul.dropdown ul li { font-weight: normal; background: #a19663; float: none; margin: 0; padding: 0; } /* IE 6 & 7 Needs Inline Block */ ul.dropdown ul li a { width: 100%; display: inline-block; padding-right: 0px; padding-left: 0px; line-height: 18px; height: 24px ; text-transform: none; color: white; } /* LEVEL THREE */ ul.dropdown ul ul { left: 100%; top: 0; } ul.dropdown li:hover > ul { visibility: visible; } #homePanels { padding-top: 0px; } #homePanels h2 { font-size: 20px; } #content { color: #333; } #homePanels { clear: both; } .trans-white { background: url(../images/trans_white.png); } .trans-black { background: url(../images/trans_black.png); } #homeBlocks { margin-bottom: 15px; } #homePanels .innie { padding-top: 10px; padding-right: 0px; padding-left: 0px; position: relative; } #intPanels .innie { padding: 15px 30px 20px; } #homePanels #level0 { padding: 0px 0px 15px; margin-bottom: 15px; color: #000; min-height: 280px; position: relative; } #intPanels { padding: 0px 0px 20px; position: relative; border-top: 6px solid #12523F; } #homePanels #level0-tabs li{ margin-right: 15px; } #level0 .headline { color: #12523f; } #level2 a { color: #333; } #level2 .tabs li a{ } #level2 .tabs { padding-bottom: 8px; } #level2 .tabs li a:hover { border-bottom: 3px solid #255c51; color: #000; text-decoration: none; } #homeBlocks #level1 { float: left; width: 385px; margin-right: 10px; } #homeBlocks #level2 { float: left; width: 385px; } #homeBlocks #level2 p { margin-bottom: 10px; } #level2 h2 { margin-bottom: 4px; } #level1 h2 { margin-bottom: 7px; } #homeBlocks #level1, #homeBlocks #level2 { min-height: 220px; } #level3 { clear: both; margin-top: 15px; min-height:130px;} #homeBlocks #news p { margin-bottom: 12px; } #homeBlocks #testimonials strong { color: #255c51; } #level3 h2 { display: block; font-size: 16px; margin: 0px 0px 2px; padding-bottom: 3px; } #intBlocks { background: #FFF; } #wrap { position:relative; width: 390px; float: left; padding-bottom: 15px; } #testimonials.innie { width: 256px; float: left; padding-bottom: 15px; text-align: center; padding-top: 20px; } #testimonials .quote{ font-size: 1.25em; color: #58595b; } #testimonials a {color: #000;} /* Footer -------------------------------------------------------------- */ #footerBox { background: #404041; padding-top: 10px; padding-bottom: 10px; clear: both; } #footer { background: #a19663; padding-right: 16px; padding-left: 16px; } #footer .tabs { } #footer .tabs a { text-decoration: none; } #footer p.quiet { } #footerLogos { float: left; margin-left: 12px; } #footerLogos img { float: left; margin-right: 5px; clear: left; margin-bottom: 2px; } #copyright { font-size: 11px; margin-right: 26px; color: #ffffff; } #fblocks { color: #feffff; padding-left: 12px; } #fblocks p, #fblocks h2{ font-size: 11px; padding-right: 5px; line-height: 14px; } #fblocks h2 { font-weight: bold; margin-bottom: 4px; color: #FFF; margin-top: 4px; } #fblocks p { margin-bottom: 4px; padding-right: 5px; } #fblocks a { color: #808184; } #footer #fblock1 { width: 160px; float: left; margin-right: 15px; border-right: 1px solid #fff; } #footer #fblock2 { width: 105px; float: left; margin-right: 15px; border-right: 1px solid #fff; } #footer #fblock3 { width: 105px; float: left; margin-right: 15px; border-right: 1px solid #fff; } #footer #fblock4 { width: 115px; float: left; margin-right: 15px; border-right: 1px solid #fff; } #footer #fblock5 { width: 80px; float: left; margin-right: 15px; border-right: 1px solid #fff; } #footer #fblock6 { width: 100px; float: left; } #copyBlock { clear: both; margin-top: 15px; } #homeBlocks h2 { font-size: 18px; font-weight: normal; } #homeBlocks h2 a { color: #333; } #header #logo { } #copyBlock #raleigh { float: left; margin-left: 16px; } .download { background: url(/images/map_download.png) no-repeat left center; padding-left: 20px; } .backtop { background: url(/images/backtop.png) no-repeat left center; padding-left: 20px; } #homeBlocks h2 strong { font-weight: 900; font-size: 22px; } .genContent { font-size: 1.17em; width: 90%; } #intPanels #level0 #level0-tabs { list-style: none; font-family: "museo-sans-1", "museo-sans-2", sans-serif; font-weight: 900; font-size: 1.33em; margin: 0px; } #level0 #level0-tabs li { margin-bottom: 4px; } .imageGallery { background: #D1D3D4; padding: 10px; clear: both; } .imageGallery img { float: left; border: 2px solid #FFF; margin-right: 4px; } .sqft { font-size: 0.75em; color: #FFF; font-weight: normal; } #level0 #stage-overview { position: absolute; right: 10px; top: 50px; text-align: center; } #level0 #office-overview { position: absolute; right: 10px; top: 50px; text-align: center; } #level0.office-overview { height:280px; } #level0.post-overview { height:300px; } #office-overview .map { margin-top:15px; } .stageContainer { margin-top:15px; margin-bottom:40px;} .stageContainer h2 { display: block; float: left; width: 240px; font-size: 2.25em; font-weight: 900; color: #58595B; margin: 0px; padding: 0px; } .stageContainer h2 a { color: #58595B;} .stage-mid { margin-bottom:10px;} .stage-description { float: left; width: 460px; } .stage-description h3 { color: #666666; font-size: 1.4em; font-weight: 300; margin-top: 4px; } .stage-description ul li { margin-right: 0.9375em; } .stage-description ul li a { font-weight: bold; } .stage-head { border-bottom: 6px solid #939598; margin-bottom: 10px; padding-bottom: 10px; } .stageDetails { margin-bottom: 10px; float: left; width: 210px; } .stageDetails p { margin-bottom: 6px; font-size: 1.17em; } .stagemap { float: right; width: 480px; } #intBlocks p a, #intBlocks li a { color: #666; } .postContainer { margin-top:15px; margin-bottom:40px;} .postContainer h2 {display: block; float: left; width: 240px; font-size: 2.25em; font-weight: 900; color: #58595B; margin: 0px; padding: 0px; } .postContainer h2 a { color: #58595B;} #vendors-list table {margin:0px;} #vendors-list table p{margin-bottom:4px;} .wrap-wrapper { padding-bottom:15px; margin-top: 15px; } .wrap-wrapper .poster { float: left; margin-right: 16px; width: 172px; } .wrap-wrapper .details { float: left; margin-right: 16px; width: 278px; } .wrap-wrapper .prod-notes { float: left; width: 230px; } #homePanels .home-service { float: left; width: 186px; height: 170px; text-align: left; margin-right: 2px; margin-left: 2px; border: 1px solid #DEE6E5; font-weight: 300; } #homePanels .home-service h3 { font-size: 13px; color: #12523F; display: block; height: 28px; } #homeBlocks .resources { float: left; width: 140px; margin-right: 5px; margin-left: 5px; padding: 0px; border: 2px solid #12523F; } #homePanels .resources h3 { font-size: 12px; color: #12523F; padding: 10px 3px 10px 0px; margin: 0px; } .resources h3 a { background: url(../images/icons/compass.png) no-repeat 4px center; padding-left: 22px; } #homePanels .home-service .content { padding: 0px 5px 5px; text-align: center; } #quick-links { position: absolute; right: -100px; height: 138px; width: 181px; } .content-block h4 a { font-size: 16px; display: block; background: #a19663; padding: 6px; color: #FFF; } #contact h4 { color: #12523F; margin-bottom: 4px; } /* Homeslides */ #slide-wrap { position: relative; height: 360px; } #slides { position:absolute; z-index:10; } .slides_container { width:960px; overflow:hidden; position:relative; display:none; } .slides_container a { width:960px; height:360px; display:block; } .slides_container a img { display:block; }