/*** 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:			10em; /* 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:			0;
	top:			2.5em; /* 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;
}

/*** SHAKA STYLES ***/
.sf-menu {
	width: 100%;
	background: #4B0082;
	float:left;
	-moz-border-radius:5px 5px 0px 0px !important;
	border-radius:5px 5px 0px 0px !important;
	-webkit-border-radius:5px 5px 0px 0px !important;
}
.sf-menu a {
	font-size: 12px;
	font-weight: 700 !important;
	font-family: "Helvetica Neue";
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	border-left:	1px solid #555 !important;
	border-right:   1px solid #222;
	text-decoration:none;
	transition: background 0.6s ease;
    -webkit-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
}
.sf-menu li a:first-child { 
	border-left: 0; 
	}

.sf-menu li:last-child a{ 
	border-right: none; 
}
.sf-menu li:first-child,.sf-menu li:first-child a {
	-webkit-border-radius:5px 0px 0px 0px;
	-moz-border-radius:5px 0px 0px 0px !important;
	border-radius:5px 0px 0px 0px;
	border-left: 0 !important;
}

ul.sub-menu { 
	z-index: 50000 !important;
	min-width: 200px !important;
	}

ul.sub-menu li:first-child a { 
	-webkit-border-radius:0px 0px 0px 0px;
	-moz-border-radius:0px 0px 0px 0px;
	border-radius:0px 0px 0px 0px;
	}

.sf-menu a, .sf-menu a:visited  {
	color:#fff;
}

.sf-menu li li,.sf-menu li li li {
	background:		#444;
	border-bottom: 1px solid #333;
	border-top: 1px solid #555;
	
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color: #fff !important;
	background:		#dc5d5d;
	outline:		0;
}

ul.sub-menu li:first-child,ul.sub-menu li:hover { 
	 -webkit-border-radius:0px 0px 0px 0px;
	-moz-border-radius:0px 0px 0px 0px !important;
	border-radius:0px 0px 0px 0px;
	}
	
ul.sub-menu li:hover { 
	 -webkit-border-radius:0px 0px 0px 0px !important;
	-moz-border-radius:0px 0px 0px 0px;
	border-radius:0px 0px 0px 0px;
	}
	
.sf-menu ul { 
	font-size: 12px;
	background: #2b2b2b;
	padding: 0px;
	margin-top: 20px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.3);
	box-shadow: 0 0 10px rgba(0,0,0,.3); 
	}


.sf-menu a.sf-with-ul {
    padding-right: 2.25em;
    padding-left: 2.25em;
    min-width: 1px;
}

/*** ARROWS ***/

.sf-sub-indicator {
	position: absolute;
    display: block;
	top: 40%;
 	right: 10px;
    width: 12px;
    height: 12px;
    text-indent: -999em;
    overflow: hidden;
	background: url('../images/n-down.png');
}

.sf-menu ul .sf-sub-indicator {
	background: url('../images/nav-right-white.png') !important;
	}

/*** ICONS ***/

.sf-menu .icon-single-user > a,
.sf-menu .icon-powerpoint > a,
.sf-menu .icon-file > a,
.sf-menu .icon-audio > a,
.sf-menu .icon-magnify > a,
.sf-menu .icon-upload > a,
.sf-menu .icon-light > a,
.sf-menu .icon-pie > a,
.sf-menu .icon-tv > a,
.sf-menu .icon-bolt > a,
.sf-menu .icon-pig > a,
.sf-menu .icon-briefcase > a,
.sf-menu .icon-camera > a,
.sf-menu .icon-film > a,
.sf-menu .icon-gear > a,
.sf-menu .icon-grid > a,
.sf-menu .icon-home > a,
.sf-menu .icon-mail > a,
.sf-menu .icon-pencil > a,
.sf-menu .icon-photo > a,
.sf-menu .icon-graph > a,
.sf-menu .icon-lab > a,
.sf-menu .icon-map > a,
.sf-menu .icon-cloud > a,
.sf-menu .icon-cart > a,
.sf-menu .icon-flag > a,
.sf-menu .icon-bulb > a,
.sf-menu .icon-date > a,
.sf-menu .icon-brush > a,
.sf-menu .icon-megaphone > a,
.sf-menu .icon-support > a,
.sf-menu .icon-person > a,
.sf-menu .icon-bubble > a,
.sf-menu .icon-rss > a,
.sf-menu .icon-shuffle > a,
.sf-menu .icon-link > a{
	background-position: 18px center;
	background-repeat: no-repeat;
	padding-left: 45px;
}

.sf-menu .icon-single-user > a{
	background-image: url("../images/menu/icon-single-user.png");
}

.sf-menu .icon-powerpoint > a{
	background-image: url("../images/menu/icon-powerpoint.png");
}

.sf-menu .icon-pie > a{
	background-image: url("../images/menu/icon-pie.png");
}
.sf-menu .icon-light > a{
	background-image: url("../images/menu/icon-light.gif");
}
.sf-menu .icon-file > a{
	background-image: url("../images/menu/icon-file.png");
}
.sf-menu .icon-audio > a{
	background-image: url("../images/menu/icon-audio.png");
}
.sf-menu .icon-magnify > a{
	background-image: url("../images/menu/icon-magnify.png");
}
.sf-menu .icon-upload > a{
	background-image: url("../images/menu/icon-upload.png");
}
.sf-menu .icon-tv > a{
	background-image: url("../images/menu/icon-tv.png");
}
.sf-menu .icon-bolt > a{
	background-image: url("../images/menu/icon-bolt.png");
}
.sf-menu .icon-briefcase > a{
	background-image: url("../images/menu/icon-briefcase.png");
}
.sf-menu .icon-camera > a{
	background-image: url("../images/menu/icon-camera.png");
}
.sf-menu .icon-film > a{
	background-image: url("../images/menu/icon-film.png");
}
.sf-menu .icon-gear > a{
	background-image: url("../images/menu/icon-gear.png");;
}
.sf-menu .icon-grid > a{
	background-image: url("../images/menu/icon-grid.png");
}
.sf-menu .icon-home > a{
	background-image: url("../images/menu/icon-home.png");
}
.sf-menu .icon-mail > a{
	background-image: url("../images/menu/icon-mail.png");
}
.sf-menu .icon-pencil > a{
	background-image: url("../images/menu/icon-pencil.png");
}
.sf-menu .icon-photo > a{
	background-image: url("../images/menu/icon-photo.png");
}
.sf-menu .icon-graph > a{
	background-image: url("../images/menu/icon-graph.png");
}
.sf-menu .icon-lab > a{
	background-image: url("../images/menu/icon-lab.png");
}
.sf-menu .icon-map > a{
	background-image: url("../images/menu/icon-map.png");
}
.sf-menu .icon-cloud > a{
	background-image: url("../images/menu/icon-cloud.png");
}
.sf-menu .icon-cart > a{
	background-image: url("../images/menu/icon-cart.png");
}
.sf-menu .icon-flag > a{
	background-image: url("../images/menu/icon-flag.png");
}
.sf-menu .icon-date > a{
	background-image: url("../images/menu/icon-date.png");
}
.sf-menu .icon-bulb > a{
	background-image: url("../images/menu/icon-bulb.png");
}
.sf-menu .icon-brush > a{
	background-image: url("../images/menu/icon-brush.png");
}
.sf-menu .icon-megaphone > a{
	background-image: url("../images/menu/icon-megaphone.png");
}
.sf-menu .icon-support > a{
	background-image: url("../images/menu/icon-support.png");
}
.sf-menu .icon-person > a{
	background-image: url("../images/menu/icon-person.png");
}
.sf-menu .icon-bubble > a{
	background-image: url("../images/menu/icon-bubble.png");
}
.sf-menu .icon-rss > a{
	background-image: url("../images/menu/icon-rss.png");
}
.sf-menu .icon-link > a{
	background-image: url("../images/menu/icon-link.png");
}
.sf-menu .icon-shuffle > a{
	background-image: url("../images/menu/icon-shuffle.png");
}

.no-text a{
	text-indent: -9999px;
	background-position: center center !important;
}