#menu-icon{
	display:none;
	width:43px;
	height:55px;
	overflow:hidden;
	font:17px/21px Arial, Helvetica, sans-serif;
	color:#fff;
	float: right;
	cursor:pointer;
}

.menu {
	list-style:none;
	margin:0;

}

.menu > li {
	position:relative;
	float:left;
	font:14px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-bottom: 0px;
}
.menu > li.last-item{
	padding-right:0;
}

.menu > li > a {
	display:block;
	text-decoration:none;
	padding:23px 34px 30px;
}
		
.menu > li.sfHover > a,.menu > li > a:hover , .menu > li.current > a {
	text-decoration:none; 
	background-position:center top !important;
}

.menu .menu-arrow {
	display:none;
}
.menu ul {
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    top: -999em;
    width: 100%;
    z-index: 999;
}

.menu li li {
	width:100%;
	padding:0;
	margin-bottom:3px;
	position:relative;
	font:11px/14px Arial, Helvetica, sans-serif;
	text-shadow:none;
	text-align:center;
}
.menu li li a {
	display:block;
	text-decoration:none;
	padding:9px 0;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.menu li li > a:hover,.menu li li.sfHover > a{ text-decoration:none; }
.menu li:hover ul, .menu li.sfHover ul { left:3px; top:70px;}
.menu li:hover li ul, .menu li.sfHover li ul { top:-999em; }
.menu li li:hover ul, .menu li li.sfHover ul { left:141px; top:-5px;}
.menu li a:hover ul{display: block;}

@media only screen and (max-width: 767px) {

	#menu-icon{ display:block; }
	.menu {
		display:none; 
		position:absolute; 
		top:70px; 
		right:0px; 
		width:137px; 
		padding:17px 4px 24px; 
		z-index:999; 
	}
	
	.menu > li {
		float:none; 
		width:100%; 
		padding:0; 
		margin-bottom:3px; 
		text-shadow:none; 
		text-align:center; 
	}
	.menu > li > a {
		color:#fff; 
		padding:9px 0; 
		border-radius:4px; 
		-moz-border-radius:4px; 
		-webkit-border-radius:4px; 
	}
	.menu .menu-arrow{ display:inline; }
	.menu ul {
		right:143px; 
		left:auto !important; 
		top:0 !important; 
	}
	.menu ul ul {
		position:static; 
		width:auto; 
		padding:0; 
		margin-top:5px;
		margin-left: 20px;
	}
	.menu ul ul li{ text-transform:none; margin-bottom:0; }
	.menu ul ul ul{ margin-top:5px; }
}

@media only screen and (max-width: 480px){
	.menu{ right:5px; }
}


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