nav{ position:relative; margin: 0px 10px 0;}
.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; font-size: 14px; line-height: 22px; color:#fff; text-shadow: 2px 2px 1px #2f659b; text-align:center;padding: 17px 0 20px;background: url('../images/nav_act.png') 0 -150px repeat-x;}
.sf-menu>li>a:hover,.sf-menu>li.current>a,.sf-menu>li.sfHover>a{background-position:0 0;}

.sf-menu>li{width:130px;background: url('../images/nav_li.png') 0 0 no-repeat;}
.sf-menu a{font-family:Arial, Arial, Helvetica, sans-serif;}
.sf-menu>li.f_item{background:none;}
.sf-menu>li>span{display: block; position: absolute; top:29px; right:48px; width:8px;height:6px;background: url('../images/cursor.png') no-repeat;}
/*================================>> 2 Level <<========================================*/
.sf-menu>li>ul,.sf-menu>li.sfHover>ul{left:1px;top:59px;width: 187px;padding:7px 0px 8px 0px; z-index:99; background: url('../images/sub_ul1.jpg') repeat-x #4288ba;box-shadow: 0 2px 5px rgba(0,0,0,0.12);}
.sf-menu li ul li{text-align:center;background: url('../images/sub_li.jpg') 50% bottom no-repeat;padding: 12px 0 12px;}
.sf-menu li ul li a{font-size: 12px; line-height: 18px; color: #fff;text-transform:uppercase;}
.sf-menu li a span{display:block;font-size:11px;line-height:14px;color:#1e505e;text-transform:none;margin-top:-2px;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover>a{color:#000;}

/*================================>> 3 Level <<========================================*/
.sf-menu li li ul{left:188px;top:-1px;width: 231px;background: url('../images/sub_ul2.jpg') 50% 0 repeat-x #949494;padding:0px 0 0;z-index:99}
.sf-menu li li li{background: url('../images/sub_li2.jpg') 50% bottom no-repeat;}
.sf-menu li li li a span{color:#474747 !important;}
.sf-menu li li li a:hover{}