nav {
  position: relative;
  margin: 0px 0 0 0;
  float: right;
}

.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: 16px;
  line-height: 23px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  padding: 35px 20px 40px 20px;
  letter-spacing: -1px;
  background: url('../images/nav_li.jpg') 0 -100px repeat-x;
}

.sf-menu>li>a:hover,
.sf-menu>li.current>a,
.sf-menu>li.sfHover>a {
  color: #ff4404;
  background-size: 100% 100px;
  background-position: 0 0;
}

.sf-menu>li {
  background: url('../images/nav_li1.jpg') no-repeat;
  background-size: 2px 100px;
  padding-left: 2px;
}

.sf-menu a {
  color: #a4a5a5;
}

/*================================>> 2 Level <<========================================*/
.sf-menu li ul,
.sf-menu li.sfHover ul {
  left: 0;
  top: 76px;
  width: 200px;
  padding: 1px 0 0 0;
  z-index: 99;
  background: #3c3c3c;
}

.sf-menu li ul li {
  border-bottom: 1px solid #505050;
  background: url('../images/nav_marker.png') 22px 12px no-repeat;
}

.sf-menu li ul li:hover {
  background-position: -20px 12px;
}

.sf-menu li ul li a {
  padding: 5px 0 8px 36px;
  display: block;
}

.sf-menu li li a:hover,
.sf-menu li.sfHover li.sfHover>a {
  color: #fff;
}

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