nav{
position: relative;
float:right;
padding-top:16px;
padding-right:48px;
border-bottom:2px solid #e4e3df;
margin-bottom:27px;
}
#menu-icon{
display:none;
font:italic 16px/20px Georgia, "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:20px;
}
.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;
	vertical-align: text-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){

.menu li li{
font:italic 10px/15px Georgia, "Times New Roman", Times, serif;
}

nav{padding-right:15px; margin-bottom:12px;}
.menu > li{
	margin-right:12px;
}
.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;}}