.menu_block  {
	float: right;
	width:700px;
	z-index:1; /*if i remove this the site views at full width*/
	margin-top: 18px;
	margin-right: 25px;
	background-image: url(../images/menu_bg.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}

.sf-menu ul {
	position: absolute;
	display: none;/* left offset of submenus need to match (see below) */
}
.sf-menu li {
	float: left;
	position: relative;
}

.sf-menu li a {
	color: #fff;
	font-family: 'Dosis', sans-serif;
	font-size: 14px;
	display: block;
	color: #fff;
	font-weight: 500;
	background: url(../images/spacer.png) 0 0 repeat;
	line-height: 24px;
	position: relative;
	text-transform: uppercase;
	padding-top: 15px;
	padding-right: 14px;
	padding-bottom: 17px;
	padding-left: 14px;
}

.sf-menu>li.sfHover>a, .sf-menu>li.current>a, .sf-menu>li>a:hover {
	color: #ffffff;
	background: url(../images/menu_hover.jpg) 0 0 repeat-x #921338;

}

.sf-menu a{
	font-size: 16px; 
	line-height: 21px; 
	color:#fffefe;
	}

/*================================>> 2 Level <<========================================*/
.sf-menu li ul,.sf-menu li.sfHover>ul{
	top:56px;
	left: 0px;
	width: 222px;
	z-index: 999; 
	background: url(../images/sub_menu_bg.png) 0 0 repeat-x #868e99;

}

.sf-menu li ul li{
	text-align: left; 
	float: none !important; 
}

.sf-menu li ul li a{
	color: #fff; 
	font-family: 'Dosis', sans-serif;
	font-size: 14px;
	font-weight: 500; 
	display: block;
	background: url(../images/spacer.png) 0 0 repeat;
	line-height: 24px;
	padding: 14px 20px 18px;
	position: relative;
	text-transform: uppercase;
}

.sf-menu li li a:hover, 
.sf-menu li.sfHover li.sfHover>a {  
color: #ffffff;
	background: url(../images/menu_hover.jpg) 0 0 repeat-x #921338;
}

/*================================>> 3 Level <<========================================*/
.sf-menu li li ul{
	left: 0 !important;
	top: 0px !important; 
	z-index: 999;
	position: relative !important;

}