nav{
	position:relative;
	margin: 0; /* changed */
	z-index: 11;
}
.sf-menu {
	width: 720px; /* was 680 */
	background: #9f1212;
	padding-bottom: 2px;
	padding-left: 230px;
	padding-top: 2px;
	margin-bottom:10px;
	/*padding-top: 33px; removed */
}
#two.sf-menu{
	width: 700px;
	background: #9f1212;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-bottom:10px;
	padding-left: 230px;
}
.sf-menu ul {
	/* Added */
	position: absolute;
	display: inline;
	top: 100%;
	left: 0;
	z-index: 99;
/*	position:absolute;
	top:-999px;
	display:block;/* left offset of submenus need to match (see below) Was NONE
	width:auto; */
}
.sf-menu li {
	position:relative;
	padding-left: 0px;
	right: -8px;
}
#two.sf-menu li {
		right: 20px;
}
.sf-menu a {
	display: block;
	height: 26px;
	text-align: right;
	font-family: 'Century Gothic Bold', sans-serif;
	font-size: 14px;
	line-height: 28px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
}

.sf-menu > li{
	display: inline;
}
.sf-menu > li > a{
	display:inline;
	position:relative;
	padding-right:30px;
	padding-left:30px;
	padding-top:2px;
	padding-bottom:2px;
}
.sf-menu > li > a:hover,
.sf-menu > li.current > a,
.sf-menu > li.sfHover > a{
	color: #cf3838;
	background: #8b0808;
	text-decoration: none;
	text-transform: uppercase;
}


/*================================>> 2 Level <<========================================*/
.sf-menu > li > ul,
.sf-menu > li.sfHover > ul{
	/*top:-15px;*/
	width:250px;
	padding: 16px 0;
	z-index:99;
	background: #8b0808;
}
.sf-menu > li > ul > li{
	right: 0px;
}
.sf-menu > li > ul > li > a{
	padding-right: 22px;
}
#two.sf-menu > li > ul > li{
	right: 0px;
}
#two.sf-menu > li > ul > li > a{
	padding-right: 22px;
}
.sf-menu li li a:hover,
.sf-menu li.sfHover li.sfHover > a {
	background-color: #9f1212;  /**/
	text-decoration: none;
}

/*================================>> 3 Level <<========================================*/
.sf-menu li li ul{
	left: 161px;
	top: -15px;
	width: 161px;
	padding: 16px 0;
	z-index:99;
	background-color: #9f1212;

}
.sf-menu li li li {}
.sf-menu li li li a {
	text-decoration: none;
	padding-right:30px;
}
.sf-menu li li li a:hover{
	background: #8b0808;
}
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {

	.sf-menu{
			padding-left: 58px;
	}
	.sf-menu li {
			right: -90px;
	}
	#two.sf-menu{
			padding-left: 58px;
	}
	#two.sf-menu li {
			right: -58px;
	}

}

@media only screen and (max-width: 767px) {
	.sf-menu { display:none; }
	nav select {
		font-family: 'Century Gothic Bold', serif;
		font-size: 14px;
		line-height: 20px;
		color: #ffffff;
		background-color: #9f1212;
		width:100%;
	  outline: none;
	  padding: 5px;
		border:none;
		margin-top: 20px;
		font-weight: normal;
	}
	nav select option:first-child {
		color: #ffffff;
	}
	header nav,
	header h1 {
		float: none;
	}
	header h1 {
		height: 135px;
	}
}

@media only screen and (max-width: 479px) {

}
