/******* Resets *******/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

body{
	font:62.5% arial, sans-serif;
}

/******* Footer Stick *******/
html{height:100%;}
body{height:100%;margin:0;padding:0;}
#content{position:relative;min-height:100%;}
* html #content{height:100%;}
#footer{line-height:2em;position:relative;margin:-2em 0 0;padding:0 0 0 0;clear:both;width:100%}



/******* Structure *******/

img{
	display: block;
}

.bound{
	width: 902px;
	margin: 0 auto;
	overflow: hidden;
}

.page{
	padding-bottom: 4em;
}

#navigation{
	margin-top: 16px;
	padding-left: 13px;
	border-top: 1px solid #ccc;
	display: block;

}


#navigation a{
	color: #7f7f7f;
	font-size: 11px;
	line-height: 2.7em;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	display: inline;
}

#navigation a:hover{
	color: #c3372f;
}

#logo{
	position: relative;
	/*padding: 26px 0 9px;*/
	padding: 0px 0px 9px;
	border: 1px solid #ccc;
	border-width: 1px 0;
	background: #fff url(img/DD_webbanner_v2.jpg) 100% 0 no-repeat;
	height: 168px;
}

#logo a{
	outline: none;
	width: 400px;
	height: 177px;
	position: absolute;
	top: 0px;
	left: 0px;
}
body.home{
	height: 300px;
}

.error{
	color: #c3372f;
	font-weight: bold;
	font-size: 1.1em;
}

/******* Columns *******/
.col{
	float: left;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

.col.full{
	margin-bottom: 0;
	padding-bottom: 0;
	width: 100%;
	clear: both;
}

.col.left{
	/*width: 388px;*/
	width: auto;
}

.col.right{
/*	width: 514px;
	width: 507px;*/
	width: 612px; 
}

.col.middle{
	width: 300px;
}

.col.narrow{
	width: 206px;
}

.col.left .pad{
	padding: 19px 0 19px 0px;
}

.col.right .pad{
	/*padding: 38px 120px 0 25px;*/
	padding: 19px 0px 19px 20px;
}

.col.middle .pad{
	padding: 38px 25px 0 25px;
}

.col.narrow .pad{
	padding: 38px 25px 0 0;
}

.col.full .pad{
		padding: 24px 0 0 0px;
}


/******* Typography *******/
body{
	color: #7f7f7f;
}

h1, h2{
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 .75em;
}

h2{
	margin-top: 1em;
}

h3{
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0 0.5em;
}

p{
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0 0 1em;
}

.page li{
	font-size: 1.1em;
	margin: 0 0 0.5em;
}

.page ul, .page ol{
	margin-top: 1em;
	margin-bottom: 2em;
}

a{
	color: #7f7f7f;
}

a:hover{
	color: #c3372f;
	text-decoration: none;
}

.bullets{
	list-style: square;
	margin-left: 1.5em;
}

#footer span{
	color: #c3372f;
}



/******* Home *******/
body.home .page{
	padding-bottom: 0;

}

body.home{
	background: #e8edd6;
}

body.home #content{
	background: #fff;
}

body.home #footer{
	padding:32px 0 0 0;
	position: static;
}


body.home #homeE{
	position: absolute;
	right: 18px;
	bottom: 4em;
}

body.home .pad{
	position: relative;
}

body.home #bbi{
	width: 93px;;
	height: 70px;
	float: right;
}


body.home #footer .car{
	background: transparent url(img/car.jpg) 291px 15px no-repeat;
}

body.home #footer #empty {
	width: 287px;
}

body.home #footer #rss{
	/*width: 160px;
	padding-left: 71px;
	padding-right: 40px;*/
	width: 198px;
	padding-left: 14px;
	padding-right: 13px;
}

body.home #footer #rss li{
	font-size: 1.1em;
	margin: 0 0 1em;
}

body.home #footer #rss a{
	text-decoration: none;
	color: #c3372f;
}

body.home #footer #rss a:hover{
	text-decoration: underline;
}

body.home #footer #news{
	width: 340px;
	padding-left: 18px;
	padding-right: 18px;
	border: 1px solid #c3372f;
	border-width: 0 1px;
	/*height: 25em;*/
	/*height: 310px;*/
}

body.home #footer p{
	line-height: 1.4em;
}

body.home #footer #ethanometer{
	width: 198px;
	padding-left: 14px;
	padding-right: 13px;
	/*position: relative;*/
}

body.home #footer h2{
	margin: 0 0 1em;
}

body.home #footer h2.bottom{
	/*margin-top: 140px;*/
	margin-bottom: 0.25em;
}

body.home #footer #ethanometer p{
	padding-right: 10px;
	line-height: 1.5em;
}

body.home #footer #ethanometer h2{
	margin-bottom: 0.5em;
}


#ethanometer #meter{
	float: left;
	width: 190px;
	height: 27px;
	margin: 0 0 1em;
	padding: 0 7px 8px 1px;
	background: transparent url(img/odo_background.gif) no-repeat;
}

#ethanometer img{
	width: 19px;
	height: 27px;
	display: block;
	float: left;
	background: transparent url(img/odo.gif) 0 0 no-repeat;
}

#ethanometer img.digit0{
	background-position: 0 0;
}
#ethanometer img.digit1{
	background-position: 0 -27px;
}
#ethanometer img.digit2{
	background-position: 0 -54px;
}
#ethanometer img.digit3{
	background-position: 0 -81px;
}
#ethanometer img.digit4{
	background-position: 0 -108px;
}
#ethanometer img.digit5{
	background-position: 0 -135px;
}
#ethanometer img.digit6{
	background-position: 0 -162px;
}
#ethanometer img.digit7{
	background-position: 0 -189px;
}
#ethanometer img.digit8{
	background-position: 0 -216px;
}
#ethanometer img.digit9{
	background-position: 0 -243px;
}



/******* Planning *******/
#project_timeline{
	float: left;
}

#project_timeline li{
	width: 93px;
	margin: 0;
	float: left;
	font-size: 1.2em;
	text-transform: uppercase;
}

#project_timeline li.last{
	width: 87px;
}

#project_timeline li div, 
#project_timeline li img{
	width: 87px;
	height: 87px;
	margin: 0 0 1em;
	background: #ccc;
}

#project_timeline h4{
	color: #c3372f;
}


/******* Contact *******/
#map{
	height: 280px;
}

div.gmap h3{
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 5px;
	white-space: nowrap;
	letter-spacing: 1px;
	text-transform: uppercase;
}

div.gmap img{
	float: left;
	margin-right: 8px;
}

body.contact input,
body.contact select,
body.contact textarea{
	width: 100%;
	font: 1.1em arial, sans-serif;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 1px;
	color: #7f7f7f;
}

body.contact input:hover,
body.contact select:hover,
body.contact textarea:hover{
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

body.contact input:focus,
body.contact select:focus,
body.contact textarea:focus{
	background: #e8edd6;
}

body.contact .buttons input{
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	background: #fff;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

form .col.middle .pad,
.col.narrow .smallPad{
	padding-top: 19px;
}


form ul.bullets{
	width: 280px;
}

form ul.bullets input{
	margin-bottom: 1px;
}

form ul.bullets label{
	display: block;
}

form .left li{
	margin: 0 0 5px;
	padding-bottom: 25px;
}


form dd{
	padding: 0 0 10px;
}

form .buttons{
	text-align: right;
}

form .buttons input{
	width: auto;
}




/******* Parts & Services *******/
#parts-photos{
	margin-top: 7px;
}
#parts-photos td{
	width: 101px;
	padding: 0 7px 7px 0;
	vertical-align: top;
	font-size: 1.1em;
}

#parts-photos div{
	display: none;
}

body.products .left h2 a{
	text-decoration: none;
	color: #c3372f;
}

body.parts .left h2{
	text-decoration: none;
	color: #c3372f;
	margin-top: 0;
}