/*** ESSENTIAL STYLES ***/
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			117px; /* left offset of submenus need to match (see below) */
	padding-bottom:9px;
	overflow:hidden;
	behavior: url(js/PIE.htc);
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	position:relative;
}
.sf-menu a {
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			39px; /* match top ul list item height */
	z-index:		999;
	background:url(../images/menu-hover.png) 0 100% repeat-x;
	border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px;
	box-shadow:3px 3px 3px #555;
	-moz-box-shadow:3px 3px 3px #555;
	-webkit-box-shadow:3px 3px 3px #555;
}

/*** DEMO SKIN ***/

.sf-menu li.sfHover {
	background: url(../images/menu-hover.png) 0 0 repeat;
	border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
	behavior: url(js/PIE.htc);
	width:117px;
	margin-left:-8px;
	margin-right:8px;
}
.sf-menu li.sfHover ul li { margin:0; border-bottom:1px solid #c3c3c3;}
.sf-menu li.sfHover ul li.last-item { border:none;}
.sf-menu li.sfHover a, .sf-menu li.sfHover a:hover {color:#1e2225; background:url(../images/marker-1.gif) 90% 50% no-repeat; width:117px; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
.sf-menu li.sfHover li a { color:#3e3e3e; font-size:12px; font-weight:bold; background:none; padding:2px 0 3px;}
.sf-menu li.sfHover li a:hover { color:#eef950; background:url(../images/header-bg.png) 0 0 repeat;}