#nav, #nav ul{
	margin:0 auto;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:45px;
	color: #f7eee0!important;
	padding-top: 7px;
	width: 520px;
}

#nav a{
	display:block;
	padding:0px!important;
	text-decoration:none;
	border-style: none;
}

#nav a:hover{
	color:#c4b7a4;
	
}
/*This will align our list elements horizontally.*/
#nav li{
	float:left;
	background: url(../Assets/Images/stardark.gif) no-repeat right center;
	margin-right: 10px;
	padding-right: 20px;
}
#nav li a{
	color: #43332F;
	font-size: 20px;
	font-variant: normal;
	text-transform: uppercase;
}

/*This will position the nested Lists right beyond the main menu and give them a width of 12em. The width attribute is needed so that the list items within display vertically again. The Top attribute should have the same value as the line-height attribute we defined for #nav.*/
#nav ul {
	position:absolute;
	display:none;
	width:12em;
	top:60px;
}
/*This will set the width of the hyper links to 12 em (which in combination with the width of the UL set above results in a horizontally displayed sub menu, despite of the ongoing float:left) width of rollover submenu*/
#nav li ul a{
width:12em;
height:auto;
float:left;
}
/*#nav ul ul and #nav li ul ul define where we display the sub menus.

The hover states define which items we want to show when hovering over an item (only the next sub level, not all of them)*/
#nav ul ul{
top:auto;
}	

#nav li ul ul {
	left:12em;
	margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
#nav   li  ul  li  a  {
	text-align: left;
	width: 209px;
	margin: 0px 0px 0px 0px;
}
#nav   li  ul  li  a:hover  {
	background: url(../Assets/Images/menurollover.jpg) repeat-x left top;
}
#nav   li  ul  li  {
	height: 45px;
}
a.navhome {
	
	
	
}
a.navhome:hover {
	
}
a.navsaddles {
	
	
	
}
a.navsaddles:hover {
	
}
a.navshop {
	
	
}
a.navshop:hover {
}


a.navwhere {
		
}
a.navwhere:hover {


}	
li.navshop {
	background: url(../Assets/Images/menu_shop.png) no-repeat!important;
	margin: 0px;
	padding: 0px;
	height: 75px;
	width: 94px;	
}

a.navequip, a.navcloth, a.navride, a.navleis, a.navmisc, a.navdisc {
	margin: 0px;
	padding: 0px;
	height: 44px;
	width: 209px;
	text-indent: -9999px;
}
a.navequip {
	background: url(../Assets/Images/menuhe.png) no-repeat!important;
}
a.navcloth {
	background: url(../Assets/Images/menuhc.png) no-repeat!important;
	
}
a.navride {
	background: url(../Assets/Images/menurw.png) no-repeat!important;
}
a.navleis {
	background: url(../Assets/Images/menulw.png) no-repeat!important;

}
a.navmisc {
	background: url(../Assets/Images/menum.png) no-repeat!important;
	
}
a.navdisc {
	background: url(../Assets/Images/menudl.png) no-repeat!important;
}
a.navwelcome {
	background: url(../Assets/Images/welcome.png) no-repeat!important;
	margin: 0px;
	padding: 0px;
	height: 78px;
	width: 129px;
	text-indent: -9999px;
}
li.navsaddles {
	background: url(../Assets/Images/saddles.png) no-repeat!important;
	margin: 0px;
	padding: 0px;
	height: 78px;
	width: 118px;
	
}

a.navfitting {
	background: url(../Assets/Images/fitting.png) no-repeat!important;
	margin: 0px;
	padding: 0px;
	height: 78px;
	width: 178px;
	text-indent: -9999px;
}
a.navmending {
	background: url(../Assets/Images/mending.png) no-repeat!important;
	margin: 0px;
	padding: 0px;
	height: 78px;
	width: 195px;
	text-indent: -9999px;

}

a.naveng, a.navarg, a.navsyn, a.navjump, a.navdress, a.navsec, a.navbrid {
	margin: 0px;
	padding: 0px;
	height: 44px;
	width: 225px!important;
	text-indent: -9999px;
	}
	
a.naveng {
	background: url(../Assets/Images/menuel.gif) no-repeat!important;
	
	
	}
a.navarg {
	background: url(../Assets/Images/menual.gif) no-repeat!important;
	}
a.navsyn {
	background: url(../Assets/Images/menusy.gif) no-repeat!important;
	}
a.navjump {
	background: url(../Assets/Images/menujp.gif) no-repeat!important;
	}
a.navdress {
	background: url(../Assets/Images/menudr.gif) no-repeat!important;
	}
a.navsec {
	background: url(../Assets/Images/menush.gif) no-repeat!important;
	}
a.navbrid {
	background: url(../Assets/Images/menubr.gif) no-repeat!important;
	}
a.navsaddlery {
	background: url(../Assets/Images/menusaddlery.png) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 78px;
	width: 129px;
	text-indent: -9999px;	
}