#nav { padding:0 0; z-index:80; }

	#header-nav {
		margin: 0;
		padding: 0;
		height: 30px;
		width: 580px;
	}

	#nav {
		top: 0;
		height: 30px;
		width: 580px;
	}

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


	#nav li ul, #nav li ul li {
		margin: 0;
		padding: 0;
	}

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

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 15px;
		position: relative;
	}
	
	#nav li.over { z-index:99; }
	#nav li.active { z-index:98; }

	#nav #liMen { /*fix padding-right last items*/
		padding-right: 0 ; 
	}



	#nav li ul { /*put the subnav below*/
		position: absolute;
		top: 30px;
		left: -999em;
		padding: 0;
		width: 11em;
		z-index: 999;
	}

	#nav li.on ul {
		background: #f90;
	}

	#nav li a {
		font-weight: bold;
		display: block;
		padding: 0;
		height: 30px;
	}

	#nav li.on a {
		color: #f90;
	}

	#nav li ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		line-height: 1em;
	}

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

	#nav li:hover ul {
		display: block;
		z-index: 6000;
	}



	#nav li ul li a:hover {
	background: #cb8c40;
	}

	#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	left: 0px;
}


	
	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}

	#liFace a, #liBody a, #liHair a, #liBath-Shower a, #liMums-Babes a, #liMen a, #liMake-Up a  {
		display: block;
		position: relative;
		height: 30px;
		background: url(../images/mainnav.gif) no-repeat; /*contains all hover states*/
	}

/*first, put the initial states in place*/

#liFace a {
	background-position: 0 0;
	width: 50px;
}

#liBody a {
	background-position: -64px 0;
	width: 51px;
}

#liHair a {
	background-position: -130px 0;
	width: 43px;
}

#liBath-Shower a {
	background-position: -188px 0;
	width: 122px;
}

#liMums-Babes a {
	background-position: -326px 0;
	width: 123px;
}

#liMake-Up a {
	background-position: -464px 0;
	width: 69px;
}

#liMen a {
	background-position: -548px 0;
	width: 32px;
}



/*hover states*/
#liFace a:hover, #liFace:hover a, #liFace.over a, #liFace a.open {
	background-position: 0 -32px;
}

#liBody a:hover, #liBody:hover a, #liBody.over a, #liBody a.open{
	background-position: -64px -32px;
}

#liHair a:hover, #liHair:hover a, #liHair.over a, #liHair a.open {
	background-position: -130px -32px;
}

#liBath-Shower a:hover, #liBath-Shower:hover a, #liBath-Shower.over a, #liBath-Shower a.open {
	background-position: -188px -32px;
}

#liMums-Babes a:hover, #liMums-Babes:hover a, #liMums-Babes.over a, #liMums-Babes a.open {
	background-position: -326px -32px;
}

#liMake-Up a:hover, #liMake-Up:hover a, #liMake-Up.over a, #liMake-Up a.open {
	background-position: -464px -32px;
}

#liMen a:hover, #liMen:hover a, #liMen.over a, #liMen a.open {
	background-position: -548px -32px;
}

/*subnav formatting*/

#nav li ul a {
	display: block;
	background: #3C230C;
	color: #fff;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 1.1em;
	text-align: left;
	font-weight: normal;
}		

#ulMen li a, #ulFace li a, #ulBody li a, #ulHair li a, #ulBath-Shower li a, #ulMums-Babes li a, #ulMake-Up li a {
	width: 10em;
	height: 1.3em;
	padding: 0.5em 0.5em;
	}

#ulBody li, #ulBody, #ulHair li, #ulBath-Shower li, #ulMums-Babes li, #ulMake-Up li {
	left: -15px;
	}
#ulMen li {
	left: -100px;
	}


#nav li ul li {
	width: 11em;
	display: block;
	float: left;
	overflow: hidden;
	padding-right: 1em;
	background: #3C230C;
	}

li > ul {
top:auto;
}