/*** 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: none;
	display:inline-block;
}
.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: none;
	text-align: center;
	font-size:0;
	padding-bottom:15px;
	padding-top:15px;
}
.sf-menu ul {
	min-width: 320px; /* allow long menu items to determine submenu width */
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.sf-menu a {
	padding: 5px 25px;
	text-decoration: none;
	text-transform:uppercase;
	font-size:15px;
	font-weight: 400;
	letter-spacing: 2px;
	border-bottom:1px solid #ffffff;
}

@media only screen and (max-width: 1400px) {
	.sf-menu a  { 
		font-size:14px;
	}
}

@media only screen and (max-width: 1200px) {
	.sf-menu a  { 
		font-size:13px;
	}
}

@media only screen and (max-width: 960px) {
	.sf-menu a  { 
		font-size:12px;
	}
}

.sf-menu ul li a {
	padding: 5px 25px;
	letter-spacing: 1px;
	text-transform: none;
	font-weight: 400;
	font-size:15px;
}

@media only screen and (max-width: 1200px) {
	.sf-menu ul li a {
		font-size:14px;
		padding:5px 25px;
	}
} 

.sf-menu a, .sf-menu a:link, .sf-menu a:visited, .sf-menu a:active {
	color:#a3acb2;
	}

.sf-menu.level_1 a.active, .sf-menu.level_1 li.active a, .sf-menu.level_1 li.sfHover a {
	background:#ffffff;
	border-bottom:1px solid #a3acb2;
	}

.sf-menu.level_1 a.active:hover, .sf-menu.level_1 li.active a:hover {
	color:#7f8487;
	border-bottom:1px solid #7f8487;
	}

/*.sf-menu.level_1 a.submenu:after {
	font-family: "LineAwesome";
	content: "\f110";
	margin-left:8px;
	line-height: 16px;
	}*/

.sf-menu .level_2 a.submenu:after {
	font-family: "LineAwesome";
	content: "\f112";
	margin-left:8px;
	line-height: 16px;
	}

.sf-menu.level_1 a.active.submenu a, .sf-menu.level_1 li.sfHover li a, .sf-menu.level_1 li.active.submenu li a {
	color:#a3acb2;
	}

.sf-menu.level_1 li.sfHover li.active a {
	color:#ffffff;
	}

.sf-menu.level_1 a.active.submenu a:hover, .sf-menu.level_1 li.active.submenu li a:hover, .sf-menu.level_1 li.sfHover li a:hover {
	text-decoration: underline;
	}
	
	
.sf-menu .level_2 a.active, .sf-menu .level_2 li.active a {
	color:#ffffff;
	background:#a3acb2 !important;
	}

.sf-menu .level_2 a.active:hover, .sf-menu .level_2 li.active a:hover {
	background:#857639 !important;
	}

.sf-menu .level_2 a:hover, .sf-menu.level_1 li.sfHover .level_2 a:hover {

	}
	
.sf-menu .level_2 a.active:hover, .sf-menu .level_2 li.active a:hover {

	}

.sf-menu .level_3 a:hover, .sf-menu.level_1 li.sfHover .level_3 a:hover {
	text-decoration: underline;
	}
	
.sf-menu ul.level_3 li a, .sf-menu ul.level_3 li a:link, .sf-menu ul.level_3 li a:visited, .sf-menu ul.level_3 li a:active {
    color: #a3acb2;
}

.sf-menu a:hover {
	border-bottom:1px solid #a3acb2;
	text-decoration: none;
	}

.sf-menu li {
	white-space: nowrap; /* no need for Supersubs plugin */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu ul {
	text-align: left;
}
.sf-menu ul li {
	background: #ffffff;
}
.sf-menu ul li a, .sf-menu ul li a:link, .sf-menu ul li a:visited, .sf-menu ul li a:active {
	color: #a3acb2;
}

.sf-menu ul ul li {
	background: #ffffff;
}
.sf-menu ul li a.active, .sf-menu ul li.active a {
	color:#a3acb2;
	}
.sf-menu ul li a:hover {
	color:#ffffff;
	background:#373737;
	}
	
.sf-menu li:hover,
.sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

.sf-menu .last.submenu ul {
	left:auto;
	right:0px;
	text-align: right;
}

.sf-menu.level_1 a.trail {
	border-bottom:1px solid #a3acb2;
}

.sf-menu.level_1 li.sfHover a {
	border-bottom:1px solid #ffffff;
}

.sf-menu.level_1 li.sfHover a {

}

.sf-menu.level_1 li.sfHover .level_2 a {
	background:none;
}

.sf-menu.level_1 li.sfHover .level_2 a:hover {
	color:#7F8487;
}

.sf-menu.level_1 a.trail {
	
}

.sf-menu.level_1 a.trail .level_2 a {
	background:none;
}

.sf-menu.level_1 a.trail:hover {
	
}

.sf-menu.level_1 li.sfHover li a {

}

.sf-menu.level_1 li.active.sfHover a {

}

.sf-menu ul ul li:hover {
	
	}

.sf-menu .level_2 li.trail, .sf-menu .level_2 li.trail a {
	background:#ab9d4d !important;
	color:#ffffff !important;
}
.sf-menu .level_3 a.active, .sf-menu .level_3 li.active a {
	color:#a3acb2 !important;
	background:#ffffff !important;
	}