/* CSS Document */

html, body {
	height: 100%;         /* required */
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	background: #b9b684;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-position: top center;
}

a:link { color: #000; text-decoration: underline; }
a:visited { color: #000; text-decoration: underline; }
a:hover { color: #b9b684; text-decoration: underline; }
a:active { color: #b9b684; text-decoration: underline; }

h1 { font-size: 20px; }

#wrap { margin: 0 auto; width: 950px; height:100%; }


/*-------------------------------------------
	header
-------------------------------------------*/


#header {
	width: 920px; 
	height: 140px; 
	margin: 0 auto; 
	position: relative; 
	text-align: right;
}

.logo {
	float: left;
}

#headerNav {
	width: 405px;
	height: 125px;
	margin: 0;
	padding: 0; 
	float: right;
}

#Henav {
	width: 460px;
	height: 60px;
	margin: 0;
	padding: 0;
}

#navH {
    width: 405px; height: 60px;
    background: url(images/navH.gif);
    margin: 0;
	padding: 0;
    position: relative;
}

#navH li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#navH li a { height: 0px; display: block; padding-top: 60px; overflow: hidden; }

#navH1 { left: 0; width: 70px; }
#navH2 { left: 70px; width: 60px; }
#navH3 { left: 130px; width: 115px; }
#navH4 { left: 245px; width: 55px; }
#navH5 { left: 300px; width: 85px; }
#navH6 { left: 355px; width: 85px; }

#navH1 a:hover { background: transparent url(images/navH.gif) 0 -60px no-repeat; }
#navH2 a:hover { background: transparent url(images/navH.gif) -70px -60px no-repeat; }
#navH3 a:hover { background: transparent url(images/navH.gif) -130px -60px no-repeat; }
#navH4 a:hover { background: transparent url(images/navH.gif) -245px -60px no-repeat; }
#navH5 a:hover { background: transparent url(images/navH.gif) -300px -60px no-repeat; }
#navH6 a:hover { background: transparent url(images/navH.gif) -355px -60px no-repeat; }

#navH1 a.selected { background: transparent url(images/navH.gif) 0 -60px no-repeat; }
#navH2 a.selected { background: transparent url(images/navH.gif) -70px -60px no-repeat; }
#navH3 a.selected { background: transparent url(images/navH.gif) -130px -60px no-repeat; }
#navH4 a.selected { background: transparent url(images/navH.gif) -245px -60px no-repeat; }
#navH5 a.selected { background: transparent url(images/navH.gif) -300px -60px no-repeat; }
#navH6 a.selected { background: transparent url(images/navH.gif) -355px -60px no-repeat; }


/*-------------------------------------------
	home page
-------------------------------------------*/

#homeNav {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	background-image: url(images/homenav.jpg);
	background-repeat: no-repeat;
}

#Hnav {
    width: 940px; height: 315px;
    background: url(images/homenav.jpg);
    margin: 0; padding: 0;
    position: relative;
}

#Hnav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#Hnav li a { height: 0px; display: block; padding-top: 315px; overflow: hidden; }

#Hnav1 { left: 0; width: 470px; }
#Hnav2 { left: 470px; width: 470px; }

#Hnav1 a:hover { background: transparent url(images/homenav.jpg) 0 -315px no-repeat; }
#Hnav2 a:hover { background: transparent url(images/homenav.jpg) -470px -315px no-repeat; }


/*-------------------------------------------
	page structure
-------------------------------------------*/

#allnav {
	width: 950px;
	height: 101px;
	margin: 0;
	padding: 0;
	float: right;
}

#navA {
    width: 950px; height: 101px;
    background: url(images/nav-all.gif);
    margin: 0; padding: 0;
    position: relative;
}

#navA li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#navA li a { height: 0px; display: block; padding-top: 56px; overflow: hidden; }

#navA1 { left: 100px; width: 120px; }
#navA2 { left: 220px; width: 105px; }
#navA3 { left: 325px; width: 75px; }
#navA4 { left: 400px; width: 135px; }
#navA5 { left: 535px; width: 75px; }
#navA6 { left: 610px; width: 120px; }
#navA7 { left: 730px; width: 120px; }

#navA1 a:hover { background: transparent url(images/nav-all.gif) -100px -101px no-repeat; }
#navA2 a:hover { background: transparent url(images/nav-all.gif) -220px -101px no-repeat; }
#navA3 a:hover { background: transparent url(images/nav-all.gif) -325px -101px no-repeat; }
#navA4 a:hover { background: transparent url(images/nav-all.gif) -400px -101px no-repeat; }
#navA5 a:hover { background: transparent url(images/nav-all.gif) -535px -101px no-repeat; }
#navA6 a:hover { background: transparent url(images/nav-all.gif) -610px -101px no-repeat; }
#navA7 a:hover { background: transparent url(images/nav-all.gif) -730px -101px no-repeat; }

#navA1 a.selected { background: transparent url(images/nav-all.gif) -100px -101px no-repeat; }
#navA2 a.selected { background: transparent url(images/nav-all.gif) -220px -101px no-repeat; }
#navA3 a.selected { background: transparent url(images/nav-all.gif) -325px -101px no-repeat; }
#navA4 a.selected { background: transparent url(images/nav-all.gif) -400px -101px no-repeat; }
#navA5 a.selected { background: transparent url(images/nav-all.gif) -535px -101px no-repeat; }
#navA6 a.selected { background: transparent url(images/nav-all.gif) -610px -101px no-repeat; }
#navA7 a.selected { background: transparent url(images/nav-all.gif) -730px -101px no-repeat; }

/*--- nav auto ---*/

#navTa {
    width: 950px; height: 81px;
    background: url(images/nav-top-A.gif);
    margin: 0; padding: 0;
    position: relative;
}

#navTa li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#navTa li a { height: 0px; display: block; padding-top: 81px; overflow: hidden; }

#navTa1 { left: 40px; width: 200px; }
#navTa2 { left: 240px; width: 120px; }
#navTa3 { left: 360px; width: 200px; }
#navTa4 { left: 560px; width: 140px; }
#navTa5 { left: 735px; width: 175px; }

#navTa1 a:hover { background: transparent url(images/nav-top-A.gif) -40px -162px no-repeat; }
#navTa2 a:hover { background: transparent url(images/nav-top-A.gif) -240px -162px no-repeat; }
#navTa3 a:hover { background: transparent url(images/nav-top-A.gif) -360px -162px no-repeat; }
#navTa4 a:hover { background: transparent url(images/nav-top-A.gif) -560px -162px no-repeat; }
#navTa5 a:hover { background: transparent url(images/nav-top-A.gif) -735px -162px no-repeat; }

#navTa1 a.selected { background: transparent url(images/nav-top-A.gif) -40px -81px no-repeat; }
#navTa2 a.selected { background: transparent url(images/nav-top-A.gif) -240px -81px no-repeat; }
#navTa3 a.selected { background: transparent url(images/nav-top-A.gif) -360px -81px no-repeat; }
#navTa4 a.selected { background: transparent url(images/nav-top-A.gif) -560px -81px no-repeat; }
#navTa5 a.selected { background: transparent url(images/nav-top-A.gif) -735px -81px no-repeat; }

#navTa1 a.grey { background: transparent url(images/nav-top-A.gif) -40px -162px no-repeat; }
#navTa2 a.selected { background: transparent url(images/nav-top-A.gif) -240px -81px no-repeat; }
#navTa3 a.selected { background: transparent url(images/nav-top-A.gif) -360px -81px no-repeat; }
#navTa4 a.selected { background: transparent url(images/nav-top-A.gif) -560px -81px no-repeat; }
#navTa5 a.grey { background: transparent url(images/nav-top-A.gif) -735px -162px no-repeat; }


/*--- nav auto ---*/

#navTo {
    width: 950px; height: 81px;
    background: url(images/nav-top-O.gif);
    margin: 0; padding: 0;
    position: relative;
}

#navTo li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#navTo li a { height: 0px; display: block; padding-top: 81px; overflow: hidden; }

#navTo1 { left: 40px; width: 105px; }
#navTo2 { left: 145px; width: 120px; }
#navTo3 { left: 265px; width: 200px; }
#navTo4 { left: 465px; width: 140px; }
#navTo5 { left: 710px; width: 200px; }

#navTo1 a:hover { background: transparent url(images/nav-top-O.gif) -40px -81px no-repeat; }
#navTo2 a:hover { background: transparent url(images/nav-top-O.gif) -145px -81px no-repeat; }
#navTo3 a:hover { background: transparent url(images/nav-top-O.gif) -265px -81px no-repeat; }
#navTo4 a:hover { background: transparent url(images/nav-top-O.gif) -465px -81px no-repeat; }
#navTo5 a:hover { background: transparent url(images/nav-top-O.gif) -710px -81px no-repeat; }

#navTo1 a.selected { background: transparent url(images/nav-top-O.gif) -40px -81px no-repeat; }
#navTo2 a.selected { background: transparent url(images/nav-top-O.gif) -145px -81px no-repeat; }
#navTo3 a.selected { background: transparent url(images/nav-top-O.gif) -265px -81px no-repeat; }
#navTo4 a.selected { background: transparent url(images/nav-top-O.gif) -465px -81px no-repeat; }
#navTo5 a.selected { background: transparent url(images/nav-top-O.gif) -710px -81px no-repeat; }


/*--- nav subpages ---*/

#navTs {
    width: 950px; height: 81px;
    background: url(images/nav-top-S.gif);
    margin: 0; padding: 0;
    position: relative;
}

#navTs li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#navTs li a { height: 0px; display: block; padding-top: 81px; overflow: hidden; }

#navTs1 { left: 300px; width: 175px; }
#navTs2 { left: 475px; width: 175px; }

#navTs1 a:hover { background: transparent url(images/nav-top-S.gif) -300px -162px no-repeat; }
#navTs2 a:hover { background: transparent url(images/nav-top-S.gif) -475px -162px no-repeat; }



#homeContent {
	width: 950px;
	padding: 0px;
	margin: 0 auto;
	text-align: center;
}

#mainContainer {
	width: 950px;
	padding: 0px;
	margin: 0 auto;
	text-align: center;
	background-image: url(images/nav.gif);
	background-repeat: no-repeat;
}

#mainContent {
	width: 950px;
	padding: 0px;
	margin: 0 auto;
	text-align: center;
	background-image: url(images/mainbg.gif);
	background-repeat: repeat-y;
}

#hContent {
	width: 790px;
	padding: 10px 40px 20px 40px;
	margin: 0 auto;
	text-align: left;
	background-color: #6a6c70;
	color: #fff;
	line-height: 18px;
}

#hContent a:link { color: #fff; text-decoration: underline; }
#hContent a:visited { color: #fff; text-decoration: underline; }
#hContent a:hover { color: #cbc8a3; text-decoration: underline; }
#hContent a:active { color: #cbc8a3; text-decoration: underline; }

#hCallout {
	width: 830px;
	padding: 20px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	color: #000;
}

#Content {
	width: 795px;
	padding: 0 0 20px 0;
	margin: 0 auto;
	text-align: left;
}

#ContentCenter {
	width: 795px;
	padding: 0 0 20px 0;
	margin: 0 auto;
	text-align: center;
}

#Content td {
	font-size: 11px;
}

#ContentCenter {
	width: 795px;
	padding: 0 0 20px 0;
	margin: 0 auto;
	text-align: center;
}

#Features {
	width: 795px;
	padding: 0 0 20px 0;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/features/features-bg.gif);
	background-repeat: repeat-y;
}

#mainDivider .column {
  position: relative;
  float: left;
}

#a_left {
  width: 385px;
  padding: 0;
  margin: 0 0 0 80px;
  text-align: left;
}

#a_right {
  width: 385px;
  padding: 0px;
  margin: 0 0 0 20px;
  text-align: left;
}

#team {
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
}
#team_1 {
  width: 250px;
  height: 320px;
  padding: 0;
  margin: 0 0 20px 0;
  text-align: left;
  display: inline;
  float: left;
}
#team_2 {
  width: 250px;
  height: 320px;
  padding: 0;
  margin: 0 0 20px 20px;
  text-align: left;
  display: inline;
  float: left;
}

#about_1 {
  width: 250px;
  padding: 0;
  margin: 0 0 20px 0;
  text-align: left;
  display: inline;
  float: left;
}
#about_2 {
  width: 250px;
  padding: 0;
  margin: 0 0 20px 20px;
  text-align: left;
  display: inline;
  float: left;
}

#ab_left {
  width: 250px;
  padding: 0;
  margin: 0;
  text-align: left;
}

#ab_right {
  width: 520px;
  padding: 0px;
  margin: 0 0 0 20px;
  text-align: left;
}

#ab_right td {
  font-size: 11px;
  line-height: 14px;
}

#t_left {
  width: 375px;
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 11px;
}

#t_right {
  width: 375px;
  padding: 0px;
  margin: 0 0 0 40px;
  text-align: left;
  font-size: 11px;
}

#right { float: right; text-align: right; font-size: 10px; }

#os_left {
  width: 250px;
  padding: 0;
  margin: 0 0 0 80px;
  text-align: left;
}

#os_right {
  width: 520px;
  padding: 0px;
  margin: 0 0 0 20px;
  text-align: left;
}

#callouts {
	width: 795px;
	padding: 0 0 20px 0;
	margin: 0 auto;
	text-align: left;
	background-color: #eeebe0;
}

#c_left {
  width: 250px;
  padding: 0;
  margin: 10px 0 0 10px;
  text-align: left;
}

#c_mid {
  width: 250px;
  padding: 0px;
  margin: 10px 0 0 10px;
  text-align: left;
}

#c_mid-2 {
  width: 510px;
  padding: 0px;
  margin: 10px 0 0 10px;
  text-align: left;
}

#c_right {
  width: 250px;
  padding: 0;
  margin: 10px 0 0 10px;
  text-align: left;
}


#p_left {
  width: 170px;
  padding: 5px;
  margin: 0 0 0 80px;
  text-align: center;
  font-size: 11px;
  background-color: #ccc8a3;
}

#side-copy {
  width: 170px;
  padding: 0;
  margin: 0 0 0 5px;
  text-align: center;
  font-size: 11px;
}

#p_right {
  width: 590px;
  padding: 0px;
  margin: 0 0 0 25px;
  text-align: left;
}

#products {
	width: 654px;
	text-align: left;
	margin: 20px 0 0 0;
}

#product-divider {
	width: 795px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/products/dividers.gif);
}

#pr_left {
  width: 240px;
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 12px;
}

#pr_mid {
  width: 240px;
  padding: 0;
  margin: 0 0 0 30px;
  text-align: left;
  font-size: 12px;
}

#pr_right {
  width: 240px;
  padding: 0;
  margin: 0 0 0 30px;
  text-align: left;
  font-size: 12px;
}

#mainContent div.port {
	float: left;
	width: 285px;
	margin: 0 20px 17px 0;
	display: inline;
	text-align: left;
}

#mainContent div.portend {
	float: left;
	width: 285px;
	margin: 0 0 17px 0;
	display: inline;
	text-align: left;
}

#mainContent div.feat {
	float: left;
	width: 220px;
	margin: 0 0 0 30px;
	display: inline;
	text-align: left;
}

#mainContent div.featend {
	float: left;
	width: 535px;
	margin: 0 0 0 10px;
	display: inline;
	text-align: left;
}

#f_left {
  width: 250px;
  padding: 0;
  margin: 0;
  text-align: left;
}

#f_right {
  width: 545px;
  padding: 0px;
  margin: 0;
  text-align: left;
}

#colTwo {
	width: 350px;
	margin: 0;
	display: inline;
	float: left;
	text-align: left;
}

#K_left {
  width: 380px;
  padding: 0;
  margin: 0 0 20px 0;
  float: left;
  text-align: center;
  background-color: #b9b684;
  color: #fff;
}
#K_right {
  width: 380px;
  padding: 0;
  margin: 0 0 20px 20px;
  float: left;
  text-align: center;
  background-color: #b9b684;
  color: #fff;
}

.padd { padding-left: 20px; }

.input { 
	width: 330px;
	padding-left: 5px;
	margin: 0;
	border-style: solid;
	border-width: thin;
	border-color: #ccc;
	background-color: #f1f1f1;
}

.input400 { 
	width: 400px;
	padding-left: 5px;
	margin: 0;
	border-style: solid;
	border-width: thin;
	border-color: #ccc;
	background-color: #f1f1f1;
}

#diagram {
	width: 795px;
	height: 340px;
	padding: 40px 0 0 0;
	margin: 0 auto;
	text-align: center;
	background-image: url(images/vehicle-diagram-BG.gif);
}

#aL {
	float: left;
	width: 300px;
	height: 300px;
	margin: 0;
	display: inline;
	text-align: left;
	background-color: #fff;
}
#aR {
	float: left;
	width: 400px;
	height: 300px;
	margin: 0;
	display: inline;
	text-align: left;
	background-image: url(images/auto-feature-0.jpg);
	position:relative;
}

#ab1 {
	width: 34px;
	height: 34px;
	margin: 0;
	position: absolute;
	top: 45px;
	left: 2px;
}
#ab2 {
	width: 34px;
	height: 34px;
	margin: 0;
	position: absolute;
	top: 85px;
	left: 55px;
}
#ab3 {
	width: 34px;
	height: 34px;
	margin: 0;
	position: absolute;
	top: 180px;
	left: 290px;
}
#ab4 {
	width: 34px;
	height: 34px;
	margin: 0;
	position: absolute;
	top: 125px;
	left: 95px;
}
#ab5 {
	width: 34px;
	height: 34px;
	margin: 0;
	position: absolute;
	top: 155px;
	left: 10px;
}
#ab6 {
	width: 34px;
	height: 34px;
	margin: 0;
	position: absolute;
	top: 185px;
	left: 80px;
}
#ab7 {
	width: 34px;
	height: 34px;
	margin: 0;
	position: absolute;
	top: 60px;
	left: 217px;
}
#ab8 {
	width: 34px;
	height: 34px;
	margin: 0;
	position: absolute;
	top: 225px;
	left: 325px;
}
#ab9 {
	width: 34px;
	height: 34px;
	margin: 0;
	position: absolute;
	top: 205px;
	left: 360px;
}
#ab10 {
	width: 34px;
	height: 34px;
	margin: 0;
	position: absolute;
	top: 240px;
	left: 360px;
}



#newsL {
	float: left;
	width: 475px;
	margin: 0;
	padding: 0 0 50px 0;
	display: inline;
	text-align: left;
}
#newsR {
	float: left;
	width: 300px;
	margin: 0 0 0 20px;
	display: inline;
	text-align: left;
}

hr {
	border: none;
	background-color: #d4d1b6;
	color: #ccc;
	height: 1px;
	margin: 20px 0 20px 0;
}



#flashcontent {
	width: 700px;
	height: 300px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}


#auto-text {
	float: left;
	width: 300px;
	margin: 0 0 0 48px;
	display: inline;
	text-align: left;
	background-color: #ccc;
}
#auto-image {
	float: left;
	width: 400px;
	margin: 0;
	display: inline;
	text-align: left;
	background-color: #333;
}

#anav {
    width: 400px; height: 400px;
    background: url(images/xnav.gif);
    margin: 0; padding: 0;
    position: relative;
}

#anav li { margin: 0; padding: 0; list-style: none; position: absolute; }
#anav li a { height: 0px; display: block; padding-top: 30px; overflow: hidden; }

#anav1 { top: 0; left: 0; width: 30px; height: 30px; background-color: #0F0; }
#anav2 { top: 40px; left: 90px; width: 30px; height: 30px; background-color: #9F0; }
#anav3 { top: 60px; left: 200px; width: 30px; height: 30px; background-color: #FF0; }

#anav1 a:hover { background: transparent url(images/nav.gif) -265px 0 no-repeat; }
#anav2 a:hover { background: transparent url(images/nav.gif) -265px -30px no-repeat; }
#anav3 a:hover { background: transparent url(images/nav.gif) -265px -60px no-repeat; }




/*-------------------------------------------	
	Clear
-------------------------------------------*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*-------------------------------------------	
	Footer
-------------------------------------------*/

#footer {
	width: 950px;
	height: 50px;
	padding: 20px 0 0 0;
	margin: 0;
	text-align: center;
	font-size:12px; font-weight:normal; color:#fff;
}

#footer a:link { color: #fff; text-decoration: underline; }
#footer a:visited { color: #fff; text-decoration: underline; }
#footer a:hover { color: #000; text-decoration: underline; }
#footer a:active { color: #000; text-decoration: underline; }