/************************************************************************************
NAV
*************************************************************************************/
#nav-wrap { margin-top: 0px; }

/* menu icon */
#menu-icon { display: none; /* hide menu icon initially */ }


/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 801px) {
	#nav-wrap { position: absolute; top:13px; right:10px; }

	#menu-icon {
		color: #000;
		width: 42px;
		height: 30px;
		background: #ecebeb url(../../../templates/foto/images/menu-icon.png) no-repeat 10px center;
		/* background: #ecebeb url(http://webdesignerwall.com/demo/mobile-nav/images/menu-icon.png) no-repeat 10px center; */
		padding: 8px 10px 0 40px;
		cursor: pointer;
		border: solid 1px #666;
		display: block; /* show menu icon */
	}
	#menu-icon:hover { background-color: #f8f8f8; }
	#menu-icon.active{ background-color: #bbb; }

	.Navigation {
		clear: both;
		position: absolute;
		top: 40px; left:-98px;
		width: 180px;
		z-index: 10000;
		padding: 5px;
		background: #F8F8F8;            background: #CC0000;
		border: solid 1px #999;
		display: none; /* visibility will be toggled with jquery */
	}
	.Navigation li {
		clear: both;
		float: none; text-indent:10px;
		margin: 5px 0 5px 0px; width:160px; border-top:0px solid #89AA32;
	}
	.Navigation a, 
	.Navigation ul a {
		font: inherit;
		background: none; background: #CC0000;
		display: inline;
		padding: 0; color: #fff; font-family: ArCo, HeStd; line-height:1.6em; /* !Important; */
		border: none;
	}
	.Navigation a:hover, 
	.Navigation ul a:hover {
		background:none; 
		color: #000 !Important;
	}
	
	/* dropdown */
	.Navigation ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	.Navigation ul li {
		margin: 0px 0 3px 0px;  width:160px; border-top:1px solid #C96C92;  text-indent:10px;
	}

}

@media screen and (min-width: 801px) {
	.Navigation { display: block !important; }
}

/*####################################################*/