/* 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 MENU ========== */
.menu_container{
	margin-top:150px; 
	height:73px; 
	border-bottom:solid 1px #D5D4D4;
	-webkit-box-shadow:0 0 5px #C4C4C4;
	-moz-box-shadow:0 0 5px #C4C4C4;
	box-shadow:0 0 5px #C4C4C4;
	overflow:hidden;
	background:#F5F5F5;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#EEE));
	background:-webkit-linear-gradient(top, #F5F5F5, #EEE);
	background:-moz-linear-gradient(top, #F5F5F5, #EEE);
	background:-ms-linear-gradient(top, #F5F5F5, #EEE);
	background:-o-linear-gradient(top, #F5F5F5, #EEE);
	}
/* ========== BIG BLACK LINE ========== */
.menu{
	width:100%; 
	height:37px; 
	background:#444;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#333));
	background:-webkit-linear-gradient(top, #444, #333);
	background:-moz-linear-gradient(top, #444, #333);
	background:-ms-linear-gradient(top, #444, #333);
	background:-o-linear-gradient(top, #444, #333);
	}
/* ========== MAIN LINKS ========== */
.menu ul{ 
	width:980px;
	position:relative;
	margin:0 auto;
	padding:0;
	list-style:none;
	}
.menu ul li{
	float:left;
	}
.menu ul li a{
	display:block;
	height:37px; 
	padding:0 17px; 
	font:22px/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 MOUSEOVER ========== */				
.menu ul:hover > li.current > a{
	color:#FFF;
	background:transparent;
	}			
.menu ul li.current > a, .menu ul li:hover > a, .menu ul li.current:hover > a{
	color:#838383;
	background:#F1F1F1;
	}	
/* ========== HORIZONTAL SUBMENU ========= */
.menu ul ul{
	position:absolute;
	left:0;
	width:980px;
	height:36px;
	visibility:hidden;
	opacity:0;
	-webkit-transition:all 190ms linear 10ms;
	-moz-transition:all 190ms linear 10ms;
	-ms-transition:all 190ms linear 10ms;
	-o-transition:all 190ms linear 10ms;
	transition:all 190ms linear 10ms;
	}
.menu ul:hover li.current ul{
	visibility:hidden;
	opacity:0;
	}
.menu ul li.current ul, .menu ul li:hover ul, .menu ul li.current:hover ul{
	visibility:visible;
	opacity:1;
	}
/* ========== LINKS IN SUBMENU ========== */	
.menu ul ul li a{
	padding:0 12px; 
	font:italic 14px/42px Arial, Helvetica, sans-serif; 
	color:#999;
	-webkit-transition-duration:180ms;
	-moz-transition-duration:180ms;
	-ms-transition-duration:180ms;
	-o-transition-duration:180ms;
	transition-duration:180ms;
	}
/* ========== LINKS IN SUBMENU ON MOUSEOVER ========== */
.menu ul ul:hover li.current a{
	color:#999;
	text-shadow:none;
	}
.menu ul ul li.current a, .menu ul ul li:hover a, .menu ul ul li.current:hover a{
	color:#333;
	}