@charset "UTF-8";
/* CSS Document */
/*
This is just a test file for making sure the script is working properly.
If it is, the media queries below will change the body's background color depending on the browser width.
For a realistic use case for media queries: read up on Responsive Web Design: 
http://www.alistapart.com/articles/responsive-web-design/
*/
* {
  margin: 0;
  padding: 0;
}

html, body, #wrap { height: 100%; }

body > #wrap {height: auto; min-height: 100%;}

body {
	color: #333;
	font: 14px 'DroidSansRegular', Arial, sans-serif;
	padding:0px;
	line-height:20px;
}

p {
	padding: 0px 0 0px 20px;
	line-height:16px;
}

a {
	color: #F60;
	text-decoration:none;
	border:none;
}

img a{
	border:none;
	}


a:hover {
	color: #333;
}


.title{
	width: 1000px;
	float: left;
	background: #fff;
	clear:right;
}

.sub1{
	width: 240px;
	float: left;
	background: #efefef;
	padding: 20px;
	z-index:2;
}


h1{
	color: #F60;
	text-shadow:1px 1px 2px #F90;
	font: 30px 'DroidSansBold', Arial, sans-serif;
	text-transform:uppercase;
	padding: 20px 0 20px 0;
}

h2{
	color: #999;
	font: 24px 'DroidSansBold', Arial, sans-serif;
	text-transform:uppercase;
	padding-bottom: 20px;
}

h3{
	color: #cc0000;
	font: 16px 'DroidSansBold', Arial, sans-serif;
	text-transform:uppercase;
	padding: 0px 0 10px 20px ;
}


h4{
	color: #cc0000;
	font: 16px 'DroidSansBold', Arial, sans-serif;
	text-transform:uppercase;
}


h5{
	color: #cc0000;
	font: 14px 'DroidSansBold', Arial, sans-serif;
}

.name{
	color:#cc0000;
	margin:10px 0 10px 0;
	font-weight:bold;
}
img a{
	border: none;
}

#main1 {
	padding-bottom: 100px;
	width: 100%;
}

.content1{
	width: 1280px;
	height:200px;
	padding: 0px 0 20px 20px;
	background: #fff;
	position:relative;
	margin:0 auto;
	z-index:2;
	top:-100px;
	*height:100%;
}

.content-sub{
	width: 980px; /* make same as title */
	float: left;
	margin-top: -100px;
}

.tinynav {
    display:none;
}


nav {
    width:auto;
    position:absolute;
    z-index:9999;
}
 
#nav {
    padding:0px;
    font-weight:normal;
    list-style-type:none;
    position:relative;
    display:block;
    width: 940px;
    margin: 0 0 0 280px;
    z-index:9999;
    float:left;
	text-align:left;
}
#nav li {
    float:left;
    display:block;
    width:auto;
    position:relative;
    z-index:500;
}
#nav li a {
    display:block;
    line-height:16px;
    text-decoration:none;
    color:#fff;
    font-weight:700;
	padding:102px 25px 20px 25px;
	font-family: "adelle-sans",sans-serif;
	font-size:15px;
	text-transform: uppercase;
	text-align:left;
}
 
#nav li a:hover {
    color:#cc0000;
}
 
#nav li a.active {
    color: #fff;
	background:#cc0000;
	padding:102px 20px 20px 20px;
	position:relative;
	margin-right: 10px;
}
 
#nav ul {
    position:absolute;
    left:0;
    display:none;
    top:130;
    margin:0;
    padding:0;
    list-style:none;
    width: 300px;
}
#nav ul li {
    min-width:380px;
    float:left;
    height: 50px;
}
#nav ul li a,#nav ul li ul a {
    font-size:14px;
    padding-left:20px;
    line-height:50px;
    color:#fff;
    background: #333;
	width: 200px;
}
#nav ul a.active:after,#nav ul a.active:before {
    border:none !important;
}
#nav ul a {
    display:block;
	height:50px;
	padding:0px 15px 0px 15px;
    color:#fff;
    background-color:#333;
    border:none !important;
}
#nav ul a:active, #nav ul a:hover
{
    border:none !important;
}
#nav ul li a.active {
    color:#fff;
    background:#cc0000;
}
#nav ul a:active,#nav ul a:hover {
    border:none !important;
}
#nav ul a:hover {
    text-decoration:none;
    color:#fff;
    background:#cc0000;
}
#nav ul li ul {
    margin-left:180px;
    position:absolute;
    display:none;
    padding:0px;
    height:auto;
    top:0px;
 
}
#nav ul li ul li {
    width:180px;
    float: left;
}

/***** SUB NAV *****/
.sub1 a{
	font: 15px 'DroidSansBold', Arial, sans-serif;
	color: #f1690e;
	line-height: 35px;
}

.sub1 a:hover{
	color: #333;
}

.sub1 .current{
	color: #333;
}

/***** COL *****/

.one{
	width: 980px;
	float: left;
	padding-bottom: 20px;
}

.two{
	width: 480px;
	padding-right: 20px;
	float: left;
}

.two-last{
	width: 480px;
	float: left;
}


.title-fw{
	width: 1280px;
}

.two-fw{
	width: 620px;
	padding-right: 20px;
	float: left;
}

.two-last-fw{
	width: 620px;
	float: left;
}

.three{
	width: 295px;
	padding-right: 20px;
	float: left;
}

.three-last{
	width: 295px;
	float: left;
}

.three-two{
	width: 663px;
	float: left;
}

.locations{
	background: url("../img/locationsbox.png") no-repeat;
	height: 212px;
	padding-bottom: 5px;
}


.locations a{
	line-height: 20px;
	padding-left: 20px;
}

img {
	max-width: 100%;
	height: auto;
}

.home-wrap1{
	width: 100%;
	height: 340px;
	background: #1e1c1c;
	margin:20px 0 0 0;
	padding: 20px 0;
}

.home1{
	width: 1280px;
	margin: 0 auto;
}

.cov-home{
	width: 899px;
	height: 290px;
	background: url("http://racerwash.com/assets/img/covenant-home.png");
	float: left;
}

.cov-home1{
	width: 1279px;
	height: 131px;
	background: url("../img/1280-cov.png");
}

.ttu{
	width:925px;
	height:273px;
	background:url(../img/1280-ttu.png) center bottom no-repeat #E0E0E0;
	float:left;
	margin-top:20px;
}

.ttu-txt{
	color:24px;
	font-weight:700;
	font-family: "adelle-sans",sans-serif;
	text-align:center;
	padding-top:25px;
	font-size:24px;
}

.cov-home-bg{
	width: 899px;
	height: 290px;
	background: url("http://racerwash.com/assets/img/covbg.png");
	float: left;
}

.cov-logo{
	float:right;
	padding:10px 10px 5px 0px;
}

.cov-ty{
	padding:60px 30px 0 40px;
	color:#F30;
	float:left;
	font-family: "tamarillo",sans-serif;
	font-size:60px;
}

.cov-mesage{
	font-family: "adelle-sans",sans-serif;
	font-size:25px;
	line-height:30px;
	padding:40px 30px 0 40px;
	color:#333;
	float:left;
	width:300px;
}

.cov-money{
	font-family: "chunk",serif;
	font-size:60px;
	float:left;
	color:#036;
	width:150px;
	padding:70px 30px 0 40px;
}
.fb{
	width: 330px;
	height: 260px;
	float: left;
	margin-left: 20px;
	margin-top:20px;
}

.home-tag{
	float:right;
	margin:120px 60px 0 0;
	background:url(http://racerwash.com/assets/img/banner.png);
	width:441px;
	height:192px;
}
/**** MAIN SITE *****/

#top{
	background:#000;
	width:100%;
	height:10px;
}

#top-home{
	background:#000;
	width:100%;
	position:absolute;
	height:10px;
}

#main {
	padding-bottom: 100px;
}

.head{
	width:1280px;
	margin:0 auto;
	background:url(../img/menu1280.png) no-repeat;
	height:150px;
	z-index:9999;
}

.menu{
	width:1280px;
	height:150px;
	background:url(../img/menu1280.png) no-repeat;
	position:absolute;
	z-index:9999;
	right:50%;
	margin:10px -640px 0 0;
	top:20;
}

.content-wrap{
	width:1280px;
	background:#fff;
	margin:0px auto;
}



.header01{
    background:url(../img/overton.png) center no-repeat;
    width:100%;
    height:600px;
    background-size:cover;
}




.embed-container { /* VIDEO */
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }

/****** HOME PAGE *****/

#head-wrap{
	background: url(../img/overton.png) no-repeat center;
	background-size:cover;
	width:100%;
	height:600px;
	-pie-background: url(../img/overton.png) no-repeat center;
	behavior: url(http://racerwash.com/assets/js/pie/PIE.htc);
}



#home-wrap{
	width:100%;
	height:100%;
}

.home{
	width:1280px;
	margin:0 auto;
}

.covenant-home{
	margin-right:40px;
	float:left;
	background:url(http://racerwash.com/assets/img/covenant-home.png) no-repeat;
	width:900px;
	height:290px;
}

.twitter{
	float:left;
}




/****** SUB PAGE *****/


#services-wrap{
	background: url(../img/services.png) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:300px;
	width:100%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../img/services.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/services.png', sizingMethod='scale')";
}

#locations-wrap{
	background: url(../img/locations.png) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:300px;
	width:100%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../img/locations.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/locations.png', sizingMethod='scale')";
}



.locations-col1{
	width:294px;
	float:left;
	margin:20px 0 20px 20px;
	background:url(../img/locationsbox.png) no-repeat top #fff;
}

.locations-col2{
	width:645px;
	float:left;
	margin:20px 0 0 20px;
	background:#fff;
}



.testquote{
	font: 45px 'DroidSansBold', Arial, sans-serif;
	color:#DC191C;
	height:200px;
	padding-right:10px;
	float:left;
}

.namequote{
	font: 14px 'DroidSansBold', Arial, sans-serif;
	color:#969696;
	text-transform:uppercase;
}

.quote{
	width:450px;
}
#about-wrap{
	background: url(../img/about.png) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:300px;
	width:100%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/about.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/about.png', sizingMethod='scale')";
	z-index:1;
}


.col-half{
	width:470px;
	margin:20px 20px 20px 20px;
	float:left;
}

.col-half-last{
	width:470px;
	float:left;
	margin:20px 0px 20px 0;
}


#contact-wrap{
 	background: url(../img/contact.png) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:300px;
	width:100%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../img/contact.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/contact.png', sizingMethod='scale')";

}



.col-half-full{
	width:480px;
	margin:20px 20px 20px 20px;
	float:left;
}

.col-half-full-last{
	width:760px;
	float:left;
	margin:20px 0px 20px 0;
}



img .980{
	width:980px;
	height:300px;
}


.form{
	width:900px;
	margin:20px 0 0 20px;
}

/* Tables */
#services-table{
	width:970px;
}

.services-table-half{
	width:460px;
	float:left;
}

.services-table-half-last{
	width:460px;
	float:left;
	padding-left:40px;
}

.total{
	border-top:#cc0000 solid 2px;}

.des{
	width:400px;
}

.space1{
	height:39px;
}

.odd{
	background:#ececec;
}

.square{
	background:#ececec;
	text-align:left;
}

.square li{
	padding-left:10px;
	list-style:none;
	color:#666;
	font-size: 15px;
	line-height: 22px;
}

.white li{
	padding-left:10px;
	list-style:none;
	color:#666;
	font-size: 15px;
	line-height: 22px;
}

.white{
	background:#fff;
	text-align:left;
}

.left{
	text-align:left;
	background:#ecf5f5;
}

table{
	width:100%;
}

td{
	padding:10px;
	text-align:center;
}

td.10{
	padding:10px;
	text-align:center;
	width:10px;
}

li{
	color:#cc0000;
}

.price{
	font: 16px 'DroidSansBold', Arial, sans-serif;
}

.question{
	color:#cc0000;
	font: 16px 'DroidSansBold', Arial, sans-serif;
}



/*Footer*/
#footer{
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;
	width:100%;
	background:url(../img/footerL.png) repeat-x;
}	

.footer{
	width:1280px;
	margin:0 auto;
}
.copyright{
	float:left;
	width:500px;
	padding-top:70px;
}
.clouds{
	float:right;
	background:url(../img/footerR.png) no-repeat;
	width:344px;
	height:100px;
}


#footert{
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;
	width:100%;
	background:url(../img/footerL.png) repeat-x;
}	

.footert{
	width:1280px;
	margin:0 auto;
}
.copyright{
	float:left;
	width:500px;
	padding-top:70px;
}
.clouds{
	float:right;
	background:url(../img/footerR.png) no-repeat;
	width:344px;
	height:100px;
}


/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}