/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height:	1.0; }
.sf-menu ul { position: absolute; top: -999em; width: 225px; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }

.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: -15px; top: 39px; /* 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: 10em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }


/*** DEMO SKIN ***/
.sf-menu { height: 39px; float: left; }
.sf-menu a, .sf-menu a:visited, .sf-menu a:active, .sf-menu a:focus, .sf-menu a:hover { color: #31315f;  text-decoration: none; }
.sf-menu li li a, .sf-menu li li a:visited, .sf-menu li li a:active, .sf-menu li li a:focus, .sf-menu li li a:hover { color: #31315f;  text-decoration: none; padding: 10px; }
.sf-menu li li { background: #f1f2f3; }


.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #cccccc; }


/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url("../images/shadow.png") no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}