#menu-icon{
	display:none;
    color:#000;
	padding:6px 0 5px 0;
	font-size:16pt;
	line-height:20px; 
	font-weight:bold;
	font-family:Calibri;
	cursor:pointer;
}
	#menu-icon span{
		display:inline-block;
		width:7px;
		height:4px;
		overflow:hidden;
		background:url(http://www.karenrowinsky.com/images/menu-icon-marker.gif) center top no-repeat;
		vertical-align:middle;
		margin-left:7px;
	}
	#menu-icon:hover, #menu-icon.active{color:#FFF;}


	nav ul .menu-arrow{display:none;}
/***submenu***/
nav ul ul {
	position:absolute;
	top:-999em;
	width:160px; 
	display:none; margin:0;
	z-index:999;
}
nav ul li li{
	width:100%;
	padding:0; margin:0;
	position:relative;
	
}
	
		nav ul li li > a:hover,nav ul li li.sfHover > a{
			color:#FFF;
			
		}
nav ul li:hover ul, nav ul li.sfHover ul {left:0px; top:35px;}
nav ul li:hover li ul, nav ul li.sfHover li ul {top:-999em;}



@media only screen and (max-width: 767px) {
	
	#menu-icon{display:block;}
	/*menu*/
	nav ul{display:none; position:absolute; top:31px;  left:0px; width:100%; z-index:999; float:none;}
	nav ul > li {float:none; width:100%; padding:0; margin:0; font-size:11.5pt;}
	nav ul > li > a {display:block; padding:8px 0px 8px; color:#FFF;  background:#e19947; border-radius:0; border-top:1px solid #FFF;}
	nav ul li.home a, nav ul li.home a:hover{border-radius:0;}
		nav ul > li.sfHover > a, nav ul > li > a:hover, nav ul > li.current > a {color:#FFF; border-radius:0;  background: #c4682e;  text-decoration:none;}
	nav ul .menu-arrow{display:inline;}
	/***submenu***/
	nav ul ul{position:static; margin:0; padding:0; border:none; width:100%; background:none;}
		nav ul ul li{ margin:0; padding:0;}
			nav ul ul li a{display:inline; padding:8px 0; display:block; width:100%;}
				nav ul ul li > a:hover,#nav_1111 ul li.sfHover > a{color:#ff811f; background-color:transparent;}
}
@media only screen and (min-width: 768px) {
	#menu-icon{padding-left:19px; padding-right:19px;}
	nav ul {display:block !important;}}