nav{float: left; padding-top:23px; padding-right:0px;}
.menu {list-style:none;}	
.menu > li {
	position:relative;
	float:left;
	font:16px/20px Arial, Helvetica, sans-serif;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	display:block;
	overflow:hidden;
	background:#212d57;
	text-align:center;
	height: 55px;	
}
.menu > li > a{color:#fff;}
.menu > li:hover { background: #501112; }
.menu > li.current { background: #501112; }
.menu > li.sfHover > a,.menu > li > a:hover , .menu > li.current > a { text-decoration:none; color:#fff;
}	
	.menu .menu-arrow{display:none;}
/***submenu***/
.menu ul {
	position:absolute;
	top:-999em;
	width:125px; 
	display:none;
	padding:12px 4px;
	background:#e8e8e8;
	z-index:999;
}
.menu li li{
	width:100%;
	padding:0;
	margin-bottom:4px;
	position:relative;
	font:15px/19px Arial, Helvetica, sans-serif;
}
	.menu li li a{
		display:block;
		color:#000;
		padding:2px 13px 3px;
	}
		.menu li li > a:hover,.menu li li.sfHover > a{color:#fff; background-color:#000; text-decoration:none;}
.menu li:hover ul, .menu li.sfHover ul {left:-12px; top:33px;}
.menu li:hover li ul, .menu li.sfHover li ul {top:-999em;}
/***subsubmenu***/
.menu ul ul{padding-top:9px; width:150px;}
.menu li li:hover ul, .menu li li.sfHover ul {left:129px; top:0px;}
.menu li li:hover li ul, .menu li li.sfHover li ul {top:-999em;}

@media only screen and (max-width: 995px){
	nav{padding-right:10px;}
	.menu > li > a {color:#fff;}
	.menu > li {color:#fff;	}
	.menu > li > a .menu-arrow{display:inline-block; width:10px; height:5px; overflow:hidden; text-indent:-999em; font-size:0; line-height:0; background:url(../images/menu-arrow.gif) center top no-repeat; margin-left:6px; vertical-align:middle;}
		.menu > li.sfHover > a .menu-arrow, .menu > li > a:hover .menu-arrow, .menu > li.current > a .menu-arrow{background-position:center -47px;}
	.menu ul .menu-arrow {display:inline;}
}

@media only screen and (max-width: 767px) {
	nav{width:100%; padding-top:0; padding-right:0;}
	.menu > li {float:none; margin-right:0px; margin-bottom:7px; width:auto; border:1px solid #cfcfcf; padding-right: 0px; padding-left: 0px; padding-top: 0px; background: none;  height: auto; }
		.menu > li > a{color:#000; display:block; border:1px solid #fff; background:url(../images/menu-tail-ml.gif) center top repeat-x #d9d9d9; padding: 8px 20px 9px;}
	/***submenu***/
	.menu ul {position:static; width:auto !important; padding:12px 0px;}
	.menu li li a{padding:5px 19px 6px;}
	/***subsubmenu***/
	.menu ul ul a{padding:5px 19px 6px 40px;}
	.menu ul a .menu-arrow{display:inline-block; width:10px; height:5px; overflow:hidden; text-indent:-999em; font-size:0; line-height:0; background:url(../images/submenu-arrow.gif) center top no-repeat; margin-left:6px; vertical-align:middle;}
		.menu ul li.sfHover > a .menu-arrow, .menu ul a:hover .menu-arrow, .menu ul li.current > a .menu-arrow{background-position:center -47px;}
}
@media only screen and (max-width: 479px) {
	.menu ul ul{width:298px !important;}
}