nav {width:940px; margin:0 auto; position:relative;}
.sf-menu {position:absolute; top:0; left:7px; z-index:3;}
.sf-menu li {
	float:left;
	width:106px;
	text-align:center;
	font-size:12px;
	line-height:18px;
	text-transform:uppercase;
	font-weight:600; 
	margin:0 29px 0 0;
	position:relative;
	font-family: , sans-serif;
}
.sf-menu li.last-item {margin:0;}
.sf-menu li a {
	display:block;
	color:#FFFFFF;
	padding:10px 0 27px;
	text-decoration:none; 
	background:url(../images/menu-active.png) 0 80px repeat-x;
}
.sf-menu li a:hover, .sf-menu li.sfHover a, .sf-menu li a.current {color:RED; background-position:0 0;}

/***********************submenu***********************/
.sf-menu ul {
	display:none;
	position:absolute;
	width:153px; /* left offset of submenus need to match (see below) */
	padding:0;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:80px; z-index:99;}
.sf-menu ul li {width:100%; font-size:10px; margin:0 0 1px 0; text-align:left; position:relative;}
.sf-menu li:hover li a, .sf-menu li.sfHover li a {
	display:inline-block;
	color:#9c9c9c;
	padding:10px 30px 11px;
	background:url(../images/submenu-bg.png) 0 0 repeat;
}
.sf-menu li li a:hover, .sf-menu li li.sfHover a {color:#fff;}

/***********************submenu2***********************/
.sf-menu ul ul {
	width:153px; /* left offset of submenus need to match (see below) */
	padding:0;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:154px; top:0;}
.sf-menu li li.sfHover li a {
	display:inline-block;
	color:#ebebeb;
	background:url(../images/submenu2-bg.png) 0 0 repeat;
}
.sf-menu li li.sfHover li a:hover {color:#000;}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0;}