/*--------------------------------------------------------------------------------- CSS RESET ---------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /*--------------------------------------------------------------------------------- GENERAL ---------------------------------------------------------------------------------*/ body { font: 1em/1.5em Arial, sans-serif; background: #4C779A url(../images/bg_wrap.jpg) repeat-x center top; } .wrapper { width:100%; } .container { width: 880px; margin: 0 auto; overflow: visible; position: relative; } .column { float: left; } .needsfilled{ color: red; } h1, h2, h3, h4, h5 { color: #103868; font-weight: bold; } h1 { font-size: 24px; } h2 { font-size: 20px; } h3 { font-size: 16px; } h4 { font-size: 14px; } strong {font-weight: bold; } em { font-style: italic; } iframe {border: 4px solid #BBBBBB; margin: 5px 0 20px; } a { color: #103868; } a:hover { color: #07192F; } /* Heading Image Swap */ .hswap { background-repeat: no-repeat; text-indent: -9999px; } .hswap span { display: none; } #heading-3dcollision { background: url(../images/heading-3dcollision.png) no-repeat; width: 217px; height: 22px; } #heading-3ddifference { background: url(../images/heading-3ddifference.png) no-repeat; width: 256px; height: 22px; } #heading-affiliations { background: url(../images/heading-affiliations.png) no-repeat; width: 138px; height: 34px; } #heading-careers { background: url(../images/heading-careers.png) no-repeat; width: 155px; height: 22px; } #heading-contact { background: url(../images/heading-contact.png) no-repeat; width: 216px; height: 62px; } #heading-contactsuccess { background: url(../images/heading-contactsuccess.png) no-repeat; width: 191px; height: 22px; } #heading-contactus { background: url(../images/heading-contactus.png) no-repeat; width: 200px; height: 22px; } #heading-faq { background: url(../images/heading-faq.png) no-repeat; width: 65px; height: 22px; } #heading-haverford { background: url(../images/heading-haverford.png) no-repeat; width: 251px; height: 23px; } #heading-history { background: url(../images/heading-history.png) no-repeat; height: 21px; } #heading-length { background: url(../images/heading-length.png) no-repeat; width: 219px; height: 12px; } #heading-locations { background: url(../images/heading-locations.png) no-repeat; width: 127px; height: 15px; } #heading-meetourstaff { background: url(../images/heading-meetourstaff.png) no-repeat; width: 282px; height: 22px; } #heading-mile { background: url(../images/heading-mile.png) no-repeat; width: 171px; height: 12px; } #heading-mission { background: url(../images/heading-mission.png) no-repeat; width: 211px; height: 22px; } #heading-missionstatement { background: url(../images/heading-missionstatement.png) no-repeat; width: 342px; height: 22px; } #heading-oxford { background: url(../images/heading-oxford.png) no-repeat; width: 185px; height: 22px; } #heading-springcity { background: url(../images/heading-springcity.png) no-repeat; width: 251px; height: 22px; } #heading-teamleaders { background: url(../images/heading-teamleaders.png) no-repeat; width: 256px; height: 22px; } #heading-testimonials { background: url(../images/heading-testimonials.png) no-repeat; width: 168px; height: 15px; } #heading-testimonialspage { background: url(../images/heading-testimonialspage.png) no-repeat; width: 237px; height: 22px; } #heading-wayne { background: url(../images/heading-wayne.png) no-repeat; width: 168px; height: 23px; } #heading-welcome { background: url(../images/heading-welcome_new.png) no-repeat; width: 550px; height: 20px; } #heading-westchester { background: url(../images/heading-westchester.png) no-repeat; width: 307px; height: 22px; } #heading-whatwedo { background: url(../images/heading-whatwedo.png) no-repeat; width: 209px; height: 22px; } #heading-whoweare { background: url(../images/heading-whoweare.png) no-repeat; width: 209px; height: 22px; } #heading-dent { background: url(../images/heading-dent.png) no-repeat; width: 259px; height: 22px; } #heading-autopaint { background: url(../images/heading-autopainting_new.png) no-repeat; width: 312px; height: 52px; } #heading-autobody { background: url(../images/heading-autobodyrepair_new.png) no-repeat; width: 333px; height: 52px; } #heading-events { background: url(../images/heading-events.png) no-repeat; width: 252px; height: 22px; } #heading-three-decades { background: url(../images/heading-three-decades.png) no-repeat; width: 241px; height: 13px; } #heading-3dnewsletter { background: url(../images/heading-3dnewsletter.png) no-repeat; width: 273px; height: 22px; } #heading-charitableorganizations { background: url(../images/heading-charitableorganizations.png) no-repeat; width: 471px; height: 22px; } #heading-communityinvolvement { background: url(../images/heading-communityinvolvement.png) no-repeat; width: 428px; height: 22px; } #heading-getinvolved { background: url(../images/heading-getinvolved.png) no-repeat; width: 234px; height: 22px; } #heading-goinggreen { background: url(../images/heading-goinggreen.png) no-repeat; width: 220px; height: 22px; } #heading-upcomingevents { background: url(../images/heading-upcomingevents.png) no-repeat; width: 305px; height: 54px; } /*--------------------------------------------------------------------------------- HEADER ---------------------------------------------------------------------------------*/ #header { background: url(../images/bg-header-x.jpg) repeat-x; } #header-wrapper { background: url(../images/bg-header.jpg) no-repeat center top; height: 578px; } /* #header .container { width: 1138px; } */ #logo { padding: 10px 0 0 46px; } #whyus-top { font-size: 16px; font-weight: bold; font-style: italic; position: absolute; top: 44px; left: 214px; color: #1d4372;} #affiliations-container { position:relative; width: 880px; margin: 0 auto; } #affiliations { position: absolute; right: -120px; top: 100px;} #affiliations h2 { background: url(../images/heading-affiliations.png) no-repeat; height: 34px; width: 138px; } #affiliations img { display: block; margin: 6px 0 6px 30px; } #social { position: absolute; right: 52px; top: 96px; overflow: hidden; } #social img { display: inline; zoom: 1; } #social img { display: inline; } #topnav-container { z-index: 4000; } #topnav { padding:25px 58px 0 0; text-align:right; z-index: 3000; } #topnav ul { z-index: 2000; } #topnav img { } #topnav li { display:inline; position: relative; z-index: 1000; /* background: url(../images/bullet-nav.gif) no-repeat center right;*/ } #topnav a { color: #fff; text-decoration: none; font-size: 13px; padding: 0 11px;} #topnav a:hover { color: #98cfcf; } /* Drop menus */ .submenu {position: absolute; display:block; top:0px; left: 0px; width: 175px; overflow: visible; padding: 13px 0 0; margin: 16px 0 0; z-index: 500; } #topnav .submenu li { float: none; display: block; text-align: left; padding: 2px 0px; margin: 0; background: url(../images/bg-submenu.png) repeat; background-color: rgba( 3, 58, 120, 0.75); border-bottom: 2px solid #4c729c; } .submenu a { color: #fff; font-weight: bold; } #banner { margin: 54px 0 30px 60px; padding: 0 0 10px; } .slideshow-fade { position: relative; height: 300px; } /* SET HEIGHT TO IMAGE HEIGHT */ .slideshow-fade img { position: absolute; top: 0; left: 0; z-index:8; } .slideshow-fade img.active { z-index:10; } .slideshow-fade img.last-active { z-index: 9; } #bannernav { background: url(../images/bannernav-bg-left.png) no-repeat 0 top; height: 44px; position: absolute; right: 48px; top: 203px; padding-left: 30px; z-index: 20; } #bannernav-wrapper {background: url(../images/bannernav-bg-x.jpg) repeat-x} #bannernav li { background: url(../images/bannernav-bg-x.jpg) repeat-x; height: 44px; float: left; } #bannernav a { padding: 10px 18px; text-decoration: none; color: #fff; width: 10px; height: 44px; line-height: 41px; font-size: 18px; } #bannernav a.on, #bannernav a:hover { background: url(../images/bannernav-bg-on.jpg) no-repeat center top; } /*--------------------------------------------------------------------------------- CONTENT ---------------------------------------------------------------------------------*/ #content { background: #8DB5CE url(../images/bg-content-y.jpg) repeat-y center top; } #content-wrapper { background: url(../images/bg-content.jpg) no-repeat center-top;} #content .container { overflow: hidden; } #testimonials-page blockquote { font-weight: bold; } #testimonials-page cite { font-style: italic; } #green ul { font-weight: bold; } #mile ul { font-weight: bold; } /*--------------------------------------------------------------------------------- LEFT COLUMN ---------------------------------------------------------------------------------*/ #column-left { width: 510px;font-size: 12px; padding: 17px 25px; } #column-left .txtarea { margin: 0 0 30px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 28px; } #column-left .txtarea h1 { margin: 0 0 17px 0; } #column-left .txtarea p { margin: 0 0 18px 0; } #column-left .txtarea img.photo { border: 3px solid #002E62; margin: 0 0 10px; box-shadow: 0 3px 3px #000; -moz-box-shadow: 0 3px 3px #000; -webkit-box-shadow: 0 3px 3px #000;} #column-left .txtarea p strong { font-weight: bold; color: #103868; } #column-left .txtarea a { color: #002E62; } #column-left .txtarea a:hover { color: #F0F9FF; } #column-left ul { margin: 0 0 .5em; } #column-left li { padding: 0 0 15px 10px; background: url(../images/bullet.gif) no-repeat left 1em; line-height: 1.5em; } #column-left h2 { margin: 0 0 15px; } #green { width: 244px; padding: 0 15px 0 0; } #testimonials { width: 219px; border-left: 1px solid #4e82a7; padding: 0 15px; margin: 0 0 10px; overflow: hidden; position: relative; height: 230px;} .testimonial-group { position: absolute; top: 17px; left: 0; padding: 0 15px; z-index: 20; zoom: 1; } .testimonial-group.active { z-index: 21; } .testimonial { line-height: 1.5em; font-style: italic; clear: both; margin: 10px 0 15px 0; overflow: hidden; } .testimonial a { float: right;color: #1e4465; } .testimonial a:hover { float: right;color: #fff; } #mile { border-bottom: 1px solid #4e82a7; margin: 0 0 25px; padding: 0 0 12px 0; clear: both; } #mile ul { overflow: hidden; } #mile li { width: 46%; float: left; margin: 0 10px 0 0; } #column-left .txtarea .back-to-top { text-align: right; margin: 5px 0 30px; } /*--------------------------------------------------------------------------------- RIGHT COLUMN ---------------------------------------------------------------------------------*/ #column-right { width: 300px; font-size: 12px; } #column-right h2 { margin: 0 0 20px; } #locations-pane { height: 764px; overflow: auto;padding: 20px 32px; width: 250px; } #locationsnav { margin: 0 0 35px; width: 200px; } #locationsnav a { color: #002E62; font-weight: bold; font-size: 14px; text-decoration: none; } #locationsnav a:hover, #locationsnav a:active, #locationsnav .on { text-decoration: underline; } #locations .inactive { opacity: .5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .location { color: #fff; clear: both; overflow: hidden; height: 200px; margin: 0 0 20px; zoom: 1; font-size: 14px; } #column-right .activeLocation { font-size: 16px; height: 340px;} .locImage .thumb { border: 1px solid white; display: block; width: 62px; height: 62px; } .locImage img { border: 1px solid #002E62; } #column-right .activeLocation h3 { font-size: 17px; } #column-right .activeLocation .thumb { display: none; } #column-right .activeLocation .detail { display: block; border: 1px solid white; height: 202px; width: 202px} #location3 { height: 225px; } #location3.activeLocation { height: 365px; } .location h3 { font-weight: bold; font-size: 14px; margin: 0 0 3px; } .location .address { padding: 0 5px; } .location .phone { margin: 0 0 5px; font-weight: bold; } .location .mapLink { font-size: 12px; } .locImage { margin: 5px 0 0; } .locImage .detail { display: none; } /*--------------------------------------------------------------------------------- FOOTER ---------------------------------------------------------------------------------*/ #footer { background: url(../images/bg-footer-x.jpg) repeat-x; font-size: 14px; color: #fff; padding: 0 40px; } #footer-wrapper { background: url(../images/bg-footer.jpg) no-repeat center top; height: 422px; } #footer .container { padding:2px 0 0; width:800px;} /* form */ #footer form { font-weight: bold; } #form-contact { padding: 0 40px 0 30px; } #form-message { padding: 0 0 0 80px; } label { display: block; padding: 0 0 0 5px; } input, textarea, select { display: block; width: 300px; border: 1px solid #073d79; background: #e0dcdc; margin: 0 0 8px; box-shadow: inset 0 5px 5px #999; -moz-box-shadow: inset 0 5px 5px #999; -webkit-box-shadow: inset 0 5px 5px #999;} input { height: 28px; } select { height: 28px; padding: 4px 0 0; font-size: 14px; font-weight: bold; } textarea { height: 106px; } #submit-button { border: none; background: none; width: 210px; height: 67px; padding: 0 0 0 95px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;} #bottomnav { clear: both; margin: 0 auto; text-align: center; padding: 20px 0 0; } #bottomnav li { display: inline; margin: 0 20px; } #bottomnav a { color: #fff; font-size: 14px; text-decoration: none; } #bottomnav a:hover { text-decoration: underline; } #copyright { text-align: center; font-size: 12px; text-transform: uppercase; } /*--------------------------------------------------------------------------------- MAPS POPUP STYLING ---------------------------------------------------------------------------------*/ a#closeBut { color: #fff; } /*--------------------------------------------------------------------------------- EVENT PICTURES ---------------------------------------------------------------------------------*/ .event-pictures { margin: 20px 0; } .event-pictures h3 { margin: 0 0 .5em; } .slideshow a img { margin: 0 3px; border: 1px solid #002E62; } /*--------------------------------------------------------------------------------- TIMELINE ---------------------------------------------------------------------------------*/ .timeline { font-size: 12px; line-height: 24px; } .timeline th { font-size: 16px; font-weight: bold; padding: 0 0 10px; } .timeline td { padding: 5px 0 0; } .timeline .date { font-weight: bold; color: #002E62; text-align: center; } .timeline .info { width: 37%; } .timeline .spacer { width: 8%; background: url(../images/timeline-spacer-bg.gif) no-repeat left top; } #column-left p.footnotes { margin: 20px 0 0; font-size: 12px; }