nav{ position:relative; margin: 0px 0 0 0;z-index:9;}
nav:before, nav:after{display:block;position:absolute;top:0;height:90px;content:"";}
nav:before{left:-55px;background: url('../images/nav_bef.png') no-repeat;width:75px;}
nav:after{right:-50px;background: url('../images/nav_aft.png') no-repeat;width:70px;}
.sf-menu{background: url('../images/nav.jpg') 50% 0 repeat-y;min-height:70px;position:relative;z-index:1;padding: 0 0 0 51px;}
.sf-menu ul {position:absolute;top:-999px; display:none;/* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%}
.sf-menu li {float:left;position:relative}

.sf-menu>li>a{display:block;position:relative; background: url('../images/hover.jpg') 0 -200px repeat-x;padding: 23px 22px 24px;}
.sf-menu a{text-shadow: 0 0 2px #000; font-size: 18px; line-height: 22px; color:#fff; text-transform:uppercase;}
.sf-menu a:hover{text-shadow: 0 0 2px #9db86f;}
.sf-menu>li>a:hover,.sf-menu>li.current>a,.sf-menu>li.sfHover>a{background-position:0 0;color:#fff;text-shadow: 0 0 2px #9db86f;}


.sf-menu>li{}
.sf-menu>li.separate{margin-right:253px;}

/*================================>> 2 Level <<========================================*/
.sf-menu li ul,.sf-menu li.sfHover ul{left:0;top:69px;width: 142px;padding:23px 0 19px 0; z-index:999; background: url('../images/hover.jpg') repeat;}
.sf-menu li ul li{padding: 3px 0 5px 20px;}
.sf-menu li ul li a{font-size:14px;text-shadow:none;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover>a{color:#c5f17f;text-shadow:none;}

/*================================>> 3 Level <<========================================*/
.sf-menu li li ul{left:142px !important;top:-23px !important;}