@charset "utf-8";
/************************************/
/**************MAIN NAV**************/
/************************************/
#nav-products, #nav-services, #nav-about, #nav-contact, #nav-dealers, #nav-brochure, #nav-pricing, #nav-resources {
	background: url('../images/nav.gif') no-repeat;
	float:left;
}
#nav-products span, #nav-services span, #nav-about span, #nav-contact span, #nav-dealers span, #nav-brochure span, #nav-pricing span, #nav-resources span {
	display:none;	
}
#nav-products {
	/*left: 0px;*/
	width: 84px;
	background-position: 0px 0px;
}
#nav-services {
	/*left: 84px;*/
	width: 84px;
	background-position: -84px 0px;
}
#nav-about {
	/*left: 176px;*/
	width: 92px;
	background-position: -169px 0px;
}
#nav-contact {
	/*left: 264px;*/
	width: 88px;
	background-position: -260px 0px;
}
#nav-dealers {
	/*left: 346px;*/
	width: 82px;
	background-position: -350px 0px;
}
#nav-brochure {
	/*left: 444px;*/
	width: 98px;
	background-position: -432px 0px;
}

#nav-pricing {
	/*left: 444px;*/
	width: 83px;
	background-position: -530px 0px;
}

#nav-resources {
	/*left: 543px;*/
	width: 99px;
	background-position: -615px 0px;
}



/************************************/
/*************DROP DOWNS*************/
/************************************/

/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	float:left;
	/*margin: 0 2px 0 0;*/
}
.menulist a
{
	height:15px;
}


/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul
{
	display:none;
	position: absolute;
	top: 30px;
	left: -5px;
	width: 200px;
	padding-top:4px;
	padding-bottom:6px;
	background-color: #8388a6;
    list-style:none;
	list-style-image:none;
	border:1px solid #464a64;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul
{
	top: 5px;
	left: 194px;
	background-color: #8388a6;
    list-style:none;
	list-style-image:none;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li
{
	float: left;
	display: block;
	position: relative;
	height:30px;
}


/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li
{
	float: none;
	margin: 0;
	margin-bottom: 0px;
	text-align: left;
}

.menulist ul>li:last-child
{
	margin-bottom: -1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a, .menulist a:visited, .menulist a:active
{
	font: 12px Tahoma, sans-serif;
	line-height: 16px;
	display: block;
	color: #edf1c6;
	text-decoration: none;
	padding: 7px 26px;
	text-align: left;
}
.menulist ul li a, .menulist ul li a:visited, .menulist ul li a:active
{
	padding: 7px 10px 8px 15px;
	text-decoration:none;	
	background-image:none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.dropMenuItem a:hover, .dropMenuItem a.highlighted:hover, .menulist a:focus
{
	color: #edf1c6;
	background-color: #464a64;
	text-decoration: none;
}