nav{position: relative; float:right; padding-top:14px; margin-right:-14px;}
#menu-icon{
	display:none;
	font:14px/17px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:43px 10px 12px;
	background:#202020;
	cursor:pointer;
}
.menu {list-style:none;}
.menu > li {
	position:relative;
	float:left;
	font:14px/17px Arial, Helvetica, sans-serif;
	background:url(../images/menu-separator.gif) right center no-repeat;
}
	.menu > li.last-item{background:none;}
	.menu > li > a {
		display:block;
		color:#a6a6a6;
		text-decoration:none;
		padding:6px 14px 7px 13px;
	}
		.menu > li.sfHover > a,.menu > li > a:hover , .menu > li.current > a {text-decoration:none; color:#fff; background:#202020;}
	.menu .menu-arrow{display:none;}
/***submenu***/
.submenu-top{
	display:none;
	width:14px;
	height:8px;
	background:url(../images/submenu-top.png) center top no-repeat;
	position:absolute;
	top:36px;
	left:14px;
}
	.menu > li.sfHover > .submenu-top{display:block;}
.menu ul {
	position:absolute;
	top:-999em;
	width:158px; 
	display:none;
	padding:21px 0 27px;
	background:#202020;
	z-index:999;
}
.menu li li{
	width:100%;
	padding:0;
	margin-bottom:5px;
	position:relative;
	font:13px/16px Arial, Helvetica, sans-serif;
	text-align:center;
}
	.menu li li a{
		display:block;
		color:#fff;
		text-decoration:none;
		padding:9px 0 10px;
	}
		.menu li li > a:hover,.menu li li.sfHover > a{
			background:#3952a3;
			text-decoration:none;
		}
.menu li:hover ul, .menu li.sfHover ul {left:0px; top:44px;}
.menu li:hover li ul, .menu li.sfHover li ul {top:-999em;}
/***subsubmenu***/
.menu ul ul{background:#3e3e3e;}
.menu li li:hover ul, .menu li li.sfHover ul {left:159px; top:-21px;}
.menu li li:hover li ul, .menu li li.sfHover li ul {top:-999em;}

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

@media only screen and (max-width: 767px) {
	nav{margin-top:-30px; padding-top:0;}
	#menu-icon{display:block; }
	/*menu*/
	.menu{display:none; position:absolute; top:73px; right:0; width:120px; padding:15px 0; background:#3952a3; z-index:999;}
	.menu > li {float:none; width:100%; padding:0; background:none;}
	.menu > li > a {color:#fff; padding:9px 10px 9px 20px;}
		.menu > li.sfHover > a,.menu > li > a:hover, .menu > li.current > a {color:#202020; background:#fff;}
	.menu > li > a .menu-arrow{display:inline; width:auto; height:auto; text-indent:0; font-size: inherit; line-height: inherit; background:none; vertical-align:middle; margin-left:0;}
	/***submenu***/
	.submenu-top{display:none !important;}
	.menu ul {right:121px; left:auto !important; top:0 !important; width:142px; background:#3952a3; padding:15px 0;}
		.menu li li{text-align:left;}
			.menu li li a{padding:9px 5px 10px 15px;}
				.menu li li > a:hover,.menu li li.sfHover > a{color:#202020; background:#fff;}
	.menu ul .menu-arrow{display:inline-block; width:6px; height:3px; overflow:hidden; text-indent:-999em; font-size:0; line-height:0; background:url(../images/submenu-arrow.gif) center 0px no-repeat; vertical-align:middle; margin-left:5px;}
		.menu ul li.sfHover > a .menu-arrow, .menu ul a:hover .menu-arrow, .menu ul li.current > a .menu-arrow{background-position: center -17px;}
	/***submenu***/
	.menu ul ul {position:static; padding:15px 0px;}
		.menu ul ul li > a:hover{background:#3952a3; text-decoration:none;}
}

@media only screen and (min-width: 768px) {.menu {display:block !important;}}