/* ----------------------------------------------------------------------- Name: URL: Description: Author: Blueprint CSS Grid : - Column Count: 24 - Column Width: 30px - Gutter Width: 10px - Total Width : 950px - Baseline: 20px ----------------------------------------------------------------------- */ /* Table of Contents ------------------------------------------ I. Major Page Structure / Global Elements II. Header & Navigation III. Main Content A. Non-Layout Specific Content Styles B. Layout Specific Content Styles IV. Footer V. Global Custom Classes VI. Blueprint & Superfish Overrides ------------------------------------------ */ /******************************************************************************** --- I. Major Page Structure / Global Elements --- *********************************************************************************/ body {margin-top:0px; margin-bottom:0px; background: #ffffff url(../images/layout/tile-body.png) repeat-x; font-size:75%; font-family: Helvetica, Arial ,sans-serif} h1 {color:#2F3C47;font-size: 0.833333em;line-height: 1.8em;} h2 {margin-bottom: 5px; font-size:24px; font-family: Georgia, Times, Serif; color:#2F3C47; line-height:1.1em} h3 {font-size:14px; font-family: Georgia, Times, Serif; color:#2F3C47; line-height: 1.25em} h4 {font-size:1em; line-height: 1.5em; font-weight: bold;} h5 {} a {color:#2F3C47;} a:hover {color:#2F3C47;} p, div{font-size:1em; line-height: 1.5em; } p, textarea, input, select, ul {font-family: Helvetica, Arial, san-serif; font-size:1em;color:#2d2d2d; } ul li{} ul li p{} body .topbar {padding: 9px 5px; color:white;} body .wrapper{background-color:#ffffff; margin-top:1px; padding-bottom: 3em} body .header {background:transparent url(../images/content/header-interior.jpg) no-repeat; margin: 9px; height: 126px;position:relative;top:9px; margin-bottom: 6em; margin-top: 0px } body .header .logo {position:absolute; left:-999px; font-size:30px; color:black;} body .header .cta {color:#2F3C47; font-family:Georgia, Times, Serif; font-size: 13px; height: 3em; position: relative; top:8px; padding-left:40px} body .header .cta a{color:#2F3C47;} .navigation ul#bar {margin-top: 36px; margin-left: 25px} .navigation ul#bar li a {font-family:Georgia, Times, Serif;display:block;line-height:0 !important;font-size:0 !important;color:#fff;background:url(../images/layout/sprite-navigation.png) no-repeat 0 0; z-index: 2; margin-right: 2px} .navigation ul#bar li.home a{width:97px; height:49px; background-position:0px -2px;} .navigation ul#bar li.home a:hover,#navigation ul li.home a.active {background-position:0px -52px;} .navigation ul#bar li.services a.sub{width:98px; height:49px; background-position:-97px -2px;} .navigation ul#bar li.services a.sub:hover,#navigation ul li.services a.active {background-position:-97px -52px;} .navigation ul#bar li.about a{width:152px; height:49px; background-position:-196px -2px;} .navigation ul#bar li.about a:hover,#navigation ul li.about a.active {background-position:-196px -52px;} .navigation ul#bar li.contact a{width:89px; height:49px; background-position:-352px -2px;} .navigation ul#bar li.contact a:hover,#navigation ul li.contact a.active {background-position:-352px -52px;} .navigation ul#bar li ul {background-color: #2F3C47; height: 36px; position: absolute; left: -466px; width: 933px} .ie6 .navigation ul#bar li ul {background-color:#2F3C47;height:36px;left:-490px;position:absolute;width:933px;} .navigation ul#bar li ul li.first {margin-left: 250px} .navigation ul#bar li ul li {float:left; display: inline; padding-top: 10px} .navigation ul#bar li ul li a{background-image: none; color:#ffffff; font-size: 12px!important; line-height: 1.285714em;font-family:font-family:Georgia, Times, Serif; text-decoration: none;} /* serif .navigation ul#bar li ul li a{background-image: none; color:#ffffff; font-size: 12px!important; line-height: 1.285714em;font-family:Georgia, Times New Roman, serif; text-decoration: none;} */ .navigation ul#bar li ul li.last a {margin-left:0px;} .navigation ul#bar li ul li a:hover{text-decoration: underline} .content{margin:0px; padding:0px} .left-column{width:210px;float:left;margin-right:20px; margin-left:15px; padding:0px} .middle-column{width:455px;float:left;margin-right:20px;padding:0px} .right-column{width:210px;float:left;padding:0px} .module {padding-bottom: 15px; padding-top:4px; margin-top:1.5em} .module.first{margin-top:0px} .module h3{height:1.5em;background-color:white; border-bottom: 1px solid #dadad5; margin: 0px auto .75em auto; padding:9px 4px 4px 8px;color:#2F3C47; width:91%} /* serif .module h3{height:1.5em;background-color:white; border-bottom: 1px solid #dadad5; margin: 0px auto .75em auto; padding:13px 4px 0px 8px;color:#2F3C47; width:91%} */ .module h4{margin-bottom: 0px; padding: 0px 15px 0px 15px} .module p {padding: 0px 15px 0px 15px} .module a {margin-bottom: 1.5em} .module hr {margin-top: 1.5em; width:90%; margin-left: auto; margin-right: auto; } .module strong.feature {color:#d9802b;} .module img.photo{border:3px solid white; margin: 1em 13px } .module div.photo{text-align:center} .module p img.center {display: block; margin-left: auto;margin-right: auto; text-align: center} .module.primary{background-color:#ebe6d9 } .module.primary a.button { background: #ffffff url(../images/layout/gfx-orange-box-arrow.jpg) no-repeat ; background-position: 7px 8px; padding:8px 10px 5px 25px;color:#2F3C47; margin-left:15px; text-decoration: none; font-size: 0.916667em;line-height: 1.636364em;font-weight: bold} .module.primary a.button:hover{background-color:#2F3C47; color:#ffffff;} .module.secondary{background-color:#e1f3ed } .module.secondary a.button { background: #e99341; padding:8px 10px 5px 8px;color:#ffffff; margin-left:15px; text-decoration: none; font-size: 0.916667em;line-height: 1.636364em;font-weight: bold} .module.secondary a.button:hover{background-color:#2F3C47;} .module.next-steps h3 {width: 96%} .module.next-steps hr{margin: 0 auto; width:96%} .module.next-steps p {margin: 0px 10px; padding-left:0px; padding-bottom: .75em; padding-top: .75em} .module.next-steps p:hover{background-color:white;} .module.next-steps img {margin: 0px 10px 0px 5px; float:left} .module.next-steps a {color:#2F3C47; text-decoration: none; font-weight: bold} .module.next-steps a:hover {color:#d9802b; text-decoration: none; font-weight: bold} .contact-form {margin: 1.5em 0px} .right-column img {float:right; margin: 0px 0px 0px 1.5em} .middle-column .bullets h5 {background: transparent url(../images/layout/gfx-orange-arrow.gif) no-repeat ; padding-left: 15px; color:#2F3C47; background-position:0 4px ;} .middle-column .bullets p {padding-left:16px;} .middle-column p img {float:right; margin:0px 0px 1.5em 1.5em} .middle-column ul li {margin-bottom:1.5em} .footer {clear:both; margin-top: 1.5em; color: white; font-size:10px} .footer .last{text-align: right} /******************************************************************************** --- Global Custom Classes --- *********************************************************************************/ .left{float: left} .right {float:right; text-align: right} /******************************************************************************** --- Form Classes --- *********************************************************************************/ input.submit{ background: #e99341; padding:8px 10px 8px 8px;color:#ffffff; text-decoration: none; font-size: 0.916667em;line-height: 1.636364em;font-weight: bold} textarea {height: 110px;border:1px solid #CCCCCC; margin-bottom: 1.5em;width:402px;} textarea.short {height: 50px;border:1px solid #CCCCCC;} label{width:95px !important; float:left; padding-top:5px; font-weight: normal} label.long{width:300px !important; float:left; padding-top:5px; font-weight: normal} input, select{border:1px solid #CCCCCC;width:300px !important; margin-left: 5px; float:left; margin-bottom: 1.5em; padding:6px;} select {margin-top:0px;width:280px !important;} input.submit { width:125px !important; border: 0px; height:30px} input[type=checkbox], input.checkbox {width:40px !important; margin-left: 0px} fieldset {border:0px} /******************************************************************************** --- Blueprint, Thickbox & Superfish Overrides --- *********************************************************************************/ #TB_title{display:none;} #TB_window {border: 0px} /******************************************************************************** --- Active Navigation States & Static Navigation States --- *********************************************************************************/ #about .navigation ul#bar li.about a {background-position:-196px -52px;} #services .navigation ul#bar li.services a {background-position:-97px -52px;} #contact .navigation ul#bar li.contact a {background-position:-352px -52px;} #home .navigation ul#bar li.home a {background-position:0px -52px;} #services .navigation ul#bar li ul{} /******************************************************************************** --- Pop Up Classes --- *********************************************************************************/ body.overlay {background: #D8D4B9; padding: 10px;} body.overlay #page {background: #ffffff; width: 620px} body.overlay .image-title {font-family: Times, Georgia, Serif;font-size: 14px; color:#675310; } body.overlay .close-this {float:right; margin-bottom: 0px; padding: 8px 10px 4px 10px; font-size:10px; background-color:#e5e2cb; width: 95px; text-align: center } body.overlay .close-this a{text-decoration: none; } body.overlay .close-this:hover {background-color:white;} body.overlay #thumbs {margin: 0 auto} body.overlay .content {background: #ffffff;padding:20px 10px 10px 20px; margin-top:0px} body.overlay .gallery .content {background: transparent;padding:0px;} body.overlay h1 {font-family: Times, Georgia, Serif;font-size: 18px; color:#675310; } body.overlay fieldset{border-color:#f2f2f2; background-color: #f8f7f1; padding: 30px} body.overlay label{width:50px !important; float:left; margin-bottom: 0px; margin-top: 0px; padding: 0px} body.overlay input{border:1px solid #CCCCCC;width:280px !important; margin-left: 20px; float:left; margin-bottom: 1em} body.overlay label.error{width:280px !important; margin-left: 70px; height:26px; padding: 4px} body.overlay input.submit {margin-left: 70px; width:125px !important;} body.overlay form p{margin:0px; padding:0px} body.overlay input[type=checkbox], input.checkbox {width:40px !important; margin-left: 60px; margin-bottom: 35px} /********************************************************* ---Photo Gallery --- *********************************************************/ body#gallery h2{float:left; margin-right:5px; padding-left:60px; width:280px} body#gallery #photo-gallery img{border:0px solid; position:relative; top:7px; left:6px;} body#gallery .text-holder{text-align: center; position:relative; top:4px } body#gallery .image-wrapper {border:1px solid; padding:.75em;float:left; margin-right:6px} body#gallery .image-holder {width: 267px; height: 174px; } body#gallery .gallery-navigation {float:left; margin:3px; width: 44px; } body#gallery .left{margin-left:245px} body#gallery a.prev-next{ background:url(../images/gfx/sprite-buttons-gallery.png) no-repeat 0px 0px; display:block;height:39px; width:44px;text-indent:-10000px;margin:1.5em 0;} body#gallery a.prev {background-position:0px 0px;} body#gallery a.prev:hover {background-position:0px -39px;} body#gallery a.prev-disabled {background-position:0px -78px;} body#gallery a.next {background-position:0px -117px;} body#gallery a.next:hover {background-position:0px -156px;} body#gallery a.next-disabled {background-position:0px -195px;} body#gallery {background-color:#ededed; padding:12px} body#gallery #photo-gallery{border:1px solid; overflow: hidden; padding:25px 0 0px 25px;} #photo-gallery { width:650px; } #photo-gallery h2.title { position:relative; height:1em; font-weight:bold; padding-left:0; } #photo-gallery h2.title span { position:absolute; display:none; } #photo-gallery h2.title span.first { display:block; } #photo-gallery ul { list-style:none; margin:0; } #photo-gallery ul li { list-style:none; margin:0; float:left; } #photo-gallery #gallery-labels { clear:both; } #photo-gallery #gallery-labels li { float:left; margin-right:10px; width:252px; } #photo-gallery #gallery-labels li.last { padding-left:50px; margin-right:0; } /******************************************************************************** --- Schedule --- *********************************************************************************/ ​ #schedule label{display:block;} #schedule input[type="text"]{ width:250px !important;} #schedule .wider{ width:350px !important;} #schedule input[type="checkbox"]{display:block;float:left;margin:-2px 10px 0 0px;width:10px !important;} #schedule textarea {height:110px;width:370px !important;} #schedule textarea.address {height:65px;width:370px !important;} #schedule span.remaining {display:block;padding-right:77px;text-align:right;} #schedule label.checkbox {display:block;margin:-4px 0 0;text-align:left;width:375px !important;} #schedule .existing-customer {margin-bottom:1.5em; } #schedule .existing-customer label {float:left; margin-right:20px; width:100% !important;} #schedule .existing-customer input[type="radio"] {float:left; margin-right:5px; width:25px !important;} #schedule .existing-customer span {float:left; margin-right:15px}