/* Navigation 2 */
#navZone { 
	width:100%; 
	margin:2em 0; 
	background-color:#ffd800; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0px -20px 25px -18px rgba(68,68,68,0.6);
	-webkit-box-shadow: inset 0px -20px 25px -18px rgba(68,68,68,0.6);
	box-shadow: inset 0px -20px 25px -18px rgba(68,68,68,0.6);
}

#navZone .nav-alt-link { display: none;}
#navZone .nav a.expand { display:none; }

#navZone .nav { 
	-webkit-transition: all 0.3s ease-out;  
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out; 
}

#navZone .nav ul { 
	padding: 0px;	
	margin:0;
	list-style: none;
	position: relative;
	display: inline-table;
	text-transform: uppercase;
}

#navZone .nav ul:after {
	content: ""; clear: both; display: block;
}

#navZone .nav > ul > li { 
	display: inline-block;
}

#navZone .nav ul li > a { 
	padding:0.75em 0.75em; 
	display: block;
	text-decoration: none;
	color: #8a8046;
	font-size:1.1em;
}

#navZone .nav ul li > a:hover { color: #ad6069; }
#navZone .nav ul li.selected a { color:#ad6069; }

/* Subnav */
#navZone .nav ul ul { 
	display: none; 
	position: absolute; 
	z-index:100;
	top:100%;
	min-width: 160px;
	background-color:#ffd800;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0px -20px 25px -18px rgba(68,68,68,0.6);
	-webkit-box-shadow: inset 0px -20px 25px -18px rgba(68,68,68,0.6);
	box-shadow: inset 0px -20px 25px -18px rgba(68,68,68,0.6);
}

#navZone .nav ul li:hover > ul {
	display: block;
}

#navZone .nav ul li.selected ul li a { color:#000000; }

@media only screen and (max-width: 768px) {
	#navZone { 
		width:100%; 
		margin:0; 
		background:none; 
	}
	
    #navZone .nav-alt-link {
		display: block;
		float:right;
		color: #fff;
		margin-top:1.3em;
		background-color: #ffd800;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: inset 0px -20px 25px -18px rgba(68,68,68,0.6);
		-webkit-box-shadow: inset 0px -20px 25px -18px rgba(68,68,68,0.6);
		box-shadow: inset 0px -20px 25px -18px rgba(68,68,68,0.6);
		font-size:2em;
		padding:0.25em 0.5em;
	}
	
	#navZone .nav {
		clear: both;
		min-width: inherit;
		float: none;
	}
	
	#navZone .nav, #navZone .nav > ul ul {
		overflow: hidden;
		max-height: 0;
		background-color: #ffd800;
	}
	
	#navZone .nav ul { display: inline; }
	#navZone .nav > ul > li { display: block; position: relative; border-top:1px solid #FFFFFF; }
	#navZone .nav.active, #navZone .nav > ul ul.active { max-height: 355em; }
	#navZone .nav.active { margin-bottom:2em; }
	
	#navZone .nav.active a.expand {
		position:absolute;
		right:0;
		margin-top:-1.7em;
		padding:0.4em 1.1em;
		background-color:#cccccc;
		cursor:pointer;
		font-size:2em;
		over-flow:hidden;
		color: #fff;
		font-weigh:bold;
		display:block;
	}
	
	#navZone .nav li.has-subnav > a.expand:after { content: '+'; }
	#navZone .nav li.has-subnav > a.active:after { content: "-"; }
	
	#navZone .nav ul ul{
		display: inherit;
		position: relative;
		left: auto; top:auto;
		box-shadow: none; 
		border:none;
	}
	
	#navZone .nav ul ul > li { border-top:1px solid #FFFFFF; }
	#navZone .nav ul ul > li a { padding:0.75em 0em 0.75em 2em; }
		
}