/*e8d4b1 */

.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
}
.sf-menu ul {
	position:absolute;
	top:-999em;
}
.sf-menu ul li {
	width:100%;
}
.sf-menu li:hover {
	visibility:inherit;  
}
.sf-menu li {
	float:left;
	position:relative;
}
.sf-menu a {
	display:block;
	position:relative;
}

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 {
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:1px;
	top: 3.5em; 
	z-index:99;
}


/*Menu*/
.sf-menu {
	margin:0;
	float: right;
}
.sf-menu li {
	margin-right: 5px;
}

.sf-menu li a {
	display:block;
	padding: 8px 10px;
	color:#FFF;
	text-decoration:none;
	
}
.sf-menu li ul li a {
	margin:0;
}


.sf-menu li a.current, .sf-menu li a:hover  {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background:#e8d4b1 ;
	color:#555;
}

.sf-menu li ul {
	width: 200px;
	background: #fff;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background:#e8d4b1 ;
	padding:0;
}
.sf-menu li ul li {
	float: left;
}
.sf-menu li ul li a {
	color:#fff;
	padding: 8px 10px;
	border-top:1px solid rgba(255,255,255,0.25);
	border-bottom:1px solid rgba(0,0,0,0.5);
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.sf-menu li ul li:first-child a {
	border-top:none;
}
.sf-menu li ul li:last-child a  {
	border-bottom: none;
}
.sf-menu li ul li a:hover {
	background:rgba(0,0,0,0.15);
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.sf-menu li ul li:first-child a:hover {
	-webkit-border-radius: 8px 8px 0 0 ;
	border-radius: 8px 8px 0 0 ;
}
.sf-menu li ul li:last-child a:hover {
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0  8px 8px;
}


.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active,
.sf-menu li.sfHover > a,
.sf-menu > li:hover > a, .sf-menu > li.sfHover > a, .sf-menu li.nav_first a.current
{
    -webkit-border-radius: 8px;
	border-radius: 8px;
	background:#e8d4b1 ;
	color:#FFF;
}


@media only screen and (max-width : 1020px) {
	
	.sf-menu {
		float:none;
		margin-bottom:0;
	}

	/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
	.sf-vertical, .sf-vertical li {
		width:15em;
	}
	/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
	.sf-vertical li:hover ul,
	.sf-vertical li.sfHover ul {
		left:	15em; /* match ul width */
		top:	0;
	}
	
	/*** alter arrow directions ***/
	.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
	.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/
	
	/* hover arrow direction for modern browsers*/
	.sf-vertical a:focus > .sf-sub-indicator,
	.sf-vertical a:hover > .sf-sub-indicator,
	.sf-vertical a:active > .sf-sub-indicator,
	.sf-vertical li:hover > a > .sf-sub-indicator,
	.sf-vertical li.sfHover > a > .sf-sub-indicator {
		background-position: -10px 0; /* arrow hovers for modern browsers*/
	}
	
	.sf-menu li a {
		border:none;
		border-top:1px solid #444;	
		border-bottom:1px solid #333;	
	}
	
	.sf-menu li.nav_last a {
		border-bottom:none;
	}
	
	.sf-menu li.nav_first a {
		border-top:none;
	}
	
	.sf-menu li a.current  {
		background:#e8d4b1 ;
		-webkit-border-top-left-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-bottomleft: 0;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	
}