/*------------------------------------------- Overrides -------------------------------------------*/ html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address, .more-link { margin:0; padding:0; } a, a:link, a:visited { outline: none; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } /*------------------------------------------- Layout -------------------------------------------*/ .wrapper { width: 960px; margin: 0 auto; overflow: hidden;} #header { height: 127px; width: 100%;} #header h1 a { display: block; float: left; width: 362px; height: 78px; text-indent: -9999px; margin-top: 20px; } #header #quicklinks { float: right; display: inline; margin-top: 30px; } #quicklinks ul { clear: right; float: right; display: inline; } #quicklinks li { float: left; display: inline;} #quicklinks span.phone-number { text-indent: -9999px; display: block; width: 138px; height: 22px; float: right; margin-top: 10px; margin-bottom: 10px; margin-right: 10px;} #quicklinks li.quote a { display: block; width: 106px; height: 15px; text-indent: -9999px;} #quicklinks li.specials a { display: block; width: 62px; height: 14px; text-indent: -9999px; padding-left: 20px;} #section-header h2 { text-indent: -9999px; display: block; width: 960px; height: 221px; } ul#main-nav { width: 966px; margin: 0 auto; overflow: hidden; margin-bottom: 15px; padding-left: 2px; } ul#main-nav li { float: left; display: inline; } ul#main-nav li a { display: block; width: 161px; text-indent: -9999px; height: 36px;} .section, .section h2 a { float: left; display: block; width: 320px; margin: 0; padding: 0;} #home-page .section, #home-page .section h2 a { height: 365px; } #home-page #about.section, #home-page #brokerage.section, #home-page #quote.section { height: 425px; } #printing #about.section h2 { margin-top: 15px; } #profile .section { height: 480px; } #offset-web .section { height: 680px; } #printing .section { height: 558px; } #promotional .section { height: 590px; } #graphics .section { height: 308px; } #contact .section { height: 480px; } .section .content { margin: 30px; line-height: 18px; } form input#submit { width: 81px; height: 23px; display: block; border: 0; font-size: 0px; overflow: hidden; line-height: 0; } #footer { height: 60px; margin-top: 30px; } #footer p { float: left; display: inline; margin-top: 25px;} #footer ul { float: right; list-style-type: none; margin: 25px 0 0 0; padding: 0;} #footer ul li { float: left; padding: 0 10px; } #contact #about span { display: block; } #contact #about span.company { margin-top: 10px; } #contact #about span.city-state-zip, #contact #brokerage span.telephone { margin-bottom: 10px; } #printing #brokerage h2 { margin-bottom: 10px; } #printing h3 { margin-top: 10px; font-weight: bold; } p.button a img { border: 0; } p.button { margin-left: -3px;} /*------------------------------------------- Styles -------------------------------------------*/ #header { background: url(../../assets/images/noise.jpg) repeat-x top left; } #header > .wrapper { background: url(../../assets/images/gradient.png) no-repeat top center; height: 127px; } #header h1 a { background: url(../../assets/images/logo.gif) no-repeat left center; } #header h1 > a { background: url(../../assets/images/logo.png) no-repeat left center; } #quicklinks span.phone-number { background: url(../../assets/images/phone-number.gif) no-repeat center; } #quicklinks li.quote a { background: url(../../assets/images/quote.gif) no-repeat center; } #quicklinks li.specials a { background: url(../../assets/images/specials-link.gif) no-repeat center; } #footer { background: url(../../assets/images/f_shadow.jpg) no-repeat top center;} ul#main-nav a { background: url(../../assets/images/nav-sprite.jpg) no-repeat -966px -120px; } ul#main-nav .home a { background-position: 0 0;} ul#main-nav .home a:hover { background-position: 0 -40px;} #home-page > ul#main-nav .home.active a { background-position: 0 -80px; } ul#main-nav .profile a { background-position: -162px 0; } ul#main-nav .profile a:hover { background-position: -162px -40px; } ul#main-nav > .profile.active a { background-position: -162px -80px; } ul#main-nav .printing a { background-position: -323px 0; width: 160px;} ul#main-nav .printing a:hover { background-position: -323px -40px; } ul#main-nav > .printing.active a { background-position: -323px -80px; } ul#main-nav .promotional a { background-position: -484px 0; width: 159px;} ul#main-nav .promotional a:hover { background-position: -484px -40px; } ul#main-nav > .promotional.active a { background-position: -484px -80px; } ul#main-nav .graphics a { background-position: -645px 0; width: 158px;} ul#main-nav .graphics a:hover { background-position: -645px -40px; } ul#main-nav > .graphics.active a { background-position: -645px -80px; } ul#main-nav .contact a { background-position: -806px 0; width: 163px;} ul#main-nav .contact a:hover { background-position: -806px -40px; } ul#main-nav > .contact.active a { background-position: -806px -80px; } ul#main-nav { background: url(../../assets/images/d_shadow.jpg) bottom center no-repeat; padding-bottom: 15px;} #printing.section h2 a { background: url(../../assets/images/printing.jpg); text-indent: -9999px; } #promotional.section h2 a { background: url(../../assets/images/promotional.jpg); text-indent: -9999px;} #specials.section h2 a { background: url(../../assets/images/specials.jpg); text-indent: -9999px;} form input#submit { background: url(../../assets/images/submit.jpg); text-indent: -9999px; } #profile #section-header h2 { background: url(../../assets/images/h_profile.jpg) no-repeat center; } #printing #section-header h2 { background: url(../../assets/images/h_printing.jpg) no-repeat center; } #promotional #section-header h2 { background: url(../../assets/images/h_promotional.jpg) no-repeat center; } #graphics #section-header h2 { background: url(../../assets/images/h_graphics.jpg) no-repeat center; } #contact #section-header h2 { background: url(../../assets/images/h_contact.jpg) no-repeat center; } #about.section, #brokerage.section { border-left: 1px dotted #7F7F7F; width: 319px;} #contact #quote.section, #home-page #quote.section { width: 283px;} #quote.section { width: 318px; border-left: 1px dotted #7F7F7F; border-right: 1px dotted #7F7F7F; } #content > #quote.section { width: 318px; border-left: 1px dotted #7F7F7F; border-right: 1px dotted #7F7F7F;} form input.text, form textarea { width: 310px; border: 1px solid #d9d9d9; background: #ECECEC; margin-bottom: 5px; } fieldset, form { border: 0; margin: 0; padding: 0; display: inline; } form p { margin: 0;} form input { text-align: left;} .errors { background: #eee; border: 1px solid #FFCC00; padding: 5px; margin-bottom: 5px;} #fsc { color: #276d41; } #fsc img { float: left; margin-right: 25px;} #fsc span { display: block; padding-left: 10px; } .slogan { font-size: 14px; } #pppc, .promo-materials { margin-top: 10px; display: block; margin: 0 auto; } #about.section .promo-materials { margin-top: 50px;} #pppc { margin-top: 100px; } #footer ul li { border-left: 1px solid #FFF; } #footer ul li.first { border: none;} #content a { color: #004A9C; } #content ul { list-style-type: square; margin-left: 15px; } /*------------------------------------------- Typography -------------------------------------------*/ body { font-family: Helvetica, Arial, verdana, sans-serif; color: #000; background: #FFF; font-size: 12px; } .section h2 { font-weight: bold; font-size: 18px;} #contact #quote.section h2 { margin-bottom: 10px; } #footer { color: #222;} .big { font-weight: bold; font-size: 16px;} /*------------------------------------------- Links -------------------------------------------*/ #footer a { color: #222; }