#nav {
	position: relative;
	height: 30px;
	border-bottom-width: 30px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	background-color: #000000;
}

#nav a {
text-decoration: none;
display: block;
}

#nav span {
display: none;
}

#nav li { /*float the main list items*/
float: left;
display: block;
}

#lihome a, #limodels a, #linewfaces a, #libeboho a, #lishop a, #licontact a {
display: block;
position: relative;
height: 30px;
margin:0 0 0 15px;
background: url(images/nav.gif);
}

#lihome a	{ width:41px; background-position: 0 0; margin-left:75px;}
#limodels a	{ width:58px; background-position: -41px 0;}
#linewfaces a	{ width:78px; background-position: -99px 0;}
#libeboho a	{ width:62px; background-position: -177px 0;}
#lishop a	{ width:86px; background-position: -239px 0;}
#licontact a	{ width:66px; background-position: -323px 0;}

#lihome a:hover, #lihome:hover a, #lihome.over a, #nav #lihome.on a			{ background-position: 0 -30px;}
#limodels a:hover, #limodels:hover a, #limodels.over a, #nav #limodels.on a		{ background-position: -41px -30px;}
#linewfaces a:hover, #linewfaces:hover a, #linewfaces.over a, #nav #linewfaces.on a	{ background-position: -99px -30px;}
#libeboho a:hover, #libeboho:hover a, #lieboho.over a, #nav #libeboho.on a		{ background-position: -177px -30px;}
#lishop a:hover, #lishop:hover a, #lishop.over a, #nav #lishop.on a			{ background-position: -239px -30px;}
#licontact a:hover, #licontact:hover a, #licontact.over a, #nav #licontact.on a		{ background-position: -323px -30px;}




/* LOWER NAV */


#nav li ul {
	display: none;
height:30px;
}
#nav li ul a{
	background:none;
}


#nav li.on ul {
display: block;
}

#nav li.off ul, #nav li.on ul  {
position: absolute;
top: 30px;
left:0;
background: #990000;

}

#nav li.on a ul {
background: #990000;
}





#nav li.off:hover ul, #nav li.over ul {
  /*  display the other topics when
      their parent is hovered */
  display: block;
  z-index: 6000;
}







#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
background: #990000;
}

#nav li.on ul a, #nav li.off ul a {
border: 0;
/*float: left; ie doesn't inherit the float*/
width: auto;
margin:0 10px 0 0;
display:inline;
margin:0 5px;
}


#nav li.on:hover ul, #nav li.over ul {
/*for ie*/
background: #990000;
}
#nav li ul a{color:#C2A82F; font-family:helvetica;font-size:10px;line-height:30px;}
#nav li ul a:hover{color:#fff;}


#nav li ul li	{ width:540px; text-align:center;}
#nav li ul li a.on{color:white;}

#nav li ul a.niu{color:#b44f30;}

