.sf-menu{
	position:relative;
	height:34px;
	width:986px;
	padding:0 0 0 0px;
	margin: 0;
	clear:both;
	font-size:14px;/*

	background:url(../img/bg-1.gif) repeat-x
*/
}

.sf-menu ul{
	position:absolute;
	top:-9999px;
	left:0
}

.sf-menu li:hover{
	visibility:inherit /* fixes IE7 'sticky bug' */
}

.sf-menu li{
	float:left;
	position:static;
	margin:0 1px 0 0;
	list-style:none
}

.sf-menu a{
	display:block;
	position:relative;
	padding:11px 24px 7px 23px;
	text-decoration:none;
	color:#494949
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul{
	left:0;
	top:34px; /* match top ul list item height */
	z-index:99
}

.sf-menu ul a{
	padding:6px 13px 5px 13px;
	text-decoration:none;
	color:#fff
}

/*** arrows **/
.sf-menu a.sf-with-ul{
	padding-right:28px;
	min-width:1px /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator{
	position:absolute;
	display:block;
	right:10px;
	top:16px;
	width:9px;
	height:5px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/arrow-down.gif)
}

/* apply hovers to modern browsers */
.current a.sf-with-ul .sf-sub-indicator, a:focus .sf-sub-indicator, a:hover .sf-sub-indicator, a:active .sf-sub-indicator, li:hover a .sf-sub-indicator, li.sfHover a .sf-sub-indicator{
	background-position:0 -35px /* arrow hovers for modern browsers*/
}

.sf-menu li ul{
	width:864px; /*IE6 soils itself without this*/
	font-size:11px
}

.sf-menu li li{
	position:relative
}

.sf-menu ul li{
	width:auto;
	float:left
}

.sf-menu li.current a,
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu li li.current,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{
	color:#fff;
	background:url(../img/bg-2.gif) repeat-x
}

.sf-menu ul li.current a{
	background:transparent
}

.sf-menu li.sfHover a{
	color:#fff
}

.current-link,
.sf-menu ul li:hover,
.sf-menu ul li.sfHover,
ul.sf-menu ul li:hover li,
ul.sf-menu ul li.sfHover li,
.sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active{
	text-decoration:underline;
	background:transparent
}