nav{ position:relative; margin: 0px 10px 0;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;}
.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: 15px; line-height: 19px; color:#000;text-transform:uppercase;text-align:center;width:156px;padding: 32px 0;position: relative;}
.sf-menu>li>a:hover,.sf-menu>li.current>a,.sf-menu>li.sfHover>a{color:#fff;}

.sf-menu>li>a>strong{display:block;width:0;height:0;position: absolute;background:#07adc4;z-index:1;}
.sf-menu>li>a>strong.bg1{left:0;top:0;}
.sf-menu>li>a>strong.bg2{right:0;bottom:0;}
.sf-menu>li>a>span{display:block;position: relative; z-index:10;}
.sf-menu>li>a:hover>strong,.sf-menu>li.current>a>strong,.sf-menu>li.sfHover>a>strong{width:100%;height:100%;}

.sf-menu>li{background: url('../images/nav_li.jpg') 0 30px no-repeat;}
.sf-menu>li:first-child{background:none;}
.sf-menu a{}

/*================================>> 2 Level <<========================================*/
.sf-menu li ul,.sf-menu li.sfHover ul{left:0;top:80px;width: 156px;padding:5px 0 5px 0; background:#07adc4; z-index:99}
.sf-menu li ul li{text-align:center;margin-bottom:5px;}
.sf-menu li ul li a{color:#fff;text-transform:uppercase;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover>a{color:#000;}

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