.sf-menu {float:left; padding-bottom:0px; position:relative; }
.sf-menu ul {position:absolute; top:-999px; display:none; }
.sf-menu li {position:relative; float:left;}
.sf-menu a {display:block; }
.sf-menu li:hover ul,.sf-menu li.sfHover ul {z-index:399}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999px; display:none;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%; top:0;}

ul.sf-menu>li { display:inline-block; width:202px; height:88px; text-align:center; margin-left:0px; position:relative; background:url(../images/dot_line.png) 0 0 repeat-y;}
ul.sf-menu>li:first-child {margin-left:0px; background:none;}

ul.sf-menu>li>a { font-family: 'Oswald', sans-serif; font-size:18px; line-height:22px; letter-spacing:0px; color:#4f4f4f; font-weight:bold;  padding:31px 0px 35px 0px; text-transform:uppercase;}



ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover { text-decoration:none;  color:#fff; -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
ul.sf-menu>li.current>a span, ul.sf-menu>li.sfHover>a span, ul.sf-menu>li>a:hover span {}


ul.sf-menu>li>a.sf-with-ul>span.sf-sub-indicator { }
ul.sf-menu>li.sfHover>a.sf-with-ul>span.sf-sub-indicator {}
ul.sf-menu>li.current>a.sf-with-ul>span.sf-sub-indicator {}



ul.sf-menu>li>ul {width:164px; background:url(../images/submenu1_shape.png) 0 0 repeat-x #242424; padding:0px 0px 0px 0px; left:0px; top:88px; z-index:999; position:absolute; padding:19px 19px 17px 19px;}
ul.sf-menu>li>ul>li, ul.sf-menu>li.sfHover>ul>li {width:164px; text-align:left; padding:0px 0 2px 0px;}

ul.sf-menu>li>ul>li:first-child, ul.sf-menu>li.sfHover>ul>li:first-child { }
ul.sf-menu>li.sfHover>ul>li>a { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; line-height:14px; color:#fff; padding:7px 0 7px 25px; display:block; text-transform:uppercase;}
ul.sf-menu>li.sfHover>ul>li:hover, ul.sf-menu li.sfHover>ul>li.sfHover{}
ul.sf-menu>li.sfHover>ul>li:hover>a, ul.sf-menu li.sfHover>ul>li.sfHover a{ color:#fff; text-decoration:none; background:#141414;}

ul.sf-menu>li li>a.sf-with-ul>span.sf-sub-indicator { }
ul.sf-menu>li li.sfHover>a.sf-with-ul>span.sf-sub-indicator {}
ul.sf-menu>li li.current>a.sf-with-ul>span.sf-sub-indicator {}



ul.sf-menu>li.sfHover>ul>li.sfHover>ul { left:123px; top:-19px; width:164px; background:url(../images/submenu2_shape.png) 0 0 repeat-x #242424; padding:19px 19px 17px 19px;z-index:100; }
ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li, ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li { width:164px; text-align:left;  padding:0px 0 2px 0px;}


ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li:first-child, ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li:first-child {  }
ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li>a { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; line-height:14px; color:#fff; padding:7px 0 7px 25px; display:block;  text-transform:uppercase; background:none;}
ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li:hover {  }
ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li>a:hover {color:#fff; text-decoration:none; background:#141414;}