/* Animated Horizontal Dropdown Menu (Theme 1) - Animation 1 */
body{
	margin:0;
	}
/* ========== 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{
	overflow:hidden;
	height:76px;
	}
.main-navigation{
	width:100%;
	height:38px;
	}
/* ========== MAIN LINKS ========== */
.main-navigation ul{
	position:relative;
	padding:0;
	list-style:none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	height: 38px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align:center;
	}
.main-navigation li{
	text-align: center;
	display: inline-block;
	}
.main-navigation a{
	display:block;
	height:38px;
	padding:0 16px;
	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{
	}	
/* ========== SUBMENU ========= */
.main-navigation .submenu{
	width:100%;
	height:36px;
	position:absolute;
	left:0;
	overflow:hidden;
	}
.main-navigation .submenu ul{
	width:100%;
	position:absolute;
	left:0;
	visibility:hidden;
	opacity:0;
	-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;
	background-image: url(../images/bcgContent.png);
	background-repeat: repeat;
	}
.main-navigation .active-nav-link .submenu{
	z-index:1;
	}
.main-navigation ul:hover .active-nav-link ul{
	visibility:hidden;
	opacity:0;
	}
.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;
	}
/* ========== LINKS IN THE SUBMENU ========== */	
.main-navigation .submenu a{
	height:36px;
	color:#FFFFFF;
	-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;
	font-size: 13px;
	font-weight: 300;
	line-height: 36px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	}
/* ========== LINKS IN THE SUBMENU ON MOUSE HOVER ========== */
.main-navigation .submenu ul:hover .active-nav-link a{
	text-decoration: underline;
	}
.main-navigation .submenu .active-nav-link a, 
.main-navigation .submenu li:hover a, 
.main-navigation .submenu li.active-nav-link:hover a{
	text-decoration: underline;
	}