.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu li { position:relative; }
.sf-menu ul { position:absolute; display:none; top:100%; left:0; z-index:99; }
.sf-menu > li { float:left; }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display:block; }
.sf-menu a { display:block; position:relative; }
.sf-menu ul ul { top:0; left:100%; }

/*** DEMO SKIN ***//*
.sf-menu { float:left; height:50px }
.sf-menu ul { box-shadow:2px 2px 6px rgba(0, 0, 0, .2); min-width:12em; *width:12em;}
.sf-menu li a { padding:.75em 1em; text-decoration:none; zoom:1; }
.sf-menu li ul li a { border-top:1px solid #DFEEFF;  border-top:1px solid rgba(255, 255, 255, .5); }
.sf-menu a { color:#1133AA; }
.sf-menu li { white-space:nowrap; *white-space:normal; -webkit-transition:background .2s; transition:background .2s; }
.sf-menu ul li { background:#AABDE6; }
.sf-menu ul ul li { background:#9AAEDB; }
.sf-menu li:hover, .sf-menu li.sfHover { background:#CFDEFF; -webkit-transition:none; transition:none; }
.sf-arrows .sf-with-ul { padding-right:2.5em; *padding-right:1em;}
.sf-arrows .sf-with-ul:after { content:''; position:absolute; top:50%; right:1em; margin-top:-3px; height:0; width:0; border:5px solid transparent; border-top-color:#DFEEFF; border-top-color:rgba(255, 255, 255, 1); }
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color:white;}
.sf-arrows ul .sf-with-ul:after { margin-top:-5px; margin-right:-3px; border-color:transparent; border-left-color:#DFEEFF; border-left-color:rgba(255, 255, 255, 1); }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color:white; }
*/