nav{float:right; padding-top:11px;}
.menu > li {
	position:relative;
	float:left;
	font:400 14px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	margin-right:1px;
	width:116px;
}
	.menu > li > a {
		display:block;
		color:#fff;
		text-decoration:none;
		padding:19px 10px 18px;
		border-width:1px;
		border-style:solid;
		border-color:#afafaf transparent #271d1d;
		background:url(../images/menu-tail.gif) center top repeat-x #302423;
	}
	.menu > li:first-child > a {border-left-color:#504c4b;}
	.menu > li.last-item > a {border-right-color:#504c4b;}
		.menu > li.sfHover > a, .menu > li > a:hover, .menu > li.current > a {
			text-decoration:none;
			background-position:center -104px;
			background-color:#07738a;
			border-color:#0edef5 #088ba8 #065e71 #0bb4cd;
		}
	.menu .menu-arrow{display:none;}
/***submenu***/
.menu ul {
	position:absolute;
	top:-999em;
	width:96px; 
	display:none;
	padding:19px 10px 18px;
	background:url(../images/submenu-tail.gif) center top repeat-x #302423;
	border-width:1px;
	border-style:solid;
	border-color:#afafaf #4e4948 #261d1c #696362;
	z-index:99;
}
.menu li li{
	width:100%;
	margin-bottom:14px;
	position:relative;
	font:11px/14px Arial, Helvetica, sans-serif;
}
	.menu li li a{color:#fff; text-decoration:none;}
		.menu li li > a:hover,.menu li li.sfHover > a{color:#afafaf; text-decoration:none;}
.menu li:hover ul, .menu li.sfHover ul {left:-1px; top:80px;}
.menu li:hover li ul, .menu li.sfHover li ul {top:-999em;}
/***subsubmenu***/
.menu li li:hover ul, .menu li li.sfHover ul {left:110px; top:-3px;}
.menu li li:hover li ul, .menu li li.sfHover li ul {top:-999em;}

@media only screen and (max-width: 995px){
	.menu > li {width:110px;}
	.menu > li > a .menu-arrow{display:block; width:100%; height:6px; overflow:hidden; text-indent:-200%; font-size:0; line-height:0; background:url(../images/menu-arrow.gif) center top no-repeat; position:absolute; top:40px; left:0;}
	.menu ul .menu-arrow{display:inline-block; margin-left:5px; vertical-align:middle;}
}

@media only screen and (max-width: 767px) {
	nav{width:100%; float:none; padding-top:0;}
	.menu > li {float:none; margin-right:0px; margin-bottom:6px; width:100%; text-align:left;}
	.menu > li > a {border-left-color:#504c4b; border-right-color:#504c4b; padding:19px 20px 18px;}
	.menu > li > a .menu-arrow{display:inline-block; width:11px; position:static; margin-left:5px; vertical-align:middle;}
	/***submenu***/
	.menu ul {position:static; width:auto; border-top:none; background-image:none; border-color:#4e4948; padding:15px 0;}
	.menu li li{width:auto; padding:0 20px;}
	/***subsubmenu***/
	.menu ul ul {border:none; background:none; padding:15px 0 0;}
	.menu ul ul li{width:auto; padding:0 0 0 20px;}
}