@charset "UTF-8";

/* CSS Document */

html, body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background: url(../images/bk.jpg) repeat-x #000;
	font-size: 12px;
}

h1 {
	color: #C9C772;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 28px;
	font-weight: normal;
}

h2 {
	color: #C9C772;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 21px;
	font-weight: normal;
}

h3 {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #171629;
	text-transform: uppercase;
	font-size: 12px;
	padding: 5px 0 5px 10px;
	background: url(../images/banner.png) left no-repeat;
}

a {
	color: #C9C772;
}

a:hover {
	text-decoration: none;
	color: #171629;
	background: #C9C772;
}

.right {
	position: relative;
	float: right;
	padding: 0 0 10px 20px;
}

.dealer {
	position: absolute;
	top: 25px;
	left: 50%;
	margin-left: 175px;
	text-transform: uppercase;
	text-align: right;
	font-size: 10px;
}

#container {
	position: relative;
	width: 925px;
	height: auto;
	height: auto !important;
	margin: 10px auto;
	border: solid #C9C772 1px;
	padding-bottom: 45px;
}

#top {
	position: relative;
	float: left;
	width: 925px;
	height: 9px;
	border-bottom: solid #C9C772 1px;
	background: #171524;
}

#mast {
	position: relative;
	float: left;
	width: 925px;
	height: 78px;
	border-bottom: solid #C9C772 1px;
	background: url(../images/bg_mast.jpg) top repeat-x;
}

.logo {
	position: relative;
	float: left;
	width: 240px;
	margin: 17px 0 0 10px;
}

.logo a:hover {
	background: none;
}

#content {
	position: relative;
	float: left;
	width: 925px;
	height: auto;
	height: auto !important;
	min-height: 500px;
	overflow: hidden;
}

#copyright {
	position: relative;
	float: left;
	width: 925px;
	height: 44px;
	border-top: solid #C9C772 1px;
	background: url(../images/bg_copyright.jpg) top repeat-x;
}

.copyrightleft {
	position: relative;
	float: left;
	width: 400px;
}

.copyrightleft p {
	margin: 15px 0 0 15px;
	color: #C9C772;
	text-align: left;
}

.copyrightright {
	position: relative;
	float: right;
	width: 400px;
}

.copyrightright p {
	margin: 15px 15px 0 0;
	color: #C9C772;
	text-align: right;
	text-transform: uppercase;
	font-size: 10px;
}

.clear {
	clear: both;
}

/* ------------------- General Content ---------------------- */

.homeintro, .maincontent {
	position: relative;
	float: right;
	width: 724px;
	height: auto;
}

.homeintro p, .maincontent p, .productoverview p, .productcontent p {
	margin: 35px;
	line-height: 1.5em;
	font-size: 13px;
}

.homeintro strong, .maincontent strong, .productoverview strong, .productcontent strong {
	color: #C9C772;
}

.maincontent h1, .productoverview h1, .productcontent h1 {
	margin: 35px 35px -20px 35px;
}

.floatright {
	float: right;
	margin: 0;
	width: 300px;
	line-height: 1.5em;
}

.maincontent ul {
	color: #C9C772;
	margin: -20px 0 35px 0;
	padding: 0 0 0 55px;
}

.maincontent table {
	width: 655px;
	margin-left: 35px;
	background: #000000;
}

.maincontent td {
	padding: 15px;
	border-bottom: 1px solid #666;
}

.maincontent td.A {
	padding: 15px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	background: #2F4169;
	font-weight: bold;
}

.maincontent td.B {
	padding: 15px;
	border: 1px solid #666;
	background: #000;
	font-weight: bold;
}

.maincontent td.C {
	padding: 15px;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	background: #1D273F;
}

.maincontent td.D {
	padding: 15px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	background: #111;
}

.maincontent td.E {
	padding: 15px;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	background: #2F4169;
}

.maincontent td.F {
	padding: 15px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	background: #000;
}

.maincontent td.side {
	padding: 15px;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	background: #111111;
	font-weight: bold;
}

/* ------------------- Product ---------------------- */

.productleft {
	position: relative;
	float: left;
	width: 290px;
	height: auto !important;
	height: auto;
	border-right: solid #C9C772 1px;
	background: #1D273F url(../images/bg_side.jpg) repeat-x;
	padding-bottom: 2000px;
	margin-bottom: -2000px;
}

.productcontent {
	position: relative;
	float: right;
	width: 633px;
	height: auto;
}

.thumbnails {
	position: relative;
	float: left;
	width: 603px;
	height: auto !important;
	height: auto;
	margin-left: 29px;
}

.thumbnails ul {
	margin: 0;
	padding: 0;
}

.thumbnails ul li {
	list-style-type: none;
	margin: 0 9px 0 5px;
	padding: 0;
	display: inline;
	width: 80px;
	height: 51px;
	float: left;
	position: relative;
	border: solid #C9C772 1px;
}

.productmore {
	position: relative;
	float: right;
	width: 633px;
	height: auto;
	border-top: solid #C9C772 1px;
}

.productmorelist {
	position: relative;
	float: left;
	width: 300px;
	height: auto;
}

.productmorelist h4 {
	text-transform: uppercase;
	font-weight: normal;
	line-height: 2em;
	margin: 20px 0 5px 35px;
}

.productmorelist ul li {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	line-height: 1.25em;
	font-size: 11px;
}

.specs {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	border-bottom: solid #C9C772 1px;
	padding-bottom: 10px;
}

.specs h2, .specs p {
	margin-left: 15px;
	margin-right: 15px;
}

.specs p {
	color: #CCCCCC;
}

.specs a, .specs a:hover {
	color: #C9C772;
}

.specs a:hover {
	text-decoration: none;
	color: #171629;
	background: #C9C772;
}

.specs ul {
	margin: 0;
	padding: 0;
}

.specs li {
	margin-left: 13px;
	background: url(../images/PDF.png) left center no-repeat;
	line-height: 2em;
	list-style-type: none;
	font-size: 15px;
}

.specs a {
	margin-left: 30px;
	text-decoration: none;
}

.specssmall {
	font-size: 10px;
}

.interior {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	border-bottom: solid #C9C772 1px;
	padding-bottom: 10px;
	background: #171629;
}

.interior h2, .interior p {
	margin-left: 15px;
	margin-right: 15px;
}

.interior p, .interior a, .interior a:hover {
	color: #C9C772;
}

.interior a:hover {
	text-decoration: none;
	color: #171629;
	background: #C9C772;
}

.productoverview {
	position: relative;
	float: right;
	width: 925px;
	height: auto;
}

.productthumb {
	position: relative;
	float: left;
	width: 185px;
	height: 230px;
	border: solid #C9C772 1px;
	margin: 0 0 35px 35px;
}

.productthumb a {
	text-decoration: none;
}

.productthumb h1 {
	color: #C9C772;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 15px;
	font-weight: normal;
	margin: 10px 10px -5px;
}

.productthumb p {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 10px;
}

.productthumb img {
	margin: 0;
	border-bottom: solid #C9C772 1px;
}

#nav {
	position: relative;
	float: right;
	width: 600px;
	height: auto;
}

#nav ul {
	padding: 0 0 20px 0;
	margin: 20px 0;
	border: 0;
	list-style-type: none;
}

#nav ul li {
	position: relative;
	float: left;
	padding: 20px;
	line-height: 1.25em;
	font-size: 15px;
}

#nav ul li a {
	font-size: 13px;
}

/* ------------------- Contact ---------------------- */

#contactbox {
	width:450px;
	background-color:#000;
	border:1px solid #333;
	padding: 0 40px 20px 40px;
	float:left;
	margin: 0 0 35px 90px;
}

#contactbox p {
	margin: 20px;
	line-height: 1.5em;
	font-size: 13px;
}

#contactbox h1 {
	margin: 0 15px 15px;
}

#contactbox h2 {
	font-size: 11px;
	margin: -10px 15px 15px;
}

input, textarea, select {
	margin-left: 150px;
}

label {
	position: absolute;
	width: 140px;
	text-align: right;
}

.salesinquiry label {
	position: absolute;
	width: 190px;
	text-align: left;
}

.small {
	position: relative;
	width: 80px;
	text-align: right;
}

input.submit_btn {
	margin:0 20px 0 0;
}

/*---------------------- Left Panel ----------------------- */

.leftpanel {
	position: relative;
	float: left;
	width: 199px;
	height: auto !important;
	height: auto;
	border-right: solid #C9C772 1px;
	background: #1D273F url(../images/bg_side.jpg) repeat-x;
	padding-bottom: 2000px;
	margin-bottom: -2000px;
}

.special {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	border-bottom: solid #C9C772 1px;
	padding-bottom: 10px;
}

.special ul {
	color: #C9C772;
	margin: 0;
	padding: 0 10px 0 30px;
}

.special ul li {
	margin-bottom: 10px;
}

.news {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	border-bottom: solid #C9C772 1px;
	padding-bottom: 10px;
}

.news h2, .news p {
	margin-left: 15px;
	margin-right: 15px;
}

.news p, .news a, .news a:hover {
	color: #C9C772;
}

.news a:hover {
	text-decoration: none;
	color: #171629;
	background: #C9C772;
}

.video {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	border-bottom: solid #C9C772 1px;
}

.testimonial {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	border-bottom: solid #C9C772 1px;
	padding-bottom: 10px;
	background: #171629;
}

.testimonial p {
	margin-left: 15px;
	margin-right: 15px;
	color: #C9C772;
	line-height: 1.5em;
	font-style: italic;
}

.testimonial strong {
	font-size: 10px;
	font-style: normal;
}

.contact {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding-bottom: 10px;
}

.contact h2, .contact p {
	margin-left: 15px;
	margin-right: 15px;
}

.contact p, .contact a, .contact a:hover {
	color: #C9C772;
}

.contact a:hover {
	text-decoration: none;
	color: #171629;
	background: #C9C772;
}

/* ------------------- Dealer ---------------------- */

.dealerthumb {
	position: relative;
	float: left;
	width: 185px;
	height: 200px;
	border: solid #C9C772 1px;
	margin: 0 0 35px 35px;
}

.dealerthumb a {
	text-decoration: none;
}

.dealerthumb h1 {
	color: #C9C772;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 15px;
	font-weight: normal;
	margin: 10px 10px -5px;
}

.dealerthumb p {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 10px;
}

.dealerthumb img {
	margin: 0;
	border-bottom: solid #C9C772 1px;
}

/* ------------------- Flash ---------------------- */

.homeflash {
	position: relative;
	float: left;
	width: 725px;
	height: 395px;
	border-bottom: solid #C9C772 1px;
	margin: 0;
	padding: 0;
}

.servicesflash {
	position: relative;
	float: right;
	width: 370px;
	height: 288px;
	border-top: solid #C9C772 1px;
	border-bottom: solid #C9C772 1px;
	border-left: solid #C9C772 1px;
	margin: 40px 0 10px 10px;
	padding: 0;
}

/* -------------------NEW MENU---------------------- */

.menuleft {
	position: absolute;
	margin: 74px 0 0 -168px;
	left: 50%;
	top: 0;
	width: 45px;
	height: 25px;
	z-index: 1000;
	background: url(../images/menuleft.png) right bottom no-repeat;
}

.menu {
	position: absolute;        /* establish a menu-relative positioning context */
	margin: 74px 0 0 -128px;
	left: 50%;
	top: 0;
	padding: 0;
	border-top: solid #C9C772 1px;
	height: 25px;                                  /* the menu's overall height */
	width: 590px;         /* we always want our menu to fill the available space */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;         /* this (and also below) sets the menu's font size */
	z-index: 1000;
	background: url(../images/bg_menu.jpg) repeat-x;
}

.menu ul {
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;          /* we don't want to view the list as a list */
}

.menu li {
	float: left;    /* this creates the side-by-side array of top-level buttons */
	position: relative;    /* create local positioning contexts for each button */
	margin: 0;
}

.menu ul li table {
	margin: -1px 0;              /* IE5 needs -1px top and bottom table margins */
	border-collapse: collapse;      /* IE5 needs this for the sub-menus to work */
	font-size: 12px;        /* this sets the base font size for our entire menu */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display: none;                  /* initially hide the entire list hierarchy */
}

.menu ul li a, .menu ul li a:visited {                    /* unselected top-level menu items */
	display: block;
	float: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #C9C772;
	width: auto;
	height: 19px;
	padding: 5px 10px 0px 10px;
	margin: 0;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	border-right: solid #C9C772 1px;
}

.menu ul li:hover a, .menu ul li a:hover {                        /* selected top-level menu items */
	height: 19px;
	color: #171629;
	background: #C9C772;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul, .menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display: block;
	position: absolute;
	margin: 0;
	top: 24px;              /* place us just up underneath the top-level images */
	left: -1px;       /* left-align our drop-down to the previous button border */
	height: auto;      /* the drop-down height will be determiend by line count */
	width: auto;
	color: #fff;                        /* this sets the unselected-text color */
	background-color: #171629;
	border-bottom: solid #C9C772 1px;
	border-right: solid #C9C772 1px;
	border-left: solid #C9C772 1px;
	border-top-style: none;
	z-index: 1000;
}

.menu ul li:hover ul li a, .menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	font-size: 11px;
	text-transform: capitalize;
	border: 0;
	margin: 0;
	padding: 5px 10px;
	height: auto;
	color: #fff;               /* this sets the unselected drop-down text color */
	width: 210px;
	background-color: #171629;
	border-top: 1px #C9C772 solid;
}

.menu ul li:hover ul li:hover a, .menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color: #171629;
	background-color: #C9C772;
}