/* v1.0 | 20080212 */
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,
b, u, i, center,
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-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/*===============================END CSS RESET==================================*/
/*===============================IMAGE REPLACEMENT==============================*/
.no { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .no { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */
/*===============================H1/H2/H3/H4/H5=================================*/
span.logo { width:159px; height:859px; background:url(/images/index/left-side.png); display: block; }
h1.logo { width:159px; height:859px; background:url(/images/index/left-side.png); }
h2.tagline { width:743px; height:86px; background:url(/images/index/header.png); }
h3.footer_text { width:743px; height:23px; background:url(/images/index/footer.png); }
h3.about_header { width:747px; height:86px; background:url(/images/headers/about-h.png); }
h3.history_header { width:706px; height:58px; background:url(/images/headers/history-sh.jpg); margin:-30px 0 0 20px; }
h3.passion_header { width:706px; height:58px; background:url(/images/headers/cars-people-sh.jpg); margin:-30px 0 0 20px; }
h3.business_header { width:706px; height:58px; background:url(/images/headers/philosophy-sh.jpg); margin:-30px 0 0 20px; }
h4.recycling_info { width:747px; height:192px; background:url(/images/footer/recycling-f.png); }
h3.services_header { width:747px; height:86px; background:url(/images/headers/services-h.png); }
h3.ac_header { width:706px; height:58px; background:url(/images/headers/air-conditioning-sh.jpg); margin:-30px 0 0 20px; }
h3.brake_header { width:706px; height:58px; background:url(/images/headers/brake-work-sh.jpg); margin:-30px 0 0 20px; }
h3.carb_header { width:706px; height:58px; background:url(/images/headers/carburetor-sh.jpg); margin:-30px 0 0 20px; }
h3.cooling_header { width:706px; height:58px; background:url(/images/headers/cooling-system-sh.jpg); margin:-30px 0 0 20px; }
h3.deq_header { width:706px; height:58px; background:url(/images/headers/deq-sh.jpg); margin:-30px 0 0 20px; }
h3.electrical_header { width:706px; height:58px; background:url(/images/headers/electrical-sh.jpg); margin:-30px 0 0 20px; }
h3.fuel_header { width:706px; height:58px; background:url(/images/headers/fuel-injection-sh.jpg); margin:-30px 0 0 20px; }
h3.oil_header { width:706px; height:58px; background:url(/images/headers/oil-filter-sh.jpg); margin:-30px 0 0 20px; }
h3.recycling_header { width:706px; height:58px; background:url(/images/headers/recycling-sh.jpg); margin:-30px 0 0 20px; }
h3.inspections_header { width:706px; height:58px; background:url(/images/headers/inspections-sh.jpg); margin:-30px 0 0 20px; }
h3.tune_up_header { width:706px; height:58px; background:url(/images/headers/tune-up-sh.jpg); margin:-30px 0 0 20px; }
h3.contact_header { width:747px; height:86px; background:url(/images/headers/contact-h.png); }
h3.restorations_header { width:747px; height:86px; background:url(/images/headers/restorations-h.png); }
h3.links_header { width:747px; height:86px; background:url(/images/headers/links-h.png); }
/*===================================LAYOUT=====================================*/
/* INDEX */
body { background:url(/images/index/bg.jpg) top left repeat #fff; margin:0px; }
.interior { background:url(/images/index/bg.jpg) top left repeat #fff; margin:0px; }
.body_container { width:928px; margin:0 auto; }
#logo_container { width:159px; height:859px; float:left; display: block }
#classics_float { background:url(/images/index/classics-float.png) bottom center; width:185px; height:124px; position:absolute; z-index:999; margin:-255px 0 0 0; float:left; display: block; }
#header_container { width:743px; height:143px; float:left; position:relative; z-index:999; }
#navigation_container { width:743px; height:57px; float:left; }
#flash_container { width:743px; height:213px; float:left; }
#index_content_container { width:743px; height:295px; background:url(/images/index/middle-content-bg.png); float:left; }
#our_history_container { width:220px; _width:210px; margin:50px 0 0 20px; _margin:50px 0 0 10px; float:left; }
#event_calendar_container { width:250px; margin:50px 0 0 15px; _margin:50px 0 0 25px; float:left; }
#our_services_body { margin: 15px 0 0 12px; float: left; }
#specials_coupons_container { width:743px; height:185px; background:url(/images/index/specials.png); float:left; }
#footer_container { width:743px; height:23px; padding:0 0 50px 190px; float:left; }
#mayer_text {width:743px; padding:0px; float:left; text-align:center; font-family:verdana, arial, helvetica; font-size:12px; color:#fff; text-decoration:none; line-height:150%; font-weight:normal; }
/* INTERIOR */
#logo_spacer { width:159px; float:left; }
#right_stretch_background { width:747px; background:url(/images/includes/stretch.png) repeat-y; float:left; margin:0 0 0 -4px; }
.content_footer { width:747px; height:28px; background:url(/images/includes/content-footer.png) no-repeat; float:left; margin:0 0 0 -4px; }
.content_footer_2 { width:747px; height:28px; background:url(/images/includes/content-footer.png) no-repeat; float:left; margin:-16px 0 0 -4px; *margin:0 0 0 -4px; _margin:0 0 0 -4px; }
#recycling_info_container { width:747px; height:192px; float:left; margin:0 0 0 155px; _margin:0px; _padding:0 0 0 155px; }
#recycling_info_container_2 { width:747px; height:192px; float:left; margin:-77px 0 0 155px; *margin:0 0 0 155px; _margin:0px; _padding:0 0 0 155px; }
#contact_form_container { width:410px; float:left; }
#contact_info_container { width:240px; float:left; margin:0 0 0 25px; }
/*===================================NAV========================================*/
#top_navigation { width: 743px; height: 57px; z-index: 1; float:left; }
#top_navigation a { display: block; }
#top_navigation li { float:left; }
#top_navigation li a { height:57px; }
#home a { background: url(/images/nav/home.jpg) top left no-repeat; width:105px; height:57px; }
#about_us a { background: url(/images/nav/about.jpg) top left no-repeat; width:110px; height:57px; }
#our_services a { background: url(/images/nav/services.jpg) top left no-repeat; width:150px; height:57px; }
#restorations a { background: url(/images/nav/restorations.jpg) top left no-repeat; width:142px; height:57px; }
#links a { background: url(/images/nav/links.jpg) top left no-repeat; width:83px; height:57px; }
#contact_us a { background: url(/images/nav/contact.jpg) top left no-repeat; width:153px; height:57px; }
#home a:hover, #about_us a:hover, #our_services a:hover, #restorations a:hover, #links a:hover, #contact_us a:hover { background-position:bottom; }
/*===================================TEXT=======================================*/
p { font-family:verdana, arial, helvetica; font-size:12px; color:#262E41; text-decoration:none; line-height:150%; font-weight:normal; }
.event_title { font-family:verdana, arial, helvetica; font-size:12px; color:#30799c; text-decoration:none; line-height:150%; font-weight:bold; }
.event_content { font-family:verdana, arial, helvetica; font-size:12px; color:#262E41; text-decoration:none; line-height:150%; font-weight:normal; margin:5px 0 0 0; }
.default_text { font-family:verdana, arial, helvetica; font-size:12px; color:#262E41; text-decoration:none; line-height:150%; font-weight:normal; }
/*===================================LINKS======================================*/
a:link { font-family:verdana, arial, helvetica; font-size:13px; color:#000000; text-decoration:none; font-weight:bold; }
a:visited { font-family:verdana, arial, helvetica; font-size:13px; color:#000000; text-decoration:none; font-weight:bold; }
a:hover { font-family:verdana, arial, helvetica; font-size:13px; color:#000000; text-decoration:underline; font-weight:bold; }
a.white:link { font-family:verdana, arial, helvetica; font-size:13px; color:#ffffff; text-decoration:underline; font-weight:bold; }
a.white:visited { font-family:verdana, arial, helvetica; font-size:13px; color:#ffffff; text-decoration:underline; font-weight:bold; }
a.white:hover { font-family:verdana, arial, helvetica; font-size:13px; color:#ffffff; text-decoration:underline; font-weight:bold; }
a.read_more_link:link { font-family:verdana, arial, helvetica; font-size:13px; color:#30799c; text-decoration:none; font-weight:bold; }
a.read_more_link:visited { font-family:verdana, arial, helvetica; font-size:13px; color:#30799c; text-decoration:none; font-weight:bold; }
a.read_more_link:hover { font-family:verdana, arial, helvetica; font-size:13px; color:#30799c; text-decoration:underline; font-weight:bold; }
a.services_link:link { font-family:verdana, arial, helvetica; font-size:12px; color:#000000; text-decoration:none; font-weight:normal; }
a.services_link:visited { font-family:verdana, arial, helvetica; font-size:12px; color:#000000; text-decoration:none; font-weight:normal; }
a.services_link:hover { font-family:verdana, arial, helvetica; font-size:12px; color:#000000; text-decoration:underline; font-weight:bold; }
a.back_to_top_link:link { font-family:verdana, arial, helvetica; font-size:11px; color:#1A6D92; text-decoration:underline; font-weight:normal; }
a.back_to_top_link:visited { font-family:verdana, arial, helvetica; font-size:11px; color:#1A6D92; text-decoration:underline; font-weight:normal; }
a.back_to_top_link:hover { font-family:verdana, arial, helvetica; font-size:11px; color:#1A6D92; text-decoration:underline; font-weight:normal; }
a.event_content_link:link { font-family:verdana, arial, helvetica; font-size:12px; color:#30799c; text-decoration:none; line-height:150%; font-weight:normal; margin:5px 0 0 0; }
a.event_content_link:visited { font-family:verdana, arial, helvetica; font-size:12px; color:#30799c; text-decoration:none; line-height:150%; font-weight:normal; margin:5px 0 0 0; }
a.event_content_link:hover { font-family:verdana, arial, helvetica; font-size:12px; color:#30799c; text-decoration:underline; line-height:150%; font-weight:normal; margin:5px 0 0 0; }
/*===================================MARGINS====================================*/
.history_pic_margin { margin:0 10px 10px 0; }
.interior_content_margin { margin:20px 20px 50px 40px; }
/*.li_margin { margin:-13px 0 0 0; *margin:-6px 0 0 0; _margin:-6px 0 0 0; position:absolute; }*/
/*======================INPUTS==================================================*/
input.contact { width:400px; height:20px; background:#F1FAFF; border:2px solid #E1E1E1; margin:3px 0 10px 0; padding:3px 3px 0 3px; }
input.contact_2 { width:400px; height:20px; background:#F1FAFF; border:2px solid #E1E1E1; margin:3px 0 0 0; padding:3px 3px 0 3px; }
textarea.ta-contact { width:400px; _width:385px; height:200px; background:#F1FAFF; border:2px solid #E1E1E1; margin:3px 0 10px 0; padding:3px 3px 0 3px; font-family:verdana, arial, helvetica; font-size:12px; color:#262E41; text-decoration:none; line-height:150%; font-weight:normal; }
/*======================SPECIAL=================================================*/
.index_event_calendar_hr { width:242px; height:10px; margin:0 0 15px 0; *margin:15px 0 3px 0; _margin:12px 0 3px 0; }
.pic_margin { float:left; margin:0 10px 10px 0; }
.arrow { list-style-image:url(/images/includes/arrow.jpg); }
.services_ul { width:275px; line-height:170%; padding:20px; *padding:20px 20px 60px 20px; _padding:20px 20px 60px 20px; margin: 0 0 25px 25px; _margin: 0 0 25px 10px; }
.recycling_ul { width:300px; line-height:170%; padding:20px 20px 20px 20px; *padding:20px; _padding:20px 20px 15px 20px; }
/*======================FLOATS==================================================*/
.left { float:left; }
.right { float:right; }
/*======================BEGIN CLEARFIX FOR FLOAT STYLES=========================*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;_height: 1%;}
.clearfix {display:block;}