.sf-menu ul {position:absolute; top:-999em; width:100%; float:left;/* left offset of submenus need to match (see below) */}
.sf-menu li {float:left; position:relative;}
.sf-menu a {display:block;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0px; top:49px;/* match top ul list item height */z-index:99}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%;/* match ul width */top:0;}
/*** DEMO SKIN ***/
.sf-menu>li:first-child a {background:url(../images/m-1-border.gif) left 0 repeat-y; }
.sf-menu>li {background:url(../images/m-1-border.gif) right 0 repeat-y; padding-right:2px; height:49px;}

ul.sf-menu>li>a {font-family: 'Oswald', sans-serif; text-transform:uppercase; height:49px; line-height:46px; white-space:nowrap; color:#e0e0e0; text-decoration:none; padding: 0px 0px 0px 19px; background:transparent;}
ul.sf-menu li a span {padding:0px 18px 0 0; display:block; background:transparent;}
ul.sf-menu li a span span { display:block; padding:0px 0px 0 0px; background:transparent;}

ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover {font-family: 'Oswald', sans-serif; height:49px; line-height:46px; white-space:nowrap; color:#d6a26d; text-decoration:none; padding: 0px 0px 0px 19px; background:url(../images/m-1-lr.jpg) left bottom no-repeat;}
ul.sf-menu li.current a span, ul.sf-menu li.sfHover a span, ul.sf-menu li a:hover span  {padding:0px 18px 0 0; background:url(../images/m-1-lr.jpg) right top no-repeat; display:block;}
ul.sf-menu li.current a span span, ul.sf-menu li.sfHover a span span, ul.sf-menu li a:hover span span {background:url(../images/m-1.jpg) left top repeat-x; display:block; padding:0px 0px 3px 0px;}

ul.sf-menu li li a {background:none !important; color:#afa69c !important; font-size:12px; line-height:17px; width:165px; padding:4px 0px 4px 21px; font-family:Arial, Helvetica, sans-serif; display:inline-block;}

ul.sf-menu li.sfHover ul {width:186px; border:#312e2b 1px solid; border-top:none; }
ul.sf-menu li.sfHover ul li { background: url(../images/m-2.gif) 7px 10px no-repeat #3d3935; border-top:#312e2b 1px solid; display:block; float:none;}
ul.sf-menu li.sfHover ul li:hover {background: url(../images/m-2.gif) 7px 10px no-repeat #57514b;}
ul.sf-menu li.sfHover ul li:hover a { color:#fff !important; }