/*** ESSENTIAL STYLES ***/
.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%;
}

/*** CUSTOM ***/
.sf-menu 
{
				font: 700 18px/24px 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
				color: #9faaaa;
				position: relative;
				top: 12px;
				left: 0;
				float: right;
}
.sf-menu ul 
{
				background-color: rgba(0,0,0,.9);
				background-color: rgba(0,0,0);
				box-shadow: 2px 2px 6px rgba(0,0,0,.2);
				min-width: 12em; /* allow long menu items to determine submenu width */
				*width: 12em; /* no auto sub width for IE7, see white-space comment below */
				margin-left: -1em;
				padding: .5em 1em;
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;
}
.sf-menu ul ul
{
				margin-left: 0;
				padding: .25em 0;
}
.sf-menu a 
{
				color: #fff;
				zoom: 1; /* IE7 */
}
.sf-menu a:hover,
.sf-menu a:active
{
				color: #9faaaa;
}
.sf-menu li 
{
				position: relative;
				padding: 3px 0;
				margin-left: 18px;
				white-space: nowrap; /* no need for Supersubs plugin */
				*white-space: normal; /* ...unless you support IE7 (let it wrap) */
				-webkit-transition: background .2s;
				transition: background .2s;
}
.sf-menu ul li 
{
				margin: 0;
}

.sf-menu ul li li
{
				margin-left: 18px;
}

.sf-menu li:hover,
.sf-menu li.sfHover 
{
				/* only transition out, not in */
				-webkit-transition: none;
				transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 0;
	*padding-right: 0; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	/*top: 50%;
	right: 0;*/
	top: 30px;
	right: 44%;
	margin-top: 0;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 4px solid transparent;
	border-top-color: #ebebeb; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.9);
}
.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; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.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;
}
.sf-arrows ul .sf-with-ul {
}