nav{
	position: relative;
	float:right;
	padding-top:16px;
	padding-right:16px;
	border-bottom:2px solid #e4e3df;
	margin-bottom:27px;
}
#menu-icon{
	display:none;
	font:italic 13px/14px Georgia, MS Mincho, "Times New Roman", Times, serif;
	color:#7e7e7c;
	padding:9px 13px;
	background:#f6f5f2;
	border:1px solid #e4e3df;
	cursor:pointer;
}
	#menu-icon span{
		display:inline-block;
		width:7px;
		height:4px;
		overflow:hidden;
		background:url(../images/menu-icon-marker.gif) center top no-repeat;
		vertical-align:middle;
		margin-left:7px;
	}
	#menu-icon:hover, #menu-icon.active{color:#ff811f;}
.menu {list-style:none; float:left;}
.menu > li {
	position:relative;
	float:left;
	font:italic 16px/20px Georgia, "Times New Roman", Times, serif;
	margin-right:46px;
}
	.menu > li > a {
		display:inline-block;
		padding-bottom:14px;
		color:#7e7e7c;
		text-decoration:none;
		overflow:hidden;
		background:url(../images/menu-marker.gif) center -999em no-repeat;
	}
		.menu > li.sfHover > a,.menu > li > a:hover , .menu > li.current > a {text-decoration:none; background-position: center bottom;}
	.menu .menu-arrow{display:none;}
/***submenu***/
.menu ul {
	position:absolute;
	top:-999em;
	width:123px; 
	display:none;
	padding:10px 4px 13px;
	background:#f6f5f2;
	border:1px solid #e4e3df;
	z-index:999;
}
.menu li li{
	width:100%;
	padding:0;
	margin-bottom:2px;
	position:relative;
	font:italic 14px/17px Georgia, "Times New Roman", Times, serif;
}
	.menu li li a{
		display:block;
		padding:3px 6px 4px;
		color:#7e7e7c;
		text-decoration:none;
	}
		.menu li li > a:hover,.menu li li.sfHover > a{
			color:#f6f5f2;
			background-color:#8c8988;
			text-decoration:none;
		}
.menu li:hover ul, .menu li.sfHover ul {left:0px; top:35px;}
.menu li:hover li ul, .menu li.sfHover li ul {top:-999em;}

@media only screen and (max-width: 995px){
	nav{padding-right:15px; margin-bottom:20px;}
		.menu > li{margin-right:18px;}
			.menu > li > a {padding-bottom:10px;}
	.menu li:hover ul, .menu li.sfHover ul {top:31px;}
}

@media only screen and (max-width: 767px) {
	nav{border-bottom:none; padding-top:40px; padding-right:10px; margin-bottom:0;}
	#menu-icon{display:block;}
	/*menu*/
	.menu{display:none; position:absolute; top:86px; right:10px; width:115px; padding:10px 4px 13px; background:#f6f5f2; border:1px solid #e4e3df; z-index:999; float:none;}
	.menu > li {float:none; width:100%; padding:0; margin-bottom:2px; font-size:14px; line-height:17px;}
	.menu > li > a {display:block; padding:3px 6px 4px; color:#7e7e7c; background:none;}
		.menu > li.sfHover > a, .menu > li > a:hover, .menu > li.current > a {color:#f6f5f2; background-color:#8c8988; text-decoration:none;}
	.menu .menu-arrow{display:inline;}
	/***submenu***/
	.menu ul{position:static; padding:10px 0 10px 20px; border:none; background:none; width:auto;}
		.menu li li{margin-bottom:10px;}
			.menu li li a{display:inline; padding:0;}
				.menu li li > a:hover,.menu li li.sfHover > a{color:#ff811f; background-color:transparent;}
}
@media only screen and (min-width: 768px) {.menu {display:block !important;}}