/*navigation*/
#nav{
	margin:0;
	padding:0 6px 0 0;
	list-style:none;
	font-size:12px;
	line-height:23px;
	height:27px;
	background:#000;
	position:absolute;
	right:25px;
	top:70px;
	width:750px;
}
#nav li{
	float:right;
	margin:0 0 0 -2px;
	padding:4px 0 0;
}
#nav li a{
	display:block;
	background:url(/images/bg-nav.gif) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
#nav li a:hover{
	position:relative;
	z-index:100;
}
#nav li a.lounge{
	width:60px;
	background-position:-653px 0;
}
#nav li a.alumni{
	width:87px;
	background-position:-566px 0;
}
#nav li a.salon{
	width:148px;
	background-position:-418px 0;
}
#nav li a.education{
	width:148px;
	background-position:-270px 0;
}
#nav li a.esthetics{
	width:91px;
	background-position:-179px 0;
}
#nav li a.cosmetology{
	width:104px;
	background-position:-75px 0;
}
#nav li a.about{
	width:75px;
	background-position:0 0;
}
#nav li.active a.lounge,
#nav li a.lounge:hover{
	background-position:-653px -23px;
}
#nav li.active a.alumni,
#nav li a.alumni:hover{
	background-position:-566px -23px;
}
#nav li.active a.salon,
#nav li a.salon:hover{
	background-position:-418px -23px;
}
#nav li.active a.education,
#nav li a.education:hover{
	background-position:-270px -23px;
}
#nav li.active a.esthetics,
#nav li a.esthetics:hover{
	background-position:-179px -23px;
}
#nav li.active a.cosmetology,
#nav li a.cosmetology:hover{
	background-position:-75px -23px;
}
#nav li.active a.about,
#nav li a.about:hover{
	background-position:0 -23px;
}
#nav li ul{
	width:750px;
	position:absolute;
	top:27px;
	margin:0;
	padding:0;
	list-style:none;
	display:none;
	background:#afca23 url(/images/bg-subnav-right.gif) no-repeat;
}
#nav li.active ul{
	display:block;
}
#nav li.lounge ul{
	background-position:704px 0;
	right:0;
	padding:0 63px 0 0;
	width:695px;
}
#nav li.alumni ul{
	background-position:627px 0;
	right:0;
	padding:0 134px 0 0;
	width:622px;
}
#nav li.salon ul{
	background-position:516px 0;
	right:0;
	padding:0 254px 0 0;
	width:502px;
}
#nav li.education ul,
#nav li.esthetics ul,
#nav li.cosmetology ul,
#nav li.about ul{
	left:0;
	background:#afca23 url(/images/bg-subnav-left.gif) no-repeat;
}
#nav li.education ul{
	background-position:385px 0;
	width:337px;
	padding:0 0 0 419px;
}
#nav li.esthetics ul{
	background-position:271px 0;
	width:456px;
	padding:0 0 0 300px;
}
#nav li.cosmetology ul{
	background-position:177px 0;
	width:550px;
	padding:0 0 0 206px;
}
#nav li.about ul{
	background-position:86px 0;
	width:638px;
	padding:0 0 0 118px;
}
#nav li ul li{
	margin:0;
	height:20px;
	padding:7px 0 0 0px;
}
#nav li.education ul li,
#nav li.esthetics ul li,
#nav li.cosmetology ul li,
#nav li.about ul li{
	float:left;
	padding:7px 0px 0 0;
}
#nav li ul li a{
background:transparent none repeat scroll 0 0;
color:black;
margin:-3px 0px 0;
padding:0;
text-indent:0;
float:left;
}
