@charset "utf-8";
/* CSS new nookie Document */
h1,h2,h3,h4,h5,h6,li,ul,a{font-family: Arial, Helvetica, sans-serif;}
h1{font-size:0.9em;color:#999;padding-left:5px;padding-bottom:2px;border-bottom: 1px solid #F00;}
h2{font-size:0.9em;color:#999;padding-left:5px;padding-bottom:2px;border-bottom: 1px solid #F00;}
h5{font-size:0.8em;color:#fff;padding-left:5px;padding-top:2px;padding-bottom:2px;background-color:#333;}
h6{font-size:0.9em; color:#ff0000;padding-left:15px}
p{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.7em;color:#FFFFFF;padding-left:8px;padding-right:8px;text-align:justify;}
a {text-decoration:none;}
a:link, a:visited{color:#ff0000;}
a:hover{color:#333;}

td{font-family:Arial, Helvetica, sans-serif;font-size:0.8em;color:#FF0000;padding-left:3px;}
body{margin:0;padding:0;background-color:#000000;}
html{margin:0;padding:0;}
hr{background-color:#ccc;
	color:#ccc;
	height: 3px;
}
#wrap{width:960px;margin-left:auto;margin-right:auto;}
#wrapiframe{width:300px;margin-left:auto;margin-right:auto;}
/*revised main nav rules*/
div#nav {
	height: 20px;
	/*width: 960px;	*/
	background-color: #000;
}
div#nav ul {
	margin: 0px;
	padding: 0px;	
	color: #f00;
	line-height: 20px;
	white-space: nowrap;
}
div#nav li {font-size:1em;
	list-style-type: none;
	display: inline;
}
div#nav li a {
	text-decoration: none;
	padding: 4px 9px;
	color: #f00;
	background-color:#ccc;
}
div#nav li a:link {
    color: #f00:
}
div#nav li a:visited {
    color: #f00;
}
div#nav li a:hover {
    
    color: #F00;
    background-color: #000;
}
/*
#nav{}
#nav ul{
	white-space:nowrap;
    height:30px;
	list-style:none;
	padding:0;
	margin:0;
		}
#nav li{float:left;background-color:#ccc;margin-right:3px; font-size:0.9em;font-weight:bold;}
#nav a:link, #nav a:visited {display:block;color:#f00;background-color:transparent;text-decoration:none;padding-left:12px;padding-right:12px;padding-top:3px;padding-bottom:3px;}
#nav a:hover {
	background-color:#000;
	color:#F00;
}
/* below tab changes in line with body id, need to change each page body id*\*/
body#home li.home{	color:#f00;	background-color:#999;}
body#contact li.contact{color:#f00;	background-color:#999;}
body#tech li.tech{color:#f00;	background-color:#999;}
body#products li.tech{color:#f00;	background-color:#999;}
body#dealers li.tech{color:#f00;	background-color:#999;}
body#team li.tech{color:#f00;	background-color:#999;}

body#home li.home a:link,body#home li.home a:visited{color:#f00;background-color:#999;}
body#contact li.contact a:link,body#contact li.contact a:visited{color:#f00;background-color:#999;}
body#tech li.tech a:link,body#tech li.tech a:visited{color:#f00;background-color:#999;}
body#products li.products a:link,body#products li.products a:visited{color:#f00;background-color:#999;}
body#dealers li.dealers a:link,body#dealers li.dealers a:visited{color:#f00;background-color:#999;}
body#team li.team a:link,body#team li.team a:visited{color:#f00;background-color:#999;}

/* ends revised nav*/
#leftcol{float:left;width:620px;}
#rightcol{float:right;width:305px;}
#twincol{float:left;width:635px}
#dleft{float:left;width:305px;border:solid 2px #333;background-color:#666;height:400px;}
#dmiddle{float:left;width:305px;border:solid 2px #333;background-color:#666;height:400px;}
#dright{width:305px;float:right;border:solid 2px #333;background-color:#666;height:400px;}
/*footer*/
<!--#footer hr{color:#F00;width:960px;height:1px;background-color:#F00;}-->
#footer{clear:both;margin-top:10px;}
#footer_nav{ padding-top:1px;padding-bottom:3px;padding-right:8px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;	
	background-color:#333;height:20px;margin-bottom:5px;
}
#footer_soc{height:40px;}
#footer a{text-decoration:none;font-size:0.7em;}
#footer a:link{color:#fff}
#footer a:visited{color:#fff}
#footer a:hover{
	color:#f00;
}
#footer a:active{color:#fff}
.subscribe_nav{float:right;font-family:arial,helvetica,sans-serif;color:#ccc;font-size:0.8em;}
.soc{float:left;padding-left:8px;}
/*end of footer*/

/*start of subnav*/
#subnav ul{list-style:none;
	margin:0;
	padding:0;}
#subnav li{float:left; list-style:none;margin-right:3px;padding-right:12px;padding-left:3px;font-weight:bold;}
#subnav li a:hover{color:#F00;}
/*commented backslash hack hides rule from ie5-mac\*/
#subnav a {float:none;} /*end ie5-mac hack*/
#subnav a{	
	text-decoration:none;
	font-size:0.9em;
	font-style:normal;
}
#subnav a:link{color:#fff;}
#subnav a:hover{color:#F00;}
#subnav a:visited{color:#fff;}

.center{text-align:center;}
.subscribe{font-family: Arial, Helvetica, sans-serif;color:#F00;font-size:0.8em}
.clear{clear:both;}
.clearFix:after { 
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; 
} 
.boldred{font-size:1.4em;color:#FF0000;}
.whitebold {
	font-size: 1.4em;
	color:#fff;
}
.red{color:#FF0000;}

/*start of subnav2*/
#subnav2 ul{list-style:none;
	margin:0;
	padding:0;}
#subnav2 li{float:right; list-style:none;margin-right:3px;padding-right:12px;padding-left:12px;font-weight:bold;}
#subnav2 li a:hover{color:#F00;}
/*commented backslash hack hides rule from ie5-mac\*/
#subnav2 a {float:none;} /*end ie5-mac hack*/
#subnav2 a{	
	text-decoration:none;
	font-size:0.9em;
	font-style:normal;
}
#subnav2 a:link{color:#fff;}
#subnav2 a:hover{color:#F00;}
#subnav2 a:visited{color:#fff;}

.center{text-align:center;}
.subscribe{font-family: Arial, Helvetica, sans-serif;color:#F00;font-size:0.8em}
.clear{clear:both;}
.clearFix:after { 
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; 
} 
.boldred{font-size:1.4em;color:#FF0000;}
.whitebold {
	font-size: 1.4em;
	color:#fff;
}
.red{color:#FF0000;}

/*preload classes*/ 
.svw {width: 50px; height: 20px; display:none; background: #000;} 
.svw ul {position: relative; left: -999em;} 
/*core classes*/ 
.stripViewer {  position: relative; overflow: hidden; autostart: true; border: 0px solid #FF0000;   margin: 0 0 1px 0; } 
.stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer ul li {  float:left; } 
.stripTransmitter { overflow: auto; width: 1%; } 
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } 
.stripTransmitter ul li{ width: 20px; float:left; margin: 0 10px 10px 0; position: relative; top:-50px;} 
.stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #ff0000; color: #fff; text-decoration: none; display: block; } 
.stripTransmitter a:hover, a.current{ background: #fff; color: #ff0000; } 
/*tooltips formatting*/
<!--#tooltip { background: #fff; color: #000; opacity: 0.85; border: 5px solid #dedede; } 
<!--#tooltip h3 {  font: normal 10px Verdana;  margin: 0;  padding: 6px 2px;  border: 0; }

/* start of rules for slide*/
 #slidecontent  {
background-color : #000;
clear : both;
width : 960px;
display : inline;
padding : 0px;/*3*/
float : left;
}
#mask {
width : 960px;/*930*/
height : 330px;
display : block;
margin-bottom : 10px;
overflow : hidden;
position : relative;
}
/*slide control*/
#mask #control {
	left : 23px;
	position : absolute;
	top : 260px;
	z-index : 10;
	width: 513px;
}
#mask #control ul {
list-style : none;
margin : 0;
padding : 0;
display : inline;
}
#mask #control ul li {
margin : 0 10px 0 0;
padding : 0;
float : left;
display : inline;
}
#mask #control ul li a {
display : block;
padding : 3px 7px;
background-color : #ccc;
color : #f00;
font-weight:bold;
}
#mask #control ul li a:link{
background-color : #ccc;
color : #f00;}
#mask #control ul li a:visited {
background-color : #ccc;
color : #f00;}
#mask #control ul li a:hover {
background-color : #000;
text-decoration : none;
color:#f00;
}
#mask #control ul li a:active {
background-color : #ccc;
color : #f00;}
#mask #slider {
display : block;
width : 960px;
height : 330px;
margin-left : 0;
}
#mask .slideimage {
display : block;
width : 960px;/*920*/
height : 330px;
float : left;
}
#mask .slideimage .slideinfo {
display : block;
width : 260px;
height : 231px;
padding : 30px 20px 0 20px;
}
#mask .slideimage .slideinfo a {
color : #fff ;
}
#mask .slideimage .slideinfo h4{
font-size:1.7em;
color:#fff;	
}
#mask  p {
color : #fff;
}
#mask .slideimage .slideinfo ul {
padding : 0;
margin : 0;
list-style : none;
}
#mask .slideimage .slideinfo ul li a {
color : #fff;
}
#slidecontent {
float : left;
width : 600px;
margin-right : 18px;/*18*/
display : inline;
}
#slidecontent  {
float : left;
width : 292px;
display : inline;
} 
.bold {
	font-weight:bold;
	}
/* finish rules for slide*/