nav{float:right; padding-top:11px;}
.menu {list-style:none;}
.menu > li {
	position:relative;
	float:left;
	font-size:15px;
	line-height:18px;
	margin-right:4px;
	text-transform:uppercase;
}
	.menu li a {
		color:#fff;
		display:block;
		cursor:pointer;
		padding-left:7px;
		background:url(../images/menu-left.png) left 0 no-repeat;
		height:41px;
		overflow:hidden;
	}
		.menu li a em{
			display:block;
			font-style:normal;
			padding-right:7px;
			background:url(../images/menu-right.png) right 0 no-repeat;
		}
			.menu li a strong{
				display:block;
				font-weight:normal;
				padding:13px 11px 10px;
				background:#121d2a;
			}

		.menu li.sfHover > a,.menu li > a:hover{text-decoration:none; background-position:left -97px;}
			.menu li > a:hover em, .menu li.sfHover > a em{background-position: right -97px;}
				.menu li > a:hover strong, .menu li.sfHover > a strong{background-color:#7d8fa4;}
		.menu > li.current > a {text-decoration:none; background-position:left -48px;}
			.menu > li.current > a em{background-position: right -48px;}
				.menu > li.current > a strong{background-color:#ff8900;}

	.menu .menu-arrow{display:none;}
/***submenu***/
.menu ul {
	position:absolute;
	top:-999em;
	width:100%; 
	display:none;
	z-index:99;
}
.menu li li{
	width:100%;
	padding:0;
	margin-bottom:1px;
	position:relative;
	font-size:15px;
	line-height:18px;
}
	.menu li li a strong{padding:13px 0 10px; text-align:center;}
	.menu li li.sfHover > a,.menu li li > a:hover{background-position:left -48px;}
			.menu li li > a:hover em, .menu li li.sfHover > a em{background-position: right -48px;}
				.menu li li > a:hover strong, .menu li li.sfHover > a strong{background-color:#ff8900;}
.menu li:hover ul, .menu li.sfHover ul {left:0px; top:45px;}
ul.menu li:hover li ul,ul.menu li.sfHover li ul {top:-999em;}
/***subsubmenu***/
.menu ul ul{width:275px; overflow:hidden;}
	.menu ul ul li{float:left; margin-right:1px; margin-bottom:0; width:auto;}
		.menu ul ul a strong{padding:13px 11px 10px;}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {left:79px; top:0px;}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {top:-999em;}

/* Design for a width of 320 and 480px*/
@media only screen and (max-width: 767px) {
	nav{width:100%; float:none;}
	.menu > li {float:none; margin-right:0px; margin-bottom:5px;}
	.menu .menu-arrow{display:block; width:5px; height:3px; overflow:hidden; text-indent:-999em; background:url(../images/menu-arrow.gif) center top no-repeat; position:absolute; top: 18px; right:20px;}
	/***submenu***/
	.menu ul {position:static; width:auto; padding-top:1px;}
	.menu li li a strong{text-align:left; padding:13px 11px 10px;}
	/***subsubmenu***/
	.menu ul ul{width:auto;}
	.menu ul ul li{float:none; margin-right:0px; margin-bottom:1px;}
		.menu ul ul a strong{padding:13px 11px 10px 35px;}
}