#navigation
{
	font-family:serif;
	line-height:1px;
	position:absolute;
	top:-5px;
	left:10px;
}

#navigation,
#navigation ul
{
	list-style:none;
	padding:0;
	margin:0;
	line-height:31px;
}

#navigation a
{
	display:block;
	text-decoration:none;
	color:#12030a;
	font-size:17px;
	text-transform:lowercase;
	font-family:"Candara", Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0 25px;
}

#navigation li
{
	float:left;
}
* html #navigation li
{/*otherwise hovers don't work right in ie6*/
	background:url(http://www.abetteryouspasalon.net/transparent.gif) repeat;
}

#navigation ul
{
	left:-500em;
	position:absolute;
	overflow:visible;
	line-height:auto;
}
* html #navigation ul
{
	width:150px;
}
#element395
{ z-index:50 !important; }
#navigation li:hover ul,
#navigation .hovered ul
{
	left:auto;
}

#navigation ul li
{
	clear:both;
	position:relative;
	line-height:1em;
	width:100%;
	min-width:140px;
}

#navigation ul a
{
	width:100%;
	padding:0;
	text-align:left;
	padding:2px 8px;
	text-transform:none;
	font-size:15px;
	border-top:1px dotted #262118;
	white-space:nowrap;
}

#navigation .hovered li a,
#navigation li li a,
#navigation li:hover li a,
#navigation ul
{
	background:#91816A;/*675c46;/*4f4328;*/
	color:#12030a;
}

#navigation li a:hover,
#navigation .hovered a,
#navigation .hovered li a:hover,
#navigation li:hover a,
#navigation li:hover li a:hover
{
	background:#12030a;
	color:#b1ae9d;
}




* html .scrolling_div
{/*help IE figure out what's active for scrolling*/
	background:url(http://www.abetteryouspasalon.net/transparent.gif) repeat;
}