/*********************************************************************
*
*	Cartelligent
*	built by WebSight Design
*
*********************************************************************/

*{ padding:0px; margin:0px; }

body{
	text-align: center; font-family: Arial, Arial, Helvetica, sans-serif;
}

.wrapper{
	width:890px; height:500px; margin:0px auto; 
}

.header{
	width:893px; height:140px; 
}

.logo{
	width:294px; height:50px; background:url('../images/logo.gif') no-repeat top left; float:right; cursor: pointer; margin:40px 0px 0px 0px; 
}

.nav{ 
	width:498px; height:24px; float:left; border:#f00 0px solid; color:#666; font-size: 20px; margin:10px 0px 0px 4px;
}

.nav ul{
	list-style-type: none;
}

.nav li{
	float:left; margin:0px 10px 0px 10px; 
}

.nav li a.navlinks {
	color:#666; text-decoration: none;
}
.nav li a.navlinks:hover, .nav li a.navlinks:active, .nav li a.navlinks_act{
	border-bottom: #bbb 2px solid; color:#666; text-decoration: none;
}
.clearer{
	clear:both;
}

.main_div{
	width:658px; height:317px; float:left;
}
.main_div a{
	color:#fff; cursor: pointer;
}
.main_nav{
	width:209px; height:317px; float:left; margin:-317px 0px 0px 0px; position: relative; 
	z-index: 5; padding:0px 0px 0px 4px; border: #f00 0px solid;
}
.main_nav_alt{
	width:209px; height:317px; float:left; margin:-317px 0px 0px 0px; position: relative; 
	z-index: 5; padding:0px 0px 0px 4px; border: #f00 0px solid;
}

.main_nav_div{
	width:213px; height:317px; float:left; margin:0px 0px 0px 0px; position: relative; 
	z-index: 5;

	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	position: relative; 
	z-index: 1;

}

.nav_container{
	width:213px; height:317px; float:left;
}

a.main_nav_off {
	display:block; width:190px;  color:#fff; text-decoration: none; text-align: left; border:#f00 0px solid; font-size:20px;
	padding:10px 0px 2px 10px; cursor: pointer;
}

a.main_nav_on{	display:block; width:190px;  color:#555; text-decoration: none; text-align: left; border:#f00 0px solid; font-size:20px;
	padding:10px 0px 2px 10px; font-size:20px; cursor: pointer;}

.secondary_container{
	width:275px; height:317px; float:left; display: none;
}

.secondary_nav{
	width:275px; height:317px; float:left; 

	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	position: relative; 
	z-index: 1;
}

.secondary_text{
	width:250px; height:297px; float:left; color:#fff; margin:-317px 0px 0px 0px;position: relative; 
	z-index: 5; border: #f00 0px solid; text-align: left; padding:6px 12px 10px 12px;
	font-size: 16px; line-height: 32px;
}

.secondary_text a{
	color:#fff;
}

.menu_subtext{
	color:#fff; font-size: 14px; text-align: left; padding:50px 0px 0px 10px;
}
/*********************************************************************/


.grey_div{
	background: #727778; width:628px; height: 287px; text-align: left; color:#fff;
	padding:15px;
}

.grey_div p{ 
	padding:0px 0px 20px 0px; line-height: 30px;
}

.grey_div h1{
	font-size:26px; font-weight: normal;
}


/** HOME **/

.light_green_div{
	background: #b6d2a4; width:628px; height: 287px; text-align: left; color:#fff;
	padding:15px; 

}

.green_div{
	background: #6d8d6c; width:628px; height: 287px; text-align: left; color:#fff;
	padding:15px; 
}

.privacy_div{
	 height: 267px; width:600px; overflow-y: scroll;
}

.green_div p{ 
	padding:0px 0px 20px 0px; line-height: 30px;
}

.green_div h1{
	font-size:26px; font-weight: normal;
}


/** HOME **/
.home_div{
	 background:url('../images/home_img.jpg') no-repeat top left;  
}

.home_nav{
	background: #587c8f; 
}

.home_secondary{
	background: #587c8f;
}

.home_form{
	width:200px; float: right; border: #f00 0px solid; margin:0px 0px 0px 10px; color:#666; text-align: right; padding: 0px 3px 0px 0px;
}

.home_form input{
	border:0px; border: 1px solid #666; color:#666; padding:4px; font-size:14px;
	height:20px; width:180px; margin:20px 0px 0px 0px; padding-top:0px; 
}

.home_form button{
	border:0px; border: 1px solid #666; color:#666; padding:4px; font-size:14px;
	height:20px; width:180px; margin:20px 0px 0px 0px; padding-top:0px; 
}

.home_form select{
	border:0px; border: 1px solid #666; color:#666; padding:4px; font-size:14px;
	height:24px; width:190px; margin:20px 0px 0px 0px; padding-top:0px; 
}

.home_form textarea{
	border:0px; border: 1px solid #666; color:#666; padding:0px 4px 4px 4px; font-size:14px;
	height:64px; width:182px; margin:20px 0px 0px 0px; font-family: inherit;
}


/** STEPS **/
.steps_div{
	 background:url('../images/steps_img.jpg') no-repeat top left;  
}

.steps_nav{
	background: #edae17;
}

.steps_secondary{
	background: #edae17;
}



/** STORIES **/
.stories_div{
	 background:url('../images/stories_img.jpg') no-repeat top left;  
}

.stories_nav{
	background: #a8a8a8;
}

.stories_secondary{
	background: #000; width:445px !important; width:420px;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;

}

.stories_text{ width:395px !important; width:340px; height:297px; padding:20px 20px 0px 30px !important; padding:10px; float:left; border:#f0f 0px solid;}


/** ABOUT **/
.about_div{
	 background:url('../images/about_img.jpg') no-repeat top left;  
}

.about_nav{
	background: #7bab61;
}

.about_secondary{
	background: #7bab61;
}

.about_text{ width:250px; height:307px; }


/** CONTACT **/
.contact_div{
	 background:url('../images/contact_img.jpg') no-repeat top left;  
}

.contact_nav{
	background: #c74c4a;
}

.contact_secondary{
	background: #c74c4a; 
}

.contact_text{ width:325px; height:307px; padding:10px 20px 0px 100px;}


/** RESOURCES **/
.resources_div{
	 background:url('../images/resources_img.jpg') no-repeat top left;  
}

.resources_nav{
	background: #ab9788;
}

.resources_secondary{
	background: #ab9788; 
}

.resources_text{ width:325px; height:307px; padding:10px 20px 0px 100px;}



/** FAQ **/

.faq_div{
	border:#d6d6d6 1px solid; width:856px; height:280px; padding:15px 15px 10px 15px; text-align: left;
}
.faq_div_left{
	width:360px; float: left; border: #666 0px solid; padding:0px 10px 0px 0px; font-size:10px;
}
.faq_div_right{
	width:453px !important; width:428px; height:265px; float: left; border: #6ff 0px solid;
	margin:0px 0px 0px 0px; padding:0px 10px 0px 20px;
	overflow-y: scroll; font-size:14px;
	color:#666;
}
.faq_div_right a{ 
	display:block; color:#666; text-decoration:underline;
}
.faq_div_right p{ margin:5px 0px 10px 0px; font-size:13px;}
.faq_div_right p a{ font-weight: bold; color:#444; text-decoration: none; font-size:13px;}
.faq_div h1{
	font-size:26px; font-weight: normal; color:#555;
}
.faq_div_left a{
	display:block; color:#444; font-size:13px; margin:2px 0px 0px 0px; text-decoration: none;
}
.scroll-to{ font-size: 13px;}

/** DEALER **/

.dealer_div{
	width:600px; height: 267px; border:#f00 0px solid; padding:0px 0px 0px 3px;
}
.dealer_nav{
	background: #fe7b11;
}
.dealer_secondary{
	background: #fe7b11; 
}
.dealer_text{  float:left; border:#f0f 0px solid; line-height: 25px;}


/********************** FOOTER **********************/

.footer{ 
	width:588px !important; width:600px; height:24px; float:left; border:#f00 0px solid; color:#666; font-size: 15px; margin:14px 0px 0px 4px;
}

.footer ul{
	list-style-type: none;
}

.footer li{
	float:left; margin:0px 10px 0px 10px; 
}

.footer li a.footerlinks {
	color:#666; text-decoration: none;
}

.footer li a.footerlinks:hover, .footer li a.footerlinks:active, .footer li a.footerlinks_act{
	border-bottom: #bbb 2px solid; 	color:#666; text-decoration: none;
}


/*********************************************************************/

a.facebook{ display: block; width:32px; height:30px; background: url('../images/networks.gif') no-repeat 0px 0px; float:left; }
a.twitter{ display: block; width:32px; height:30px; background: url('../images/networks.gif') no-repeat -35px 0px; float:left; }

#perfect_car_wrapper{
	border:#f00 0px solid; padding:47px 0px 0px 10px; text-align: right;
}