nav{float:right; padding-top:53px; padding-right:43px;}
.menu {list-style:none;}
.menu > li {
	position:relative;
	float:left;
	font:16px/20px Arial, Helvetica, sans-serif;
	margin-right:55px;
}
	.menu > li > a {color:#000;}
		.menu > li.sfHover > a,.menu > li > a:hover , .menu > li.current > a {text-decoration:none; color:#b45737;}
	.menu .menu-arrow{display:none;}
/***submenu***/
.menu ul {
	position:absolute;
	top:-999em;
	width:150px; 
	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 {margin-right:25px;}
	.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;}
		.menu > li > a{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;}
}