body {margin: 0px; font-family: Arial, Helvetica; font-size: 12px; color: #eee; font-weight: normal; overflow:auto; overflow-x:hidden; height: 100%;}

.body { font-family: Arial, Helvetica; font-size: 12px; color: #eee; font-weight: normal }

.vidcap { font-family: Arial, Helvetica; font-size: 11px; color: #333333; font-weight: normal }

b { color: #225522; }

h1 { letter-spacing: .05cm; font-family: Arial, Helvetica, Sans Serif; font-size: 16px; color: #fff; }

#background {width: 100%;
					top: 120px !important;
					text-align: center;
                    left: 0px;
                    top: 0px;
                    position: absolute;
                    z-index: 0;}
#headerContent {z-index: 1;
                     position: relative;}
                     
#headerElements {z-index: 2;
					top: -120px;
					 width: 980px;
					 text-align: left;
                     position: relative;
}
                    
#pageContent {		 z-index: 3;
                     position: relative;
                     padding-bottom: 30px;
					 top: 180px;
					 width: 980px;
					 height: auto !important;

					 text-align: left;
                     background-color: #1c1d1c;
 }
                     
#nav {
	
position: absolute;
background: url(/images/nav/nav-bg.gif) repeat-x;
top: 128px;
height: 52px;
width: 980px;
	
}
                     
.form_input {
    margin-top: 1px;
    margin-bottom: 3px;
	padding: 1px 1px;
	color: #cc0000;
	background-color: #fff;
	border: #cc0000 0px solid;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 18px;
}

.form_text {
    margin-top: 3px;
	padding: 1px 1px;
	color: #cc0000;
	background-color: #fff;
	border: #333333 0px solid;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.form_button {
    margin-top: 3px;
	padding: 1px 1px;
	color: #fff;
	background-color: #660000;
	border: #fff 1px solid;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: strong;
	letter-spacing: 1px;
}

A.header_link:link, A.header_link:visited { text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #ffffff } 
A.header_link:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #ffffcc}

A.vendor_link:link, A.vendor_link:visited { text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #fff; letter-spacing: 1px; } 
A.vendor_link:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #ffffcc; letter-spacing: 1px;}

A:link, A:visited { letter-spacing: .02cm; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; font-weight: normal; color: #fff; } 
A:hover { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; color: #ffffcc;}




/* navigation */

#main_nav {
	position: relative;
	float: right;
	width: 507px;
	height: 34px;
	background: url(/images/nav/nav-bg-off-2.jpg) no-repeat;
}

#main_nav a {
	display: block;
	position: absolute;
	top: 0px;
	height: 34px;
	text-indent: -4000px;
	outline: none;
}

#main_nav a#about { left: 0px; width: 93px; }
#main_nav a#vendors { left: 93px; width: 93px; }
#main_nav a#news { left: 186px; width: 93px; }
#main_nav a#dealer { left: 279px; width: 135px; }
#main_nav a#contact { left: 414px; width: 93px; }

/* End navigation */



.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 770px; /*Width of Carousel Viewer itself*/
height: 130px; /*Height should enough to fit largest content's height*/
margin: 0px 100px 10px 90px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 10px ; /*margin around each panel*/
width:180px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#151615;
height:110px;
border: solid 1px #444;
}
.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px ; /*margin around each panel*/

}

.stepcarousel .panel h2{
text-align: left; /*leave this value alone*/
height:36px;
overflow: 0px; /*clip content that go outside dimensions of holding panel DIV*/
margin: 4px 4px ; /*margin around each panel*/
font-size:11px;
font-weight:bold;
text-align:center;
font-family:century gothic,Arial,verdana, sans-serif;
}

.stepcarousel .panel img{
border: 0;
float: left; /*leave this value alone*/
/*background:#fff; clip content that go outside dimensions of holding panel DIV*/
margin: 2px 5px 2px 9px; /*margin around each panel*/
padding:1px 1px;
}