/*  --------------------- header -----------------------------*/
#nav-wrap{height:39px; clear:both;}
/* -------------------- navigation ------------------------------*/
#menu-icon {display: none; /* hide menu icon initially */}
#nav{padding:6px 0px 9px 0px; margin:0px 9px!important; background:url(../images/nav-bar.jpg) left top no-repeat; height:46px; float:left; width:962px;} 
#nav li {margin: 0;	padding:0;}
#nav li {position: relative; float: left; display: inline; font:bold 14px/31px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; border-left:1px solid #A7D293; }
#nav li:first-child{border-left:none;}
#nav li a{display: inline-block; padding:0 15px; color: #fff; text-decoration: none; line-height: 31px;}
#nav li a:hover, #nav li.selected a, #nav li a.active{color: #A7D293;}

@media only screen and (min-width : 1224px) {
#menu-icon{display:none;}
}

@media only screen and (min-width:1000px){
#nav {display: block !important ;}
}

@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}

/* mobile */
@media screen and (max-width:900px) {
/* nav-wrap */
#main-nav{ margin:0 auto; background-color:#547644; text-align:center; cursor:pointer; display: block; border-bottom:2px solid #fff;}
#nav-wrap { margin:0 auto; position:relative; width:250px;}
#nav-wrap li a.active{background:none;}
#nav-wrap li a:hover{background: #654924;}
/* menu icon */
#menu-icon {color:#FFF; font:bold 21px/39px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; display:block;}
#menu-icon:after{content:url(../images/arrow.png); padding-left:30px;}
#menu-icon:hover {color: #A7D293;}
#menu-icon.active {color: #A7D293;}
	
/* main nav */
#nav {clear: both;	position: absolute;	top:40px; left:-9px; padding-top:5px;	width:250px; z-index: 10000; padding:0!important;	background:#547644; display: none; height:auto; /* visibility will be toggled with jquery */}
#nav li {clear: both; float: none; padding:0;	margin:0; background:none; border-bottom:#47462D 1px solid; color:#FFF; line-height:28px; display:block; border-left:0;}
#nav a, #nav ul a {	font: inherit;	background: none; float:none!important;	display: block!important; padding:5px 0px!important; color: #FFF!important; border: none;}
#nav a:hover, #nav ul a:hover {background: none; color: #000;}
	
/* dropdown */
#nav ul {width: auto; position: static; display: block;	border: none; background: inherit; padding:2px 20px;}
#nav ul li {margin: 3px 0 3px;}
}