nav{
	position:relative; 
	margin: 10px 0 30px 0;
	background: url(../images/bg-nav.jpg) 0 0 repeat-x #d9860e;
	border-top:1px solid #fbf2d0;
	border-bottom:1px solid #e19e3e;
	}
.sf-menu ul {position:absolute;top:-999px; display:none;/* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%}
.sf-menu li {
	float:left;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	width:auto;
	padding: 0 13px;
	background: url(../images/bg-li.jpg) 0 0 no-repeat;
	font-weight:normal;
	text-transform:uppercase;
	z-index:1;
	text-shadow:0 1px #cc9611;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	}
.sf-menu li.sub-menu:after{
	display:block;
	position:absolute;
	content:'';
	width:8px;
	height:4px;
	top:52px;
	left:48%;
	background: url(../images/indicator.png) 0 0 no-repeat;
	}
.sf-menu li strong{
	display:block;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	bottom:100%;
	z-index:-1;
	background:#000;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	}
.sf-menu li:first-child{
	background: url(../images/bg-li-transparent.png) 0 0 no-repeat;
	width:50px;
	}
.sf-menu>li>a{
	display:block;
	text-align:center;
	position:relative; 
	font-size: 10px; 
	line-height: 20px;
	padding: 20px 0 19px 0; 
	color:#ffffff;
	}
.sf-menu>li:hover strong, .sf-menu>li.current strong, .sf-menu>li.sfHover strong{top:0;left:0;right:0;bottom:0;}
.sf-menu>li,.sf-menu>li.current,.sf-menu>li.sfHover{ text-shadow:none;}
.sf-menu>li>a:hover,.sf-menu>li.current>a,.sf-menu>li.sfHover>a{}


/*================================>> 2 Level <<========================================*/
.sf-menu>li>ul,.sf-menu>li.sfHover>ul{
	left:0;
	top:70px;
	width: 158px;
	padding:27px 0 27px 0; 
	z-index:99;
	background: url(../images/bg-li-ul.png) 0 0 repeat-x #d9860e;
	border-top:1px solid #fbf2d0;
	}
.sf-menu>li>ul>li{
	display:block;
	width:100%;
	text-align:center;
	padding:4px 0;
	background:none;
	}
.sf-menu>li>ul>li>a{
	font-size: 14px; 
	line-height: 20px;
	display:inline-block;
	color:#fff;
	}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover>a{color:#000;}
.sf-menu li.sfHover li.sfHover:after{
	display:block;
	position:absolute;
	content:'';
	background: url(../images/bg-ul-after.png) 0 0 no-repeat;
	width:5px;
	height:9px;
	content:'';
	left:166px;
	top:15px;
	}
/*================================>> 3 Level <<========================================*/
.sf-menu li li ul{
	left:171px;
	top:0;
	width: 158px;
	padding:27px 0 27px 0;
	z-index:99;
	background:url(../images/bg-li-li-ul.jpg) 0 0 repeat-x #1e1e21;
	}
.sf-menu li li li{
	display:block;
	width:100%;
	text-align:center;
	padding:4px 0;
	background:none;
	text-shadow:none;
	}
.sf-menu li li li a{
	font-size: 14px; 
	line-height: 20px;
	display:inline-block;
	color:#fff;
	}
.sf-menu li li li a:hover{color:#dd9210;}
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
.sf-menu li{width:125px;}	
.sf-menu>li:first-child{width:123px;}
.sf-menu>li>a{}

@media only screen and (max-width: 767px) {
  nav{
		float:none;
		font:12px/15px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#fff;
		padding:8px 3px 0 3px;
		margin: 13px 0 0;
		border-radius: 4px;
	}
		nav:before{
			content:'Menu:';
			display:block;
			margin-bottom:5px;
		}
	.sf-menu{display:none;}
	nav select{
		font:12px/15px Arial, Helvetica, sans-serif;
		color:#464646;
		width:100%;
        outline: none;
		border:2px solid #9e9e9e;
		border-radius: 3px;
	}
	
}

@media only screen and (max-width: 479px) {
	
}