nav{float:right; padding-right:15px;}
.menu {list-style:none;}
.menu > li {
	position:relative;
	float:left;
	font:20px/24px "Times New Roman", Times, serif;
	margin-right:17px;
}
	.menu > li > a {
		display:inline-block;
		color:#fff;
		padding:105px 7px 0;
		background:url(../images/menu-tail.gif) center -999em repeat-x;
	}
		.menu > li.sfHover > a,.menu > li > a:hover , .menu > li.current > a {text-decoration:none; background-position:center top;}
	.menu .menu-arrow{
		display:block;
		width:100%;
		height:3px;
		overflow:hidden;
		background:url(../images/menu-arrow.gif) center top no-repeat;
		position:absolute;
		top:60px;
		left:0;
		text-indent:-999em;
	}
/***submenu***/
.menu ul {
	position:absolute;
	top:-999em;
	width:75px; 
	display:none;
	padding:15px 23px 20px 13px;
	background:#383838;
	z-index:99;
}
.menu li li{
	border-bottom:1px solid #4b4b4b;
	padding:0 5px 7px;
	margin-bottom:7px;
	position:relative;
	font:12px/15px Arial, Helvetica, sans-serif;
	text-transform:lowercase;
}
	.menu li li.last-item{padding-bottom:0; border-bottom:none;}
	.menu li li a{color:#fff;}
		.menu li li > a:hover,.menu li li.sfHover > a{color:#a0a0a0; text-decoration:none;}
.menu li:hover ul, .menu li.sfHover ul {left:0px; top:158px;}
.menu li:hover li ul, .menu li.sfHover li ul {top:-999em;}
.menu li li .menu-arrow{display:none;}
/***subsubmenu***/
.menu ul ul{background:#4e4e4e; width:82px; padding:13px 18px 19px 14px;}
	.menu ul ul li{border-bottom-color:#5c5c5c;}
.menu li li:hover ul, .menu li li.sfHover ul {left:98px; top:-13px;}
.menu li li:hover li ul, .menu li li.sfHover li ul {top:-999em;}

/* Design for a width of 768px */
@media only screen and (max-width: 995px){
	nav{padding-right:10px;}
	.menu > li {margin-right:10px;}
	.menu > li > a {padding:105px 5px 0;}
	/*.menu  .menu-arrow{display:inline-block; width:5px; height:7px; overflow:hidden; text-indent:-999em; background:url(../images/menu-arrow.gif) center top no-repeat; margin-left:6px; vertical-align:1px;}*/
}

/* Design for a width of 480px*/
@media only screen and (max-width: 767px) {
	nav{width:100%; padding-right:0;}
	.menu > li {float:none; margin-right:0px; margin-bottom:10px;}
	.menu > li > a{display:block; padding:18px 20px; background:#222;}
		.menu > li.sfHover > a,.menu > li > a:hover , .menu > li.current > a {background-color:#ef1f27;}
	.menu .menu-arrow{width:5px; top:30px; left:auto; right:25px;}
	/***submenu***/
	.menu ul {position:static; width:auto !important; padding:0px !important;}
	.menu li li{padding:0; margin-bottom:0; text-transform:uppercase;}
	.menu li li a{display:block; padding:13px 20px;}
	.menu li li .menu-arrow{display:block; top:18px;}
}

/* Design for a width of 320px */
@media only screen and (max-width: 479px){
}