/*
freaking doing it right this time
*/

* { padding: 0; margin: 0; }
ul, ol {}
html, body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #ffffff;
 text-align: center;
}

a, a:link, a:hover {
 color: #b0d9d3;
}
p {
text-align: left;}

img, table{
	border:none
}
a img {
	border: none;
}

h1{
font-family: sans-serif;
letter-spacing: 3pt;
color: #996633;
font-size: 20px;
}
h3{
font-family: sans-serif;
color: #999999;
font-size: 15px;
}

#wrapper { 
 margin-left: auto;
 margin-right: auto;
 width: 1024px;
}
#logo {

 width: 400px;
 float: left;
 height: 140px;
 margin: 5px 0px 0px 0px;
 background: url( ../images/header.gif);

}
#right_header {

 width: 450px;
 float: left;
 height: 150px;
 margin: 5px 0px 0px 0px;
 position: relative;

}

#kuat_menu{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: right; //set value to "left", "center", or "right"*/
}
.mainmenu{
margin:110px 0px 0px 0px;
text-align: right;
}
.mainmenu li {
display: inline;
}
.mainmenu li a{
color: #c2bcbc;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
font-weight: bold;
 }
.mainmenu li a:hover, .mainmenu ul li a.selected{
color: #8a4e21;
border-bottom-color: black;
}
#footer{
width: 850px;
float: left;
}
.bottommenu{
text-align: left;
}
.bottommenu li {
display: inline;
}
.bottommenu li a{
color: #c2bcbc;
padding: 5px 3px 4px 0px;
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
font-weight: bold;
 }
.bottommenu li a:hover, .mainmenu ul li a.selected{
color: #8a4e21;
border-bottom-color: black;
}
#contentbox { 
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 1024px;
 display: inline;

}
#prod_menu{
float: left;
width: 110px;
margin: 0px 0px 0px 5px;
position: relative;
text-align: left;
}
.prod_menu{
text-align: left;
}
.prod_menu li {
display: inline;
}
.prod_menu li a{
color: #c2bcbc;
padding: 5px 3px 4px 0px;
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
font-weight: bold;
 }
.prod_menu li a:hover, #prod_menuu li a.selected{
color: #8a4e21;
border-bottom-color: black;
}
.prod_sub a, a:link, a:hover {
color: #c2bcbc;
font-weight: bold;
}
.prod_sub{
text-align: left;
}
.prod_sub li {
display: inline;
}
.prod_sub li a{
color: #8a4e21;
padding: 5px 3px 4px 0px;
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
font-weight: bold;
 }
.prod_sub li a:hover, #prod_menuu li a.selected{
color: #c2bcbc;
border-bottom-color: black;
}
#content {
width: 850px;
height: 400px;
float: left;
margin: 0px 0px 0px 0px;
border: 1px solid #999999;
}
/*
product pages divs

*/
#prod_l{ float: left; margin: 0px 0px 0px 50px;  width: 410px; height: 400px;}
#prod_r{float: left; margin: 0px 0px 0px 0px;  width:250px; height: 400px;}

/*
main product page

*/
#products_left{float: left; width: 282px; height: 400;}
#products_middle{float: left; width: 282px; height: 400;}
#products_right{float: right; width: 282px; height: 400;}


/*
Begin each product page

*/
#nvmain{
width: 850px;
height: 400px;
background: url( ../images/nvmain.jpg);
}
#sherpmain{
width: 850px;
height: 400px;
background: url( ../images/sherpmain.jpg);
}
#alphamain{
width: 850px;
height: 400px;
background: url( ../images/alphamain.jpg);
}
#betamain{
width: 850px;
height: 400px;
background: url( ../images/betamain.jpg);
}
#trail_docmain{
width: 850px;
height: 400px;
background: url( ../images/docmain.jpg);
}
/*
fixing font issues on some computers
*/
#cleanfont{
font-family: sans-serif;
color: #999999;
font-size: 15px;
font-weight: bold;
}
/*
overview pages
*/
#overview{
width: 830px;
height: 390px;
}
#overview_left{
float: left;
width: 400px;
height: 390px;
}
#overview_right{
float: left;
width: 430px;
height: 390px;
}
/*
About Page
*/
#about{
width: 830px;
height: 390px;
}
#about_left{
float: left;
width: 533px;
height: 390px;
}
#about_right{
color: #c2bcbc;
text-decoration: none;
font-weight: bold;
text-align: right;
float: right;
width: 280px;
height: 390px;
}
/*
contact Page
*/
#contact{
width: 830px;
height: 390px;
}
#contact_left{
float: left;
width: 350px;
height: 390px;
}
#contact_right{
color: #c2bcbc;
text-decoration: none;
font-weight: bold;
text-align: left;
float: right;
width: 400px;
height: 390px;
}
/*
Dealer Page
*/
#dealer{
width: 830px;
height: 390px;
}
#dealer_left{
color: #c2bcbc;
text-decoration: none;
font-weight: bold;
text-align: left;
float: left;
width: 333px;
height: 390px;
}
#dealer_right{
float: left;
width: 500px;
height: 400px;
}
/*
features pages
*/
#features{
width: 830px;
height: 395px;
}
#features_left{
float: left;
width: 250px;
height: 390px;
}
#features_right{
float: left;
width: 500px;
height: 390px;
position: relative;
}
