/* CSS Document */

#nav { z-index:10000; margin:20px 0 0 0; height:60px;}
#nav ul {
	list-style-image:none;
	list-style:none;
	z-index:100000;
}
#nav li {
	position:relative;
	top:0;
	left:0;
	float:left;
}
#nav ul, #nav li {
	margin:0;
	padding:0;
	border:0;
}
/*list layout*/
#nav li {
	width:100px;
	margin:0 8px 0 0;
	height:20px;
}
#nav li ul {
	border:3px solid #e5d5e7;
	position:relative;
	top:0px;
	overflow:hidden;
	z-index:1000;
}
#nav li li {
	line-height:24px;
	border-top:1px solid #dbe2e7;
	margin:0;
	width:235px;
	height:30px;
	*height:20px;
}
/* links*/
#nav li a {
	text-decoration:none;
	color:#fff;
	display:block;
	height:39px;
	background:#fff;
	text-indent:-10000000px;
	overflow:hidden;
	
}/*style for all links*/
#nav li.current li a, #nav li li a {
	background:#fff;
	color:#939393;
	font-weight:normal;
	position:inherit;
	top:0;
	left:0;
	text-indent:0;
	font-size:1.2em;
}
#nav li li {
	width:235px;
	height:30px;
}
#nav li li a {
	padding: 5px 0 5px 0;
	padding:5px;
	line-height:18px;
	display:block;
	height:20px;/*ie 7 needs a height*/
}
/*second level and below*/
#nav li.current li a:hover, #nav li.current li.current a, #nav li.current li.current a:hover {
	background:#e7d7e8;
	color:#fff;
}/* hover state for sub items*/
/* just for major menu item */
#nav li a {
	background:url(../images/nav_tabs.gif) no-repeat 0 0;
}
#nav li a#n-face {
	background-position:0 0;
}
#nav li a:hover#n-face, #nav li a.current#n-face {
	background-position: 0px -40px;
}
#nav li a#n-body {
	background-position: -100px 0px;
}
#nav li a:hover#n-body, #nav li a.current#n-body {
	background-position: -100px -40px;
}
#nav li a#n-hair {
	background-position: -200px 0px;
}
#nav li a:hover#n-hair, #nav li a.current#n-hair {
	background-position: -200px -40px;
}
#nav li a#n-skin {
	background-position: -300px 0px;
}
#nav li a:hover#n-skin, #nav li a.current#n-skin {
	background-position: -300px -40px;
}
#nav li a#n-about {
	background-position:-400px 0px;
}
#nav li a:hover#n-about, #nav li a.current#n-about {
	background-position:-400px -40px;
}
#nav li a#n-products {
	background-position: -500px 0px;
}
#nav li a:hover#n-products, #nav li a.current#n-products {
	background-position: -500px -40px;
}
#nav li a#n-contact {
	background-position:-600px 0px;
}
#nav li a:hover#n-contact, #nav li a.current#n-contact {
	background-position:-600px -40px;
}
/* hide or not*/
#nav li.current ul {
	visibility:visible;
}
#nav li ul {z-index:1000; position:absolute; top:37px; left:0; width:235px; visibility:hidden;}/* this sets the position of the sub menu */