.nav-container {
	position:relative;
	z-index:2;
	margin-left: 2px; /***20131112*******/
}
.cms-home .nav-container {}
.sf-menu{
	background:url(../images/nav-bg.jpg) 0 0 repeat-x;
	font-size:13px;
}
.sf-menu li {
	float:left;
	text-align:left;
	position:relative;
	z-index:99;
}
.sf-menu > li.first{background:url(../images/misc.png) no-repeat 0 -400px;padding-left:43px;}
.sf-menu li.nav-7,.sf-menu li.nav-8{background:url(../images/button2.gif) no-repeat 0 0;float:right;margin-right:5px;}
.sf-menu li.nav-7 span,.sf-menu li.nav-8 span{color:#782A90;font-size:12px;padding:0 9px;}

.sf-menu li a {
	display:block;
	color:#383737;
	text-decoration:none;
	position:relative;
	padding: 0;
}
.sf-menu > li > a > span {
	display:block;
	font-size:13px;
	height:45px;
	line-height:45px;
	color:#fff;
	cursor:pointer;
	white-space:nowrap;
	padding: 0 25px;
	text-transform:uppercase;
}
.sf-menu li ul a span { white-space:normal; }
.sf-menu > li.parent > a > span {background:url(../images/marker-8.gif) 87% -75px no-repeat;}

#nav > li.sfHover > a,
#nav > li > a:hover,
#nav > li.active > a {
	color:#fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3a3a', endColorstr='#3a3a3a'); /* IE6-9 */
	background: -webkit-gradient(linear, left top, left bottom, from(#3a3a3a), to(#3a3a3a));
	background: -moz-linear-gradient(top,  #3a3a3a,  #3a3a3a); /* firefox 3.6+ */
	background: -o-linear-gradient(top,  #3a3a3a,  #3a3a3a); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3a3a3a,  #3a3a3a); /* IE10+ */
}

#nav > li.nav-7.sfHover > a,
#nav > li.nav-7 > a:hover,
#nav > li.nav-7.active > a,
#nav > li.nav-8.sfHover > a,
#nav > li.nav-8 > a:hover,
#nav > li.nav-8.active > a{background:url(../images/button2.gif) no-repeat 0 0;}

#nav > li.nav-7.sfHover > a span,
#nav > li.nav-7 > a:hover span,
#nav > li.nav-7.active > a span,
#nav > li.nav-8.sfHover > a span,
#nav > li.nav-8 > a:hover span,
#nav > li.nav-8.active > a span{color:#000;}

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

.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:			192px; 
	display:none;
	background: #3a3a3a;
}

.sf-menu li li {
	background:url(../images/marker-1.gif) 20px 13px no-repeat;
	border-bottom:1px solid #515050;
}
.sf-menu li li.last { border-bottom:none; }

.sf-menu li li.sfHover,
.sf-menu li li,
.sf-menu li li:hover {
	float:none;
	border-right:none;
	position:relative;
	padding: 6px 30px 4px;
}
.sf-menu li li a,
.sf-menu li.sfHover li a,
.sf-menu li.active li a {
	display:inline-block;
	background:none;
	font-size:12px;
	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:#9D77C9;}

.sf-menu ul ul {
	position:		absolute;
	top:			-999em;
	z-index:		99;
	width:			192px; 
}
.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:			47px; /* 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:			193px; /* 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:			193px; /* 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:130px;}
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {left: 131px; width:130px;}
	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 #B90100;
		font-size:17px;
		line-height:21px;
		color: #fff;
		cursor: pointer;
		text-transform:uppercase;
		padding: 13px 0 0 10px;
		height: 33px;
	}
	#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;
	}
	.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 {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:#ccc;}
	.nav-container { margin-bottom:17px; }
	#menu-icon:hover,
	#menu-icon.active {background-color: #3A3A3A; border-bottom: 5px solid #B90100;}
}
@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; }
}