#menu {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	font-style:normal;
	line-height: 1em;
	font-size: 1em;
	display: table;
	text-align:center;
}
#menu li { display: inline-block; width: 150px }
#menu li:nth-of-type(3) { margin-left: 243px; }
#menu li ul li:nth-of-type(3) { margin-left: 0; }
#menu li ul li { float: left; display: block }
#menu li a {
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 42.5px 18px;
	font-family: "Brandon", Arial, sans-serif;
	color: #555;
}
.current, #menu li a:hover {color: #00b050 !important;}
#menu a:hover {
    color: #aad1ac; -webkit-transition: color 0.5s ease 0s; -moz-transition: color 0.5s ease 0s; -o-transition: color 0.5s ease 0s; transition: color 0.5s ease 0s;
}

.subnav {
    list-style: outside none none;
    z-index: 10000;
	display: none;
	opacity: 0;
	position:absolute;
	background: #f4f4f4;
	padding: 0;
	min-width: 200px;
	margin: -1px 0 0 !important;
	
}
.parent:hover + .subnav, .subnav:hover { display: block; opacity: 1; }
.subnav li { float: none !important; border-bottom: 1px solid #ddd; width: 100% !important; }
.subnav li:hover { background: #fff }
.subnav li a {
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	text-align: left !important;
	padding: 10px !important;
	font-family: "Brandon", Arial, sans-serif;
	color: #555 !important;
	font-size:13px;
}

/*2nd Level*/
.subnav ul { list-style: outside none none;
    z-index: 10000;
	display: none;
	opacity: 0;
	position:absolute;
	background: #ddd;
	padding: 0;
	min-width: 200px;
	margin: -48px 0 0 !important;
	left: 100%;
	
	}
.subnav li.parent:hover ul { display:block !important; opacity: 1 }
	
	 






.show { display: block !important; position: absolute !important; opacity: 1  }
.hide { display: none !important; }

@media only screen and (max-width: 900px) {
	.current { background: #f9f9f9; }
	#menu li:nth-of-type(4), #menu li:nth-of-type(3) { margin-left: 0;}
	
	#menu li a { padding: 24.5px 18px }
	#menu { margin: 0 !important; }
	#nav { position: relative; z-index: 9999999; }
	#nav > a {	}
	#nav:not(:target) > a:first-of-type, #nav:target > a:last-of-type {
		background-image: url("../images/nav.png");
		background-repeat: no-repeat;
		display: block;
		height: 50px;
		position: absolute;
		right: 25px;
		top: 25px;
		width: 50px;
	}
	#nav > ul {
		display: none;
		height: auto;
		left: 0;
		margin-top: 90px !important;
		position: absolute;
		right: 0;
		width: 100%;
	}
	#nav:target > ul { display: block;	}
	#nav > ul > li {
		background-color: #fff;
		border-bottom: 2px solid #C0B6AC;
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#nav li ul { position: relative !important; width: 100%; }
	#nav li:hover li a { background: #eee !important; }
	.subnav, .subnav ul { display: block; opacity: 1; color: #555 !important; }
	.subnav li a { text-align:center !important; padding: 8px !important }
	.subnav ul { left: 0; margin: 0 !important; background: #eee !important }
	.subnav ul li a { padding: 6px !important }
	
}