@charset "utf-8";
/*----------- PRISM Automotive  -----------*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }


/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6
{ font-size: 100%; }


/*Removes list-style from lists */
ol, ul
{ list-style: none; }


/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, the, var
{ font-style: normal; font-weight: normal; }


/* Removes borders and spacing from tables */
table
{ border-collapse: collapse; border-spacing: 0; }


/*Removes border from fieldset and img */
fieldset, img
{ border: 0; }


/* Left-aligns text in caption and th */
caption, th
{ text-align: left; }


/* Removes quotation marks from q */
q:before, q:after
{ content: ''; }


/* HTML STYLING */
html { font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; margin: 0; padding: 0; }
body { background-color: black; }


/* HEADER STYLING */
#header_container { background-image: url(../images/global/prism_global_header.jpg); background-position: top; background-repeat: no-repeat; height: 213px; margin: 0 auto; padding: 0; width: 100%; }
#header { background: transparent; display: block; height: auto; margin: 0 auto; padding: 0; width: 960px; }
#header img { display: block; float: left; margin: 65px 0 0 0; overflow: auto; padding: 0; } 
#header img a { border: none; }


/* TOP NAVIGATION STYLING */
#topnav { background: url(../images/global/prism_topnav_bg.png) no-repeat top; display: block; float: right; height: 77px; margin: 0; padding: 25px 0 0 0; text-align: center; width: 676px; }
#topnav ul { display: inline; margin: 0 auto; padding: 0; text-align: center; width: 680px; }
#topnav ul li { color: black; display: inline; margin: 0 5px; padding: 0; text-align: center; }
#topnav ul li a:link, #topnav ul li a:visited { color: black; text-decoration: none; }
#topnav ul li a:hover { color: #de2516; text-decoration: none; } 

#top_nav ul.dropdown { background-color: transparent; display: block; float: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; font-style: italic; font-weight: normal; height: 53px; margin: 40px 0 0 0; padding: 0; position: relative; width: auto; }
#top_nav ul.dropdown li { background: transparent; float: left; zoom: 1; }
#top_nav ul.dropdown li a { color: black; display: block; padding: 5px 20px; text-decoration: none; }
#top_nav ul.dropdown a:hover { color: #b03111; text-decoration: none; }
#top_nav ul.dropdown li a.current { color: #b03111; }
#top_nav ul.dropdown li.hover, #top_nav ul.dropdown li:hover { background: transparent; color: black; position: relative; }
#top_nav ul.dropdown li.hover a { color: #b03111; }
/* LEVEL TWO */
#top_nav ul.dropdown ul { left: 0; position: absolute; top: 100%; visibility: hidden; width: 140px; }
#top_nav ul.dropdown ul li { background: transparent; color: #000; float: none; font-weight: normal; }
/* IE 6 & 7 Needs Inline Block */
#top_nav ul.dropdown ul li a:link { display: inline-block; margin: 0; padding: 0 0 0 20px; width: 100%; } 
#top_nav ul.dropdown ul li a:hover { color: #988e7a; }


/* INTRO STYLING */
#body #intro { background: transparent; display: block; height: auto; margin: 0 auto; padding: 40px 0 0 0; position: relative; width: 960px; }
#body #intro h1 { color: black; display: block; float: none; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-style: normal; font-weight: bold; line-height: 30px; margin: 0; padding: 0 0 10px 0; text-align: left; text-transform: uppercase; }
#body #intro h1 span { color: white; }
#body #intro p { color: black; float: none; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 22px; margin: 0; padding: 0; text-align: left; width: auto; }
#body #intro p.intro { color: black; float: none; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 22px; margin: 0; padding: 0; text-align: left; width: 430px; }
#body #intro p a:link, #intro p a:visited { color: #de2516; text-decoration: none; }
#body #intro p a:hover { color: black; text-decoration: none; }

#intro #specials { display: block; float: left; margin: 0; padding: 20px 15px 0 0; position: relative; width: 206px; }
#intro #specials_image { background: url(../images/home/this_months_specials-hoverimg.png) no-repeat; height: 63px; width: 206px; }
#intro #specials_image:hover { background-position: 0 -63px; }
#intro #specials h3 { display: none; }

#intro #question { display: block; float: left; margin: 0; padding: 20px 15px 0 0; position: relative; width: 206px; }
#intro #question_image { background: url(../images/home/have_a_question-hoverimg.png) no-repeat; height: 63px; width: 206px; }
#intro #question_image:hover { background-position: 0 -63px; }
#intro #question h3 { display: none; }

#intro #appointment { display: block; float: left; margin: 0; padding: 20px 0 0 0; position: relative; width: 206px; }
#intro #appointment_image { background: url(../images/home/make_an_appointment-hoverimg.png) no-repeat; height: 63px; width: 206px; }
#intro #appointment_image:hover { background-position: 0 -63px; }
#intro #appointment h3 { display: none; }

.replace { display: block; outline: none; /*\*/ overflow: hidden;  /**/ position: relative; } 

#slider { background: transparent; display: block; float: right; height: 261px; margin: 0; padding: 0; position: absolute; right: 0; top: 35px; width: 500px; }
#slider img { display: block; float: none; margin: 0; padding: 0; }


/* BODY STYLING */
#body_container { background: url(../images/global/prism_global_bodytop.jpg) white; background-position: top; background-repeat: repeat-x; height: auto; margin: 0; padding: 0; width: 100%; }
#body { background: transparent; color: black; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; height: auto; margin: 0 auto; padding: 0; width: 960px; }
#body h1 { color: black; display: block; float: none; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-style: normal; font-weight: bold; line-height: 30px; margin: 0; padding: 40px 0 10px 0; text-align: left; text-transform: uppercase; }
#body h2 { color: #8e8e8e; display: block; float: none; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: normal; line-height: 30px; margin: 0; padding: 20px 0 5px 0; text-align: left; text-transform: none; }

#body p { color: black; float: none; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 22px; margin: 0; padding: 0 0 15px 0; text-align: left; width: auto; }
#body p.intro { color: black; float: none; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 22px; margin: 0; padding: 0; text-align: left; width: 430px; }
#body p.contactinfo { display: block; float: none; width: auto;}
#body p a:link, #body p a:visited { color: #de2516; text-decoration: none; }
#body p a:hover { color: black; text-decoration: none; }

#body p a.about:link, #body p a.about:visited { color: #ef8f25; text-decoration: none; }
#body p a.about:hover { color: black; text-decoration: none; }
#body p a.services:link, #body p a.services:visited { color: #d7bb1e; text-decoration: none; }
#body p a.services:hover { color: black; text-decoration: none; }
#body p a.resources:link, #body p a.resources:visited { color: #6ba421; text-decoration: none; }
#body p a.resources:hover { color: black; text-decoration: none; }
#body p a.faqs:link, #body p a.faqs:visited { color: #008897; text-decoration: none; }
#body p a.faqs:hover { color: black; text-decoration: none; }
#body p a.testimonials:link, #body p a.testimonials:visited { color: #204791; text-decoration: none; }
#body p a.testimonials:hover { color: black; text-decoration: none; }
#body p a.contact:link, #body p a.contact:visited { color: #652e7d; text-decoration: none; }
#body p a.contact:hover { color: black; text-decoration: none; }

#body p.question { font-weight: bold; padding: 0 0 5px 0; text-transform: uppercase; }
#body p.answer { color: #8e8e8e; font-weight: normal; padding: 0 0 30px 15px; }

#body img { display: block; margin: 0; padding: 0; }
#body img.prism { display: block; margin: 50px auto 0 auto; padding: 0; }
#body img.about { border: 1px solid #dadada; display: inline; float: left; margin: 0 10px 10px 0; padding: 5px; }
#body img.floatright { border: 1px solid #dadada; display: inline; float: right; margin: 0 0 10px 10px; padding: 5px; }
#body img.bodyimg { border: 1px solid #dadada; display: inline; float: left; margin: 0 10px 10px 0; padding: 5px; }

.servicelist { background: transparent; display: inline; float: right; height: auto; margin: 0; padding: 0; width: 580px; }
#body .servicelist h1 { color: black; display: block; float: none; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-style: normal; font-weight: bold; line-height: 30px; margin: 0; padding: 0 0 5px 0; text-align: left; text-transform: uppercase; }
.servicelist ul { display: block; float: left; margin: 0; padding: 0 25px 15px 0; }
.servicelist ul li { color: #9a9a9a; line-height: 18px; }


/* DETAIL COLUMN STYLING */
#body .detail_column { background-color: transparent; display: block; float: left; height: auto; width: 320px; }
#body .detail_column h1 { border-bottom: 1px solid #737373; color: #8e8e8e; display: block; float: none; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; margin: 0 auto; padding: 25px 0 8px 0; text-align: center; width: 300px; }
#body .detail_column ul { margin: 0; padding: 0; }
#body .detail_column li { color: black; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0; padding: 0 0 0 30px; text-align: left; width: auto; }
#body .detail_column p { color: black; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0; padding: 20px 0 0 10px; text-align: center; width: 300px; }
#body .detail_column p a:link, a:visited { color: #c3b69c; text-decoration: none; }
#body .detail_column p a:hover { color: white; text-decoration: none; }

#body .detail_column a.button { background: #c3b69c url(../images/global/button_bg.png) repeat-x; border: 1px solid white; color: black; float: none; font-size: 12px; margin: 0 0 0 110px; padding: 5px 10px; text-decoration: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#body .detail_column a.button:hover { background: transparent url(../images/global/button_bg_hover.png) repeat-x; border: 1px solid #b03111; color: white; cursor: pointer; }

#body .right_column { background-color: #f5f5f5; border: 1px solid #cdcdcd; display: block; float: right; height: 400px; padding: 20px; margin: 40px 0 0 0; width: 320px; }



/* BUTTON STYLING */
a.button { background: #c3b69c url(../images/global/button_bg.png) repeat-x; border: 1px solid white; color: black; float: none; font-size: 12px; margin: 0 0 0 110px; padding: 5px 10px; text-decoration: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
a.button:hover { background: transparent url(../images/global/button_bg_hover.png) repeat-x; border: 1px solid #b03111; color: white; cursor: pointer; }
a.buttonleft { background: #c3b69c url(../images/global/button_bg.png) repeat-x; border: 1px solid white; color: black; float: none; font-size: 12px; margin: 0; padding: 5px 10px; text-decoration: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
a.buttonleft:hover { background: transparent url(../images/global/button_bg_hover.png) repeat-x; border: 1px solid #b03111; color: white; cursor: pointer; }

/* BODY BOTTOM STYLING */
#body_bottom { background-image: url(../images/global/prism_global_bodybottom.jpg); background-position: top; background-repeat: repeat-x; display: block; height: 95px; margin: 0 auto; padding: 0; width: 100%; }


/* TESTIMONIAL STYLING */
#body .testimonial { background-color: #f5f5f5; border: 1px solid #cdcdcd; display: block; float: none; height: auto; margin: 0 0 30px 0; padding: 20px; width: 960px; }
#body .testimonial p { color: #204791; float: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; font-weight: normal; line-height: 20px; margin: 0; padding: 0 0 10px 0; text-align: left; width: auto; }
#body .testimonial p.person { color: black; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; line-height: 18px; margin: 0; padding: 10px 0 0 15px; text-align: left; width: auto; }

/* GOOGLE MAP STYLING */
#googlemap { display: block; float: left; height: auto; width: 350px; }


/* FOOTER STYLING */
#footer_container { background: url(../images/global/prism_global_footerbg.jpg); background-position: top; background-repeat: repeat-x; height: 139px; margin: 0; padding: 0; width: 100%; }
#footer { background-color: transaprent; height: auto; margin: 0 auto; padding: 50px 0 0 0; position: relative; width: 960px; }
#footer ul { border: none; float: left; list-style: none; margin: 0; padding: 0; text-align:left; width: auto; }
#footer ul li { color: ; display: inline; margin: 0 8px 0 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; /* Removes unwanted margin in IE */ }
#footer ul li a:link, #footer ul li a:visited { color: white; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; margin: 0 10px 0 0; padding: 0; text-decoration: none; }
#footer ul li a:hover { color: #de2516; text-decoration: none; }

#footer p { color: #666666; display: inline; float: right; font-family: Helvetica, Arial, sans-serif, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; line-height: 15px; margin: 0; padding: 0; }
#footer p a:link, #footer p a:visited { color: white; text-decoration: none; }
#footer p a:hover { color: #de2516; text-decoration: none; }
#footer p.left { float: left; }
#footer p.left a:link, #footer p a:visited { color: #666666; text-decoration: none; }
#footer p.left a:hover { color: #de2516; text-decoration: none; }

.clear { clear: both; }