.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu{ padding:54px 0 0 0;}
.sf-menu li {position:relative; float:left; font-size:20px; line-height:1.2em; border-radius:4px; font-family: 'Oswald', sans-serif; letter-spacing:-1px; background:url(../images/bg-png.png) 0 0 repeat;}
.sf-menu li span{background:url(../images/menu-line.jpg) 0 0 no-repeat; display:block; width:1px; height:16px; position:absolute; top:12px; left:0; z-index:2;}
.sf-menu li:first-child{ background:none;}
	.sf-menu li a {display:block; color:#fff; padding:5px 14px 11px 12px; z-index:3; position:relative;}
	.sf-menu li a:hover{ text-decoration:none;}
		.sf-menu li.current,.sf-menu li.sfHover,.sf-menu li:hover{ background:url(../images/menu-hover.jpg) 0 0 repeat-x; text-decoration:none; box-shadow:0 1px 1px rgba(0,0,0,.2);}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	z-index:		99;
	width:			117px; 
	display:none;
	background: #B7D300;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B7D300), to(#a3c700));
	background: -webkit-linear-gradient(#B7D300, #a3c700);
	background: -moz-linear-gradient(#B7D300, #a3c700);
	background: -ms-linear-gradient(#B7D300, #a3c700);
	background: -o-linear-gradient(#B7D300, #a3c700);
	background: linear-gradient(#B7D300, #a3c700);
	-pie-background: linear-gradient(#B7D300, #a3c700);
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
	box-shadow:0 1px 1px rgba(0,0,0,.2);
}
.sf-menu li li{width:100%;padding:0; background:none; float:none; font-size:12px; text-transform:uppercase; letter-spacing:0; border-radius:5px; background:url(../images/bg-png.png) 0 0 repeat;}
	.sf-menu li li a,.sf-menu li.sfHover li a,.sf-menu li.current li a{ background:#B7D300; padding:10px 0; border-radius:0; box-shadow:none; text-align:center;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
		.sf-menu li li a:hover,.sf-menu li li.sfHover a,.sf-menu li li.current a{ background:#291f19;}
.sf-menu ul ul {
	position:		absolute;
	top:			-999em;
	z-index:		99;
	width:			117px; 
	display:none;
	background: #B7D300;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B7D300), to(#a3c700));
	background: -webkit-linear-gradient(#B7D300, #a3c700);
	background: -moz-linear-gradient(#B7D300, #a3c700);
	background: -ms-linear-gradient(#B7D300, #a3c700);
	background: -o-linear-gradient(#B7D300, #a3c700);
	background: linear-gradient(#B7D300, #a3c700);
	-pie-background: linear-gradient(#B7D300, #a3c700);
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
	box-shadow:0 1px 1px rgba(0,0,0,.2);
}
	.sf-menu li li li{width:100%;padding:0; background:none; float:none; font-size:12px; text-transform:uppercase; letter-spacing:0;}
	.sf-menu li li li a,.sf-menu li li.sfHover li a,.sf-menu li li.current li a{background:#B7D300; padding:10px 0; border-radius:0; box-shadow:none; text-align:center;}
		.sf-menu li li li a:hover,.sf-menu li li li.current a{ background:#291f19;}
.sf-menu li li.first a,.sf-menu li li li.first a{ border-radius:5px 5px 0 0;}
.sf-menu li li.last a,.sf-menu li li li.last a{ border-radius:0 0 5px 5px;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-20px;
	top:			43px; /* match top ul list item height */
}
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:			119px; /* match ul width */
	top:			0px;
}
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:			00px;
}
.sf-menu li a span.arrow{}
@media only screen and (min-width: 768px) and (max-width: 995px) {
	.sf-menu li a {padding:5px 15px 11px;}
}
@media only screen and (max-width: 767px) {
	.sf-menu{ float:none; padding:10px 0 0 0;}
	.sf-menu li{padding:0;float: none; background:none; border-bottom:1px solid #fdbf82; text-align:center;}
	.sf-menu li a{padding:5px 14px 11px 12px;}
		.sf-menu li.current,.sf-menu li.sfHover,.sf-menu li:hover{}
	.sf-menu li li,.sf-menu li li li{ border-bottom:none;}
	.sf-menu li li li{}
	.sf-menu ul,.sf-menu ul ul{width:100%; position: relative; left: 0 !important; top:0px !important;}
	.sf-menu li span{ display:none;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}