@charset "utf-8";
/* CSS Document */


body {
	background:url(../images/body_bg.jpg) repeat-x #272727;
	}
	
#shell {
	width:880px;
	margin:0 auto;
	background:url(../images/shell_bg.gif) repeat-y;
	height:100%;
	}
	
#header {
	position:relative;
	width:880px; height:210px;
	margin: 0 auto;
	background:url(../images/headerGraphic_bg.jpg);
	}
	
#navigation {
	width:840px;
	margin:0 auto;
	padding: 0 0 0 40px;
	position:absolute;
	bottom:7px;
	}
	
#homeLeftCol {
	width:535px;
	float:left;
	height:100%;
	}
	
#homeRightCol {
	width:345px;
	float:left;
	height:100%;
	}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #333333;
	line-height:1.5em;
	margin:15px 30px 5px 75px;	
	}
	
#productLeftCol {
	width:440px;
	float:left;
	height:100%;
	}
	
#productRightCol {
	width:440px;
	float:left;
	height:100%;
	}

.process{
	width:375px;
	height:120px;
	clear:right;
	padding:10px 20px;
	}

	.process img{
		float:left;
		padding:0 10px 0 0;
		}
		
	.process p{
		font:Arial, Helvetica, sans-serif;
		color:#333333;
		font-size:80%;
		margin:0 auto;
		}


#leftSide{
	width:440px;
	float:left;
	}
	
#rightSide{
	width:440px;
	float:left;
	}

.btm5px{
	margin:0 0 5px 0;
	}
	
.bold {
	font-family: Verdana;
	font-weight:bold;
	font-size: 1.2em;
	color: #000000;
	}



	
#nav {
	
	margin: 130px -150px 0 0;
	padding: 0;
	list-style: none;

  } 

#nav li {
	margin: 0;
	padding: 0 15px;
	float: left;
	border-right: solid 1px #000;
	}

#nav li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #eaeaea;
	display:block;
	}

#nav li a:hover {
	color:yellow;
	text-decoration: underline;
	}
	
#nav .first {
	padding: 0 0 0 35px;
	}  

#nav .last {
	border: none;
	}
	
/*Navigation Highlite - You Are Here*/
#home .home, #productProcess .productProcess, #locationMap .locationMap, #colorSelection .colorSelection, #galleryTestimonials .galleryTestimonials, #contact .contact, #financing .financing, #faqLink .faqLink{
	color:yellow !important;
	text-decoration: underline;
	}
		
	
#container_leftSide {
	position:relative;
	width: 535px;
	float:left;
	}
	
#container_rightSide {
	width:354px;
	float:left;
	}
	

	
#textBox_home {
	width:495px;
	padding:0 0 0 40px;
	}
	
#containter_bottonBox {
	width:344px;
	height:100%;
	border-left:#b1c8d8 1px solid;
	
	}
	
a.ad_5steps {
    display: block;
    width: 253px;
    height: 100px;
    background:url(../images/ad_5steps.jpg)0 0 no-repeat;
    text-decoration: none;
	}
a:hover.ad_5steps {
    background-position: -253px 0;
	}
	
a.ad_colorChooser {
    display: block;
    width: 253px;
    height: 100px;
    background:url(../images/ad_colorChooser.jpg)0 0 no-repeat;
    text-decoration: none;
	}
a:hover.ad_colorChooser {
    background-position: -253px 0;
	}

#locationTextBox{
	width:500px;
	margin:0 auto;
	}


/*Locaion map, div and font styling*/
#container_locations{
	width:720px;
	padding:0 70px 0 70px;
}

#name { /*Garage owner name(s) column*/
	float:left;
	width:200px;
	background-color:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}

#address { /*location address column*/
	float:left;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#city { /*location address column*/
	float:left;
	width:130px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#size { /*location address column*/
	float:left;
	width:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#link { /*location address column*/
	float:left;
	width:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	clear:right;
}

#footer {
	width:665px;
	margin:0 auto;
	padding:30px 0 0 0;
	clear:both;
	}
	
#colorComponent_container {
	width:500px;
	float:left;
	}
	
#processVideo_container {
	width:350px;
	float:left;
	}
	
.testimonials{
	margin:10px auto;
	padding:15px 60px 10px 60px;
	width:750px;
	clear:both;
	border-bottom:#000000 1px solid;
	}

.testimonials p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	margin:0 0 10px 0;
	padding:0;
	}	
	
	.testimonials p.name{
		font-family:Arial, Helvetica, sans-serif;
		font-size:.8em;
		text-align:right;
		font-weight:bold;
		margin:0 !important;
		}
		
	.testimonials p.address{
		font-family:Arial, Helvetica, sans-serif;
		font-size:.7em;
		text-align:right;
		margin:0 !important;
		}

	.testimonials p.address a{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-align:right;
		margin:0 !important;
		}

.testimonials li{
		font-family:Arial, Helvetica, sans-serif;
		font-size:.9em;
		list-style:disc;
		margin:10px 0 10px 50px;
		}				
	
.testimonials img{
	float:left;
	margin:0 15px 0 0;
	border:#FFFFFF 2px solid;
	}
	
#colorSelector {
	margin:0 auto;
	width:610px;
	}
	
#confirm{
	margin:0 auto;
	width:400px;
	}

label{
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
	}

.submit input{
	margin-left: 4.5em;
	} 
	
.process_rightSide{
	width:400px;
	float:left;
	}
	
	.process_rightSide p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:.8em;
		color: #333333;
		margin:0 40px 0 0;
		}
	.process_rightSide img{
		float:left;
		margin:0 10px 10px 0;
		clear:left;
		}


.faqTag {
	font-family: “Lucida Sans Unicode”, sans-serif;
	color: #666;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	text-decoration:underline;
	letter-spacing: 0px;
	line-height: 1.2em;
}

#faq {
	width:650px;
	height:auto;
	margin:0 auto;
}
.faq_q {
	font-family: “Lucida Sans Unicode”, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: -.7px;
	line-height: 1.2em;
}

.faq_a {
	font-family: “Lucida Sans Unicode”, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: 0px;
	line-height: 1.2em;
}