/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
    font-family: 'Oswald', sans-serif;
    margin: 0 -10px 0 0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			100%; /* left offset of submenus need to match (see below) */
	margin:0;
    padding: 11px 0 10px;
}
.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 > li {
    border-left:    1px solid #ebebeb;
}
.sf-menu > li:first-child {
    border: none;
    margin-left: 26px;
}
.sf-menu > li a,
.sf-menu > li span.separator {
    height: 67px;
    font-size: 18px;
    line-height: 68px;
    text-transform: uppercase;
    color: #222222;
    padding: 0 27px;
    display: block;
}

.sf-menu li li a,
.sf-menu li li span.separator {
    font: 15px/18px 'Oswald', sans-serif;
    color: white;
    padding: 0 13px;
    height: auto;
}
.sf-menu li li.active > a,
.sf-menu li  li.active > span.separator,
.sf-menu li li.sfHover > a,
.sf-menu li  li.sfHover > span.separator,
.sf-menu li  li > a:hover,
.sf-menu li  li > span.separator:hover {
    background: none;
    color: #ff5818;
}

.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	bottom:			68px; /* match top ul list item height */
    top: auto;
	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 */
	bottom:			-10px;
    top: auto;
}
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 */
	bottom:			-10px;
    top: auto;
}
ul.sf-menu ul li {float: none;}