/* ========== THE MAIN FONT ========== */
@font-face{
	font-family:"BebasNeue";
	src:url('../font/BebasNeue.eot');
	src:url('../font/BebasNeue.eot?#iefix') format('embedded-opentype'),
		url('../font/BebasNeue.woff') format('woff'),
		url('../font/BebasNeue.ttf') format('truetype'),
		url('../font/BebasNeue.svg#BebasNeue') format('svg');
	}	
/* ========== MAIN DIV THAT HOLDS THE ENTIRE NAVIGATION ========== */
.main-navigation-container{
	height:100px; 
	background:#146101;
	border-bottom:solid 1px #D5D4D4;
	overflow:hidden;
	-webkit-box-shadow:0 0 5px rgba(170,170,170,.8);
	-moz-box-shadow:0 0 5px rgba(170,170,170,.8);
	box-shadow:0 0 5px rgba(170,170,170,.8);
	}
.main-navigation{
	width:100%; 
	height:50px; 
	background:#609F00;
	}
/* ========== MAIN LINKS ========== */
.main-navigation ul{ 
	width:980px;
	position:relative;
	margin:0 auto;
	padding:0;
	list-style:none;
	}
.main-navigation li{
	float:left;
	}
.main-navigation a{
	display:block;
	height:50px; 
	padding:0 12px; 
	font:17px/38px "BebasNeue"; 
	color:#FFF; 
	text-decoration:none;
	-webkit-transition:color 200ms linear, background 200ms linear;
	-moz-transition:color 200ms linear, background 200ms linear;
	-ms-transition:color 200ms linear, background 200ms linear;
	-o-transition:color 200ms linear, background 200ms linear;
	transition:color 200ms linear, background 200ms linear;
	}
/* ========== MAIN LINKS ON MOUSE HOVER ========== */				
.main-navigation > ul:hover > .active-nav-link > a{
	color:#FFF;
	background:transparent;
	}			
.main-navigation > ul > .active-nav-link > a, 
.main-navigation > ul > li:hover > a, 
.main-navigation > ul > li.active-nav-link:hover > a{
	color:#888;
	background:#146101;
	}	
/* ========== SUBMENU ========= */
.main-navigation .submenu{
	width:100%;
	height:50px;
	position:absolute;
	left:0;
	overflow:hidden;
	}
.main-navigation .submenu ul{
	width:auto;
	position:absolute;
	left:0;
	visibility:hidden;
	opacity:0;
	margin-top:30px;
	-webkit-transition:all 240ms ease-out 10ms;
	-moz-transition:all 240ms ease-out 10ms;
	-ms-transition:all 240ms ease-out 10ms;
	-o-transition:all 240ms ease-out 10ms;
	transition:all 240ms ease-out 10ms;
	}
.main-navigation .active-nav-link .submenu{
	z-index:1;
	}
.main-navigation ul:hover .active-nav-link ul{
	visibility:hidden;
	opacity:0;
	margin-top:30px;
	}
.main-navigation li:hover .submenu{
	z-index:2;
	}
.main-navigation .active-nav-link ul, 
.main-navigation li:hover ul, 
.main-navigation li.active-nav-link:hover ul{
	visibility:visible;
	opacity:1;
	margin-top:0;
	}
/* ========== LINKS IN THE SUBMENU ========== */	
.main-navigation .submenu a{
	height:40px;
	padding:0 10px;
	font:17px/38px Arial, Helvetica, sans-serif; 
	color:#FFF;
	-webkit-transition:color 190ms ease-out 10ms;
	-moz-transition:color 190ms ease-out 10ms;
	-ms-transition:color 190ms ease-out 10ms;
	-o-transition:color 190ms ease-out 10ms;
	transition:color 190ms ease-out 10ms;
	}
/* ========== LINKS IN THE SUBMENU ON MOUSE HOVER ========== */
.main-navigation .submenu ul:hover .active-nav-link a{
	color:#888;
	}
.main-navigation .submenu .active-nav-link a, 
.main-navigation .submenu li:hover a, 
.main-navigation .submenu li.active-nav-link:hover a{
	color:#FFFF00;
	}