nav { position:relative; }

.sf-menu {
	margin-top: 25px;
	background: url(../images/bg-1.gif) right 0 no-repeat;
	-webkit-box-shadow: 3px 3px 4px 1px #efefef;
	-moz-box-shadow: 3px 3px 4px 1px #efefef;
	box-shadow: 3px 3px 4px 1px #efefef;
}
	.sf-menu ul {position:absolute;top:-999px; display:none;/* left offset of submenus need to match (see below) */}
	.sf-menu li { position:relative;float: left;}
	.sf-menu a {
		display: block;
		font-family: 'Open Sans';
		text-decoration: none;
	}
		.sf-menu a:hover {text-decoration: none;}

/*================================>> 1 Level <<========================================*/

.sf-menu > li > a {
	display:block;
	height: 67px;
	padding: 22px 22px;
	text-align: center;
	color: #000000;
	text-transform: capitalize;
	font-size: 21px;
	line-height: 22px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/bg-1.gif) center 0 no-repeat;
}
.sf-menu > li {
	display: block;
	position: relative;
    border-right: 1px solid #f1f1f1; 
    padding: 0 4px;
}
	/*.sf-menu > li:first-child > a {background: url(../images/bg-1.gif) left 0 no-repeat;}*/
	
	.sf-menu > li.current > a,
	.sf-menu > li:hover > a,
	.sf-menu > li.sfHover > a {
		background: url(../images/bg-3-blue.png) center center no-repeat;
	}
		.sf-menu > li:first-child.current > a,
		.sf-menu > li:first-child:hover > a,
		.sf-menu > li:first-child.sfHover > a {
			background: url(../images/bg-3-blue.png) left center no-repeat;
		}
	.sf-menu > li:hover > a, 
	.sf-menu > li.current > a, 
	.sf-menu > li.sfHover > a {
		color: #fdfdfd;
		text-decoration: none;
	}


/*================================>> 2 Level <<========================================*/
.sf-menu > li > ul, 
.sf-menu > li.sfHover > ul {
	left:4px;
	top:67px;
	width:193px;
	z-index:99;
	background: #484848;
	text-align: left;
}
.sf-menu > li > ul > li {width:100%;margin-top: 1px;}
.sf-menu > li > ul > li:first-child {margin-top: 0px;}

.sf-menu > li > ul > li > a {
	display: block;
	line-height: 32px;
	text-align: left;
	color: #fff;
	background: #002e62;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 9px;
	height: 32px;
}

.sf-menu > li > ul > li > a:hover,	 
.sf-menu > li > ul > li:hover > a,	 
.sf-menu > li > li:hover> a,
.sf-menu li li a:hover, 
.sf-menu li.sfHover li.sfHover>a {
	text-decoration: none;
	color: #999;
	background: #01428b;
}

	.sf-menu > li > ul .sf-sub-indicator {line-height: 31px;}

/*================================>> 3 Level <<========================================*/

.sf-menu li li ul {
	left: 193px;
	top: 0px;
	width: 193px;
	z-index:99;
	background-color: #484848;
	position: absolute;
}
.sf-menu li li li {width: 100%;margin-top: 1px;}
.sf-menu li li li:first-child {margin-top: 0px;}
.sf-menu li li li a {
	display: block;
	line-height: 32px;
	text-align: left;
	color: #fff;
	background: #002e62;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 9px;
	height: 32px;
}
.sf-menu li li li:hover {background: #01428b;}
	.sf-menu li li li:hover a {
	text-decoration: none;
	color: #CCC;
	background: #01428b;
	}

.sf-menu > li > span {
	position: absolute;
	right: 10px;
	top:20px;
}
/*==================================RESPONSIVE LAYOUTS===============================================*/

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

}

@media only screen and (max-width: 767px) {
	.sf-menu { display:none; }

	nav select {
		height: 30px;
		border: 1px solid #bebebe;
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 14px;
		line-height: 20px;
		color: #ffffff;
		background-color: #033f83;
		width:100%;
	    outline: none;
	    padding: 5px;
		font-weight: normal;
	}
	nav select option:first-child {color:#ffffff;}
	header nav,	header h1 {	float: none;}
}

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

}