/*  NAV  */
#mobile-menu { height: 50px; background-color: #092a49; position: fixed; width: 100%; z-index: 1000; cursor: pointer; display: block; background-repeat: no-repeat; }
#mobile-nav-btn { width: 50px; height: 50px; background-image:url(../img/mobile-nav-btn.jpg); float: right; background-position: 0 0 }
.lock { overflow: hidden; }
nav#main { background-color:#092a49; width: 100%; display: block; position: fixed; display: none; overflow: scroll }
nav#main li { display: block; border-top: 1px solid #369; border-bottom: 2px solid #000 }
nav#main li.first { margin: 50px 0 0 0; border-left: 1px solid #11386d }
nav#main li a { font-weight: 400; display: block; padding: 15px 20px 0 20px; height: 35px; color: #fff; text-decoration: none; border-right: 1px solid #11386d } 
nav#main li a:hover { background-color: #fff; color:#092a49 }
nav#main li ul { display: none }
nav#main li ul.show { display: block }
nav#main li ul li { border-top: 1px solid #666 }
nav#main li ul li a { background-color: #92b6c7; }
nav#main a.more { background-image: url(../img/menu-arrow.png); background-repeat: no-repeat; background-position: right 0; padding-right: 50px }

@media screen and (min-width : 760px) {	
	#mobile-menu { display: none }
	nav#main { height: 50px; display: block; background-color: transparent; position: absolute; overflow:inherit }
	nav#main li { float: left; display: inline; position: relative; border: 0px}
	nav#main li:hover > ul { display: block }
	nav#main li.first { margin: 0 0 0 150px }
	nav#main li ul {  position: absolute; top: 100%; left: 0px; z-index: 1100; }
	nav#main li ul li { float: none; width: 100%;  }
	nav#main li ul li a { display: block; width: 100%; border-bottom: 2px solid #fff }
}