.nav-container {
	margin-bottom:10px;
	position:relative;
	z-index:2;
}
.cms-home .nav-container {margin-bottom:10px;}
.sf-menu{
	background:url(../images/nav-bg.jpg) repeat-x center bottom #333333;
	font-size:13px;
	line-height:17px;
	border-radius:3px;
}
.sf-menu li {
	float:left;
	text-align:left;
	position:relative;
	z-index:99;
/*	background:url(../images/line-menu.gif) no-repeat right top;*/
}
.sf-menu li a {
	display:block;
	color:#383737;
	text-decoration:none;
	position:relative;
	padding: 0;
}
.sf-menu > li > a > span {
	/*font-family: 'Anton', sans-serif;*/
	display:block;
	font-size:16px;
	line-height:20px;
	color:#fff;
	/*text-transform:uppercase;*/
	cursor:pointer;
	white-space:nowrap;
	padding: 9px 14px 15px;
}
.sf-menu li ul a span { white-space:normal; }
.sf-menu > li.parent > a > span {background:url(../images/marker-8.gif) center -66px no-repeat;}

#nav > li.sfHover > a,
#nav > li > a:hover,
#nav > li.active > a {
	color:#fce100;
}
#nav > li.sfHover > a span,
#nav > li > a:hover span,
#nav > li.active > a span {color:#fce100;}

.sf-menu li.active,
.sf-menu li.sfHover,
.sf-menu li:hover {}
.sf-menu li a:hover {text-decoration:none;}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	z-index:		99;
	width:			245px;  
	display:none;
	background: #272727;
	padding:10px 0;
}

.sf-menu li li {
	background:url(../images/line-menu2.gif) repeat-x center bottom;
}
.sf-menu li li span {background:url(../images/marker-1.gif) 0 1px no-repeat; padding-left:15px;}
.sf-menu li li.last { border-bottom:none; background:none; }

.sf-menu li li.sfHover,
.sf-menu li li,
.sf-menu li li:hover {
	float:none;
	border-right:none;
	position:relative;
	padding: 4px 0px 6px;
	margin:0 20px;
}
.sf-menu li li a,
.sf-menu li.sfHover li a,
.sf-menu li.active li a {
	display:inline-block;
	background:none;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:15px;
	color:#fff;
	padding:0;
}
.sf-menu li li > a:hover,
.sf-menu li li.sfHover > a,
.sf-menu li li.active > a {color:#fce100;}

.sf-menu ul ul {
	position:		absolute;
	top:			-999em;
	z-index:		99;
	width:			255px; 
}
.sf-menu li li li a,
.sf-menu li li.sfHover li a,
.sf-menu li li.active li a {}

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

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0px;
	top:			44px; /* 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:			201px; /* match ul width */
	top:			0;
}
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:			201px; /* match ul width */
	top:			0;
}
#menu-icon{ display:none;}

@media only screen and (min-width: 768px) and (max-width: 995px) {
	.sf-menu { display:block !important;}
	.sf-menu ul {width:150px;}
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {left: 131px; width:150px;}
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul {left:131px;}
}
@media only screen and (max-width: 767px) {
	.main-menu{padding:0 20px 10px;position: relative;}
	/* menu icon */
	#menu-icon {
		display: block;
		background:url(../images/menu-icon-bg.png) 265px 11px no-repeat #3a3a3a;
		border-bottom: 5px solid #fccb00;
		font-size:17px;
		line-height:21px;
		color: #fff;
		cursor: pointer;
		text-transform:uppercase;
		padding: 13px 0 0 10px;
		height: 33px;
		border-radius:3px 3px 0 0;
	}
	#menu-icon:hover,
		#menu-icon.active	{
		background-color: #B90100;
		border-bottom: 5px solid #3a3a3a;
	}
	#menu-icon.active {background-position: 265px -47px;border-color: #B90100; background-color: #3a3a3a;}
	/* main nav */
	.sf-menu {
		display: none; /* visibility will be toggled with jquery */
		background:#3a3a3a;
		clear: both;
		position: relative;
		top: auto;
		right:auto;
		left: auto;
		padding:13px 20px 20px;
		z-index: 2;
		border-radius:0;
	}
	.sf-menu li,
	.sf-menu li li {
		clear: both;
		float: none;
		margin: 0;
		background:none;
		border:none;
	}
	.sf-menu li li.sfHover, .sf-menu li li, .sf-menu li li:hover {margin:0;}
	
	.sf-menu li li.sfHover,
	.sf-menu li li,
	.sf-menu li li:hover {padding: 8px 0;}
	
	.sf-menu li li.last {padding-bottom:0 !important;}
	
	.sf-menu li.parent > a {position:relative;}
	.sf-menu li.sfHover.parent > a {}
	.sf-menu > li {
		padding: 8px 0;
		border-bottom: 1px solid #515050;
	}
	
	.sf-menu li a {
		display:inline-block;
		background:none;
		border:none;
		color:#fff;
	}
	.sf-menu li a:hover {color:#B90100;}
	.sf-menu > li > a > span {
		display:inline-block;
		color:inherit;
		padding:0;
	}
	.sf-menu li strong {
		position:absolute;
		display:block;
		background:url(../images/toogle-button2.png) center -54px no-repeat;
		top: 4px;
		right:0;
		height: 24px;
		width: 24px;
	}
	.sf-menu li strong:hover {cursor:pointer;}
	.sf-menu li strong.opened {background-position: center 7px;}
	.sf-menu a, 
	.sf-menu ul a {
		font: inherit;
		display: inline;
		border: none;
	}
	.sf-menu li a:hover{}
	
	/* dropdown */
	.sf-menu ul,
	.sf-menu ul ul {
		width: auto;
		position: static;
		border: none;
		background: inherit;
		padding: 8px 0 0 20px;
		box-shadow:none;
	}
	#nav > li.sfHover > a,
	#nav > li > a:hover span,
	#nav > li.active > a {color:#fce100;}
	.nav-container { margin-bottom:17px; }
	#menu-icon:hover,
	#menu-icon.active {background-color: #3A3A3A; border-bottom: 5px solid #fccb00;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#menu-icon {
		cursor: pointer;
		display: block; /* show menu icon */
		text-indent:0px;
		background-position: 405px 11px;
	}
	#menu-icon.active { background-position: 405px -47px; }
}