/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 0px;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 62%;
	left: 0;
	z-index: 99;
	padding: 15px 0 5px;
}
.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%;
}


/*** DEMO SKIN ***/
.sf-menu {
	float: right;
	margin-bottom: 0em;
}
.sf-menu ul {
	/*box-shadow: 2px 2px 6px rgba(0,0,0,.2);*/
	min-width: 5em; /* allow long menu items to determine submenu width */
	/*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	border-left: 1px solid #fff;
	border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
	border-top: 1px solid rgba(255,255,255,.5);
	padding: .75em 1em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a {
	color: #000000;
	}
.sf-menu li {
	background: #ffffff;
	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 {
	background: #ffffff;
}
.sf-menu ul ul li {
	background: #ffffff;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	background: #ffffff;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}













/* Top Level Styles */
.sf-menu > li{
	border-left: 1px solid #ffffff;
	border-left: 1px solid rgba(255,255,255,0);
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	padding:10px 15px 10px 10px;
	}
	
.sf-menu > li > a {
	padding:10px 15px 10px 10px;
	background: transparent;
	margin-bottom: 0; /* Adjust for padding below our list */
	}
	
.sf-menu > li:hover{
	/* border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-top: 1px solid #f0f0f0; */
}

.sf-menu > li:first-child > a {
	/*padding: 15px 15px 19px 15px;*/
	}
	
.sf-menu > li > a, .sf-menu > li {
	   -moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;	
			}

.sf-menu > li:hover {
	/* background: #fefefe; 
	background: rgba(255,255,255,0.7); 
  -webkit-box-shadow:inset 0 -3px 2px rgba(133,133,133,0.1);
	 -moz-box-shadow:inset 0 -3px 2px rgba(133,133,133,0.1);
	   -o-box-shadow:inset 0 -3px 2px rgba(133,133,133,0.1);
		  box-shadow:inset 0 -3px 2px rgba(133,133,133,0.1); */
}




.sf-menu li li a, .sf-menu li li a:hover, .sf-menu li li a:focus {
	padding:8px 10px 8px 11px !important; 
	background: transparent; margin: 0;
}

/* MAIN SKIN FOR DROPDOWN */
.sf-menu li ul {
	/* background: url("uparrow.png") no-repeat scroll 35px 5px transparent !important;
	 -webkit-text-shadow: 0px 0 0px #000;
		-moz-text-shadow: 0px 0 0px #000;
		  -o-text-shadow: 0px 0 0px #000;
			 text-shadow: 0px 0 0px #000; */
}

.sf-menu li li {
	margin:0;
	background: rgb(0,0,0);  /* BG Color for the dropdown */
	background: rgba(0,0,0,0.8);
	/*padding:3px 0;*/
-webkit-border-top: 1px solid rgba(255, 255, 255, 0.05); /* Top/Bottom border for the dropdown links */
   -moz-border-top: 1px solid rgba(255, 255, 255, 0.05);
     -o-border-top: 1px solid rgba(255, 255, 255, 0.05);
		border-top: 1px solid rgba(255, 255, 255, 0.05);
	-webkit-border-bottom: 1px solid rgba(0, 0, 0, 0.0);
	   -moz-border-bottom: 1px solid rgba(0, 0, 0, 0.0);
	     -o-border-bottom: 1px solid rgba(0, 0, 0, 0.0);
			border-bottom: 1px solid rgba(0, 0, 0, 0.0);
	  -webkit-border-left: 1px solid rgba(0, 0, 0, 0.9); /* Left/Right border for visibility */
	     -moz-border-left: 1px solid rgba(0, 0, 0, 0.9);
	  	   -o-border-left: 1px solid rgba(0, 0, 0, 0.9);
			  border-left: 1px solid rgba(0, 0, 0, 0.9);
	 -webkit-border-right: 1px solid rgba(0, 0, 0, 0.9);
	    -moz-border-right: 1px solid rgba(0, 0, 0, 0.9);
	      -o-border-right: 1px solid rgba(0, 0, 0, 0.9);
			 border-right: 1px solid rgba(0, 0, 0, 0.9);
}

.sf-menu li li:first-child {  
    /* border-top: none; */
    -webkit-border-top: 1px solid rgba(0, 0, 0, 0.20); /* Top/Bottom border for the dropdown links */
       -moz-border-top: 1px solid rgba(0, 0, 0, 0.20);
         -o-border-top: 1px solid rgba(0, 0, 0, 0.20);
		    border-top: 1px solid rgba(0, 0, 0, 0.20);  
/*	-webkit-border-radius: 3px 3px 0 0;
	   -moz-border-radius: 3px 3px 0 0;
         -o-border-radius: 3px 3px 0 0;
	        border-radius: 3px 3px 0 0; */
}  
  
.sf-menu li li:last-child {  
   /* border-bottom: none; */
    -webkit-border-bottom: 1px solid rgba(0, 0, 0, 0.30);
	   -moz-border-bottom: 1px solid rgba(0, 0, 0, 0.30);
	     -o-border-bottom: 1px solid rgba(0, 0, 0, 0.30);
			border-bottom: 1px solid rgba(0, 0, 0, 0.30);  
	-webkit-border-radius: 0 0 3px 3px;
	   -moz-border-radius: 0 0 3px 3px;
         -o-border-radius: 0 0 3px 3px;
	        border-radius: 0 0 3px 3px;
} 



/* LIGHT VERSION of Dropdown (add the "light" class to .sf-menu to activate) */
.sf-menu.light li li:hover, .sf-menu.light li li.sfHover, .sf-menu.light li li:focus, .sf-menu.light li li:hover, .sf-menu.light li li:active {
	background: rgb(249,249,249);
	background: rgba(249,249,249,1);
	/* border-left: 1px solid #ddd;
	border-right: 1px solid #ddd; */
  -webkit-box-shadow:inset 0 5px 8px #EEE;
	 -moz-box-shadow:inset 0 5px 8px #EEE;
	   -o-box-shadow:inset 0 5px 8px #EEE;
		  box-shadow:inset 0 5px 8px #EEE;
}

.sf-menu.light li li {
	background: rgb(255,255,255);  /* BG Color for the dropdown */
	background: rgba(255,255,255,0.98);
/* -webkit-border-top: 1px solid rgba(255, 255, 255, 0.9); 
    -moz-border-top: 1px solid rgba(255, 255, 255, 0.9);
      -o-border-top: 1px solid rgba(255, 255, 255, 0.9);
		 border-top: 1px solid rgba(255, 255, 255, 0.9); */
		 
 /* Top/Bottom border for the dropdown links */
/*  -webkit-border-top: 1px solid rgba(0, 0, 0, 0.0); 
    -moz-border-top: 1px solid rgba(0, 0, 0, 0.0);
      -o-border-top: 1px solid rgba(0, 0, 0, 0.0);
		 border-top: 1px solid rgba(0, 0, 0, 0.0); */
		 
/*	-webkit-border-bottom: 1px solid rgba(0, 0, 0, 0.0);
	   -moz-border-bottom: 1px solid rgba(0, 0, 0, 0.0);
	     -o-border-bottom: 1px solid rgba(0, 0, 0, 0.0);
			border-bottom: 1px solid rgba(0, 0, 0, 0.0);*/ 
			
	  -webkit-border-left: 1px solid rgba(0, 0, 0, 0.40); /* Left/Right border for visibility */
	     -moz-border-left: 1px solid rgba(0, 0, 0, 0.40);
		   -o-border-left: 1px solid rgba(0, 0, 0, 0.40);
			  border-left: 1px solid rgba(0, 0, 0, 0.40);
	 -webkit-border-right: 1px solid rgba(0, 0, 0, 0.40);
	    -moz-border-right: 1px solid rgba(0, 0, 0, 0.40);
	      -o-border-right: 1px solid rgba(0, 0, 0, 0.40);
			 border-right: 1px solid rgba(0, 0, 0, 0.40);
}