@charset "utf-8";
/* CSS Document */

/*below is the main bar of the nav. it changes color etc. adding more padding at top increases space from main nav and edge of whole bar.*/
#nav {
	height:61px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position:relative;
	width:858px;
	clear: both;
	}
/*all list items with a parent of nav*/
#nav li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:relative;
	}
/*this changes the background color of the main menu item hover*/
#nav .current a, #nav li:hover > a {
}
/*this changes the text color of the submenu items*/
#nav ul li:hover a, #nav li:hover li a {
background:transparent none repeat scroll 0 0;
border:medium none;
color:#666666;
}
/*below is the subitems' selection hover colors*/
#nav ul a:hover {
background:#f58426 !important;
color:#FFFFFF !important;
}
#nav li:hover > ul {
display:block;
}
/*below is the whole stage area for the subitems*/
#nav ul {
background:#6c6c6c url(img/gradient.png) repeat-x scroll 0 0;
border:1px solid #B4B4B4;
display:none;
left:0;
margin:0;
padding:0;
position:absolute;
top:61px;
width:150px;
}
#nav ul li {
float:none;
margin:0;
padding:0;
}
#nav ul a {
font-weight:normal;
}

#nav:after {
clear:both;
content:".";
display:block;
height:0;
line-height:0;
visibility:hidden;
}
#nav {
display:inline-block;
}
html[xmlns] #nav {
display:block;
}
* html #nav {
height:1%;
}

#nav li, #nav a{
	display:block;
	}
body {
	behavior: url(csshover.htc);
}

#nav a{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}

li ul {
	display: none;
	position:absolute;
	width:135px;
	top: 18px;
	left: 0;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin-left:-1px;
	opacity:0.9;
	filter:alpha(opacity=90);
	zoom: 1;
}
li#logo {
	height:61px;
	left:0px;
	width:410px;
	background: url(../images/sprite.png);
	background-position: 0px 0px;
	position:absolute;
	border:0;
	display:block;
}
li#logo a{
	height:61px;
	}
li#about{
	height:61px;
	left:410px;
	width:85px;
	background:url(../images/sprite.png) -410px 0;
	position:absolute;
	border:0;
	display:block;
	}
li#about a{
	height:61px
	}
#about:hover > a {
	background:url(../images/sprite.png) -410px -61px;
}
li#about.current_nav{
	background: url(../images/sprite.png) -410px -122px;
	}
li#history{
	height:61px;
	left:495px;
	width:94px;
	background:url(../images/sprite.png) -495px 0;
	position:absolute;
	border:0;
	}
li#history a{
	height:61px
	}
#history:hover > a {
	background:url(../images/sprite.png) -495px -61px;
}
li#history.current_nav{
	background: url(../images/sprite.png) -495px -122px;
	}
li#brands{
	height:61px;
	left:589px;
	width:88px;
	background:url(../images/sprite.png) -589px 0;
	position:absolute;
	border:0;
	}
#brands:hover > a {
	background:url(../images/sprite.png) -589px -61px;
}
li#brands a{
	height:61px
	}
li#brands.current_nav{
	background: url(../images/sprite.png) -589px -122px;
	}
li#press{
	height:61px;
	left:677px;
	width:82px;
	background:url(../images/sprite.png) -677px 0;
	position:absolute;
	border:0;
	}
li#press a{
	height:61px
	}
#press:hover > a {
	background:url(../images/sprite.png) -677px -61px;
}
li#press.current_nav{
	background: url(../images/sprite.png) -677px -122px;
	}
li#contact{
	height:61px;
	left:759px;
	width:99px;
	background:url(../images/sprite.png) -759px 0;
	position:absolute;
	border:0;
	}
li#contact a{
	height:61px;
	padding-left:5px;
	}
#contact:hover > a {
	background:url(../images/sprite.png) -759px -61px;
}
li#contact.current_nav{
	background: url(../images/sprite.png) -759px -122px;
	}
li.subitems a{
	padding:5px;
	height:18px !important;
	}
.subitems {
	background-color:#f5f5f5;
	display:block;
	}