nav{position:relative;z-index:100; background:url(../images/bg-nav.jpg) 0 0 repeat-x #242424; padding:0 0 0 22px;}
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu li {float:left; padding:0 27px 0 18px; position:relative; background: url(../images/menu-li.png) 100% 26px no-repeat;}
.sf-menu .last{ background:none;}
	.sf-menu li a {display:inline-block; padding:18px 0 16px 0; position:relative; margin-top:-1px; font:14px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-shadow:1px 0 rgba(255,255,255,0.5);}
		.sf-menu li.sfHover > a, .sf-menu .current a, .sf-menu li a:hover{ background: url(../images/menu-hover.png) -1px 0 no-repeat;}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	z-index:		99;
	width:			119px; 
	display:none;
	background:none;
	border:1px solid #d9d9d9;
}
.sf-menu li li{width:100%; background:none; padding:0;}
	.sf-menu li li a, .sf-menu .current li a{ text-transform:none; margin:0; padding:10px 0 11px 20px; display:block; background: url(../images/menu-ul.jpg) 0 0 repeat-x #d9d9d9; font:14px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2d2d2d;}
		.sf-menu li li.sfHover > a, .sf-menu li li a:hover{ background:url(../images/menu-ul-ul.jpg) 0 0 repeat-x #646464; color:#fff;}
.sf-menu ul ul {
	position:		absolute;
	top:			-999em;
	z-index:		99;
	width:			120px;
	display:none;
	background:none;
	border:1px solid #5b5b5b;
}
	.sf-menu li li li {}
		.sf-menu li li li a , .sf-menu .current li li a{padding:10px 0 11px 20px; background:url(../images/menu-ul-ul.jpg) 0 0 repeat-x #646464; color:#fff;}
			.sf-menu li li li.sfHover > a, .sf-menu li li li a:hover{ background: url(../images/menu-ul.jpg) 0 0 repeat-x #d9d9d9; color:#2d2d2d;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			14px;
	top:			57px; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			120px; /* match ul width */
	top:			0px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			00px;
}