@charset "UTF-8";
/********* 	Speed Clean Car Wash ~ Copyright 2012 ************/

/********** global *************/

body {padding:0; margin:0; background:url(../images/body_bg2.jpg) no-repeat top center #333333;}
.clear {clear:both;}
#container {width:980px; margin:0 auto;}

input, textarea {border:solid 1px #CCCCCC;}

table{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; line-height:18px;}

/********** masthead *************/

#masthead {margin:0px 0 20px 0; position:relative; padding-top:19px;}
#masthead h1 {float:left; margin:35px 0 25px 0; padding:0; height:108px; width:373px; text-indent:-9999px; background:url(../images/speed-clean_logo1.jpg) no-repeat; position:relative;}

/********** content *************/
#masthead .phones {float:right; text-align:right; margin:105px 0 0 0;}
.phones p {font-family:Arial, Helvetica, sans-serif; color:#FFF; text-shadow:#000 1px 1px 1px; font-weight:bold; font-style:italic; font-size:14px;  padding:0; margin:0;}
.phones h3 {color:#F7DF18; text-shadow:#000 1px 1px 1px; font-size:32px; font-style:italic; font-family:Impact; font-weight:normal; padding:0; margin:0;}

#main {clear:both; width:980px; margin:0 auto; border:#333333 1px dotted;}
#main h2 {color:#F7DF18; text-shadow:#000 1px 1px 1px; font-size:30px; font-family:Impact; font-weight:normal; margin:0 10px; font-style:italic;}
#main h2 span {color:#fff;}
#main p {font-family:Arial, Helvetica, sans-serif; color:#CCC; font-size:13px; line-height:19px; margin:5px 10px 10px 10px;}
#main p a {color:#F7DF18;}
#main p a:hover {color:#ed2d38;}
#main li a {color:#F7DF18;}
#main p span {color:#F7DF18; font-size:14px;}
table span {color:#F7DF18; font-size:14px;}

#cta {float:left; width:231; border:#000 1px solid; height:165px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:url(../images/red-box-bg.jpg) repeat-x #ED2E39;
padding:3px; margin-right:6px; -webkit-box-shadow: 2px 2px 5px #000); -moz-box-shadow:    2px 2px 5px #000; box-shadow:         2px 2px 5px #000;}

#cta .carwash {background:url(../images/cta_carwash.jpg) no-repeat; width:226px; height:163px;}
#cta .carwash a {display:block; text-indent:-9999px; width:226px; height:163px;}

#cta .materials {background:url(../images/cta_materials.jpg) no-repeat; width:226px; height:163px;}
#cta .materials a {display:block; text-indent:-9999px; width:226px; height:163px;}

#cta .auto {background:url(../images/cta_auto.jpg) no-repeat; width:226px; height:163px;}
#cta .auto a {display:block; text-indent:-9999px; width:226px; height:163px;}

.leftbox {float:left; width:750px;}
.rightbox {float:left; width:200px; margin:0 0 0 10px; border-left:#CCC 1px dotted;}

h3 {color:#ed2d38; text-shadow:#000 1px 1px 1px; font-size:20px; font-family:Impact; font-weight:normal; margin:10px 35px;}
h3 span {color:#FFFFFF;}


/********** footer *************/

#footer {width:100%; margin:-250px 0 0 0; z-index:-10; position:relative; height:342px;}
#footer .footer_container {margin: 0 auto; width:980px; padding:15px 0 0 0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ccc;}
#footer p {background:url(../images/footer_black.png) no-repeat center; height:42px; padding:15px 0 0 0; margin:0 auto; margin:250px 0 10px 0;}
#footer a {color:#ccc; text-decoration:none;}
#footer a:hover {text-decoration:underline;}