/* CSS Document */

/* ******************** GLOBAL RESET ******************** */

html body, div, h1, p, ul, li, img {
	margin: 0;
	padding: 0;
	border: none;
	}

h2 {
	font: normal 1.4em/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #d05f02;
	}

p {	
	padding-bottom: 1em;
	}

ul {	
	margin: 20px;
	}

/* ******************** SPLASH PAGE ******************** */

#pageBG {
	background: #f5f5f5 url('../images/splashBG_gradient.gif') repeat-x center top;
	text-align: center;
	width: 100%;
	display: table;

	
	}

#DStop {
	width: 960px;
	height: 20px;
	background: url('../images/splashDS_top.png') no-repeat center bottom;
	margin: 0 auto;
	}

#pageDS {
	background: url('../images/splashDS_center.png') repeat-y center top;
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
	
	}

#DSbot {
	width: 960px;
	height: 20px;
	background: url('../images/splashDS_bot.png') no-repeat center top;
	margin: 0 auto;
	}

#pageDM {
	width: 920px;
	height: 600px;
	margin: 0 19px;
	float: left;
	border: 1px solid #000;
	}

#carimage {	
	float: left;
	width: 595px;
	height: 600px;
	background: url('../images/splash_carimage.jpg') no-repeat 0 0;
	}

#textcontent {
	float: right;
	width: 325px;
	height: 600px;
	background: url('../images/splash_textcontent.jpg') no-repeat 0 0;
	}

#textcontent img {
	margin-top: 40px;
	}

#textcontent span {
	margin-left: -9999px;
	position: absolute;
	}

#splashbtn {
	padding-top: 220px;
	}

#entersite a {
	font: bold 1em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}

/* ******************** BANNER ******************** */

#feature-main {
	width: 778px;
	height: 250px;
	background: #fff url('../images/banner_BG.jpg') no-repeat 0 0;
	}

#feature-main h1 {
	font: bold 1.4em/1em 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #d05f02;
	padding: 20px 0 .25em 0;
	}

#feature-main p {
	font-size: .85em;
	padding-bottom: 1em;
	}

.feature-text {
	float: left;
	width: 420px;
	padding: 20px;
	}

.feature-image {
	float: right;
	width: 198px;
	padding: 20px 70px 20px 0px;
	}

.feature-image img {
	width: 308px;
	height: 190px;
	}

.link-banner {
	background: url('../images/link_banner.png') no-repeat 0 0;
	float: left;
	margin-left: -20px;
	}
	
.link-banner a {
	width: 275px;
	height: 30px;
	display: block;
	}

.link-banner a span {
	margin-left: -9999px;
	}

/* ******************** VIRTUAL CAR WASH PAGE ******************** */

body {
	font: normal .8em/1.4em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}

#wrap-outer {	
	background: #f5f5f5 url('../images/topBG_fade.gif') repeat-x 0 0;
	overflow: hidden; /* required to extend background image vertically down */
	width: 100%; /* required */
	display: table; /* required */
	}

#wrap {
	text-align: center;
	background: url('../images/skylineBG.jpg') no-repeat center 0;
	width: 100%; /* required; don't use pixels */
	margin: 0 auto; /* required */
	}

#wrap-inner {
	width: 960px; /* width of page */
	text-align: left;
	margin: 0 auto; /* required */
	}

#masthead { /* total width is 960px */
	width: 920px;
	height: 120px;
	padding: 20px;
	}

#video-wrap { /* video window dimensions are 600px X 337px */
	height: 377px;
	background: #d05f02;
	float: left; /* required to close up a gap between VIDEO-WRAP and CONTENT divs */
	}

#video { /* total width is 640px */
	float: left;
	width: 600px;
	padding: 20px;
	}

#welcome { /* total width is 320px */
	float: right;
	width: 320px;
	color: #fff;
	background: url('../images/car_bottomBG.jpg') no-repeat center 0;
	}

#mainheadline {
	font: normal 2em/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 20px 20px .5em 20px;
	color: #f6eb9b;
	background: url('../images/welcome_separator.gif') no-repeat top left;
	}

#welcometext {
	background: url('../images/welcome_separator.gif') no-repeat bottom left;
	height: 230px;
	padding: 0 20px 20px 20px;
	}

#content {
	background: #fff;
	float: left; /* required to show background in CONTENT div */
	clear: left; /* required for FireFox */
	}

#primarycontent { /* total width is 640px */
	float: left;
	width: 560px;
	padding: 20px 40px 40px 40px;
	}

#primarycontent h2, #secondarycontent h2 {
	border-bottom: 1px solid #999;
	}

#secondarycontent {
	float: right;
	width: 280px;
	padding: 20px;
	clear: right; /* required for IE */
	}

#socialnetworks ul {	
	list-style: none;
	margin: 0;
	}

#socialnetworks li {
	display: inline;
	}

#socialnetworks a {
	display: inline;
	padding-right: 10px;
	}

#socialnetworks a span {
	margin-left: -9999px;
	position: absolute;
	}

#tweet p {
	background: url('../images/twitter-16x16.png') no-repeat left 3px ;
	padding-left: 25px;
	}

#twitter_update_list {
	list-style: none;
	margin-left: 25px;
	background: #ececec;
	}

#twitter_update_list li {
	padding: 1em;
	border-bottom: 1px dashed #999;
	}

#footer {
	clear: both;
	width: 920px;
	padding: 20px;
	float: left; /* required to show last paragraph bottom margin in CONTENT div in FireFox */
	background: #666;
	color: #fff;
	}

#footer p {
	padding: 0;
	}

#footer a {	
	color: #f6eb9b;
	}

#footer-topcontent {	
	width: 920px;
	height: 40px;
	border-bottom: 1px dashed #fff;
	}

#copyright {	
	float: left;
	margin-top: 1em;
	}

#designby {	
	float: right;
	margin-top: 1em;
	}