/* Talos - Animated Dropdown Menu (Theme 1) - Animation 3 */
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{
	width:100%;
	height:50px;
	margin:1px auto 0;
	background:#333;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 0 5px #888;
	-moz-box-shadow:0 0 5px #888;
	box-shadow:0 0 5px #888;
    z-index: 999999999;
    max-height: 400px;
	}
/* ========== DIV THAT HOLDS MAIN LINKS ========== */
.menu ul{
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	}
/* ========== MAIN LINKS ========== */
.menu ul li{
	position:relative;
	float:left;
	}
.menu > ul > li:first-child a{
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
	}
.menu ul li a{
	display:block;
	height:44px;
	padding:0 13px;
	font:10px/45px "BebasNeue";
	color:#FFF;
	text-decoration:none;
	border-right:solid 1px #1E1E1E;
	-webkit-transition:color 170ms linear 20ms, background 170ms linear 20ms;
	-moz-transition:color 170ms linear 20ms, background 170ms linear 20ms;
	-ms-transition:color 170ms linear 20ms, background 170ms linear 20ms;
	-o-transition:color 170ms linear 20ms, background 170ms linear 20ms;
	transition:color 170ms linear 20ms, background 170ms linear 20ms;
	}
.menu ul li a i{
	font-size:16px;
	}
.menu ul li a .icon-home{
	font-size:22px;
	line-height:46px;
	}	
/* ========== MAIN LINKS ON MOUSEOVER ========== */
.menu > ul > li.active > a, .menu > ul > li:hover > a{
	color:#64C1FF;
	background:#282828;
	}
/* ========== MAIN LINKS ON MOUSE CLICK ========== */	
.menu > ul > li > a:active, .menu > ul > li.active > a:active{
	color:#777;
	background:#1F1F1F;
	}
/* ========== DROPDOWN MENU ========== */	
.menu ul ul{
	position:absolute;
	left:-1px;
	visibility:hidden;
	opacity:0;
	z-index:11;
	margin-left:18px;
	background:#64C1FF;
	border:solid 1px #37AFFF;
	border-top:none;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	-webkit-box-shadow:0 5px 3px -3px #C4C4C4;
	-moz-box-shadow:0 5px 3px -3px #C4C4C4;
	box-shadow:0 5px 3px -3px #C4C4C4;
	-webkit-transition:all 230ms ease-out 10ms;
	-moz-transition:all 230ms ease-out 10ms;
	-ms-transition:all 230ms ease-out 10ms;
	-o-transition:all 230ms ease-out 10ms;
	transition:all 230ms ease-out 10ms;
	}
.menu ul li:hover > ul{
	visibility:visible;
	opacity:1;
	margin-left:0;
	}
/* ========== LINKS IN DROPDOWN MENU ========== */	
.menu ul ul li{
	float:none;
	}
.menu ul ul li a{
	width:500px;
	height:28px;
	padding-right:0;
	font-size:17px;
	color:#FFF;
	line-height:28px;
	border-bottom:solid 1px #75C8FF;
	border-right:none;
	}
.menu ul ul li:last-child a{
	border-bottom:none;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	}
.menu ul ul li a b{
	font-weight:normal;
	-webkit-transition:margin 170ms ease-out 30ms;
	-moz-transition:margin 170ms ease-out 30ms;
	-ms-transition:margin 170ms ease-out 30ms;
	-o-transition:margin 170ms ease-out 30ms;
	transition:margin 170ms ease-out 30ms;
	}
.menu ul ul li a i{
	position:absolute;
	top:5px;
	right:9px;
	}
/* ========== LINKS ON MOUSEOVER IN DROPDOWN MENU ========== */
.menu ul ul li:hover > a{
	background:#48B6FF;
	}
.menu ul ul li:hover > a b{
	margin-left:7px;
	}
/* ========== LINKS ON MOUSE CLICK IN DROPDOWN MENU========== */
.menu ul ul li a:active{
	background:#3CB0FF;
	}
/* ========== DROPDOWN MENU LVL 2,3,4,... ========== */	
.menu ul ul ul{
	left:100%;
	top:-1px;
	border-top:solid 1px #37AFFF;
	-webkit-border-radius:4px;
	-webkit-border-top-left-radius:0;
	-moz-border-radius:0 4px 4px 4px;
	border-radius:0 4px 4px 4px;
	}	
.menu ul ul ul li:first-child a{
	-webkit-border-top-right-radius:4px;
	-moz-border-radius:0 4px 0 0;
	border-radius:0 4px 0 0;
	}
/* ========== SOCIAL ICONS ========== */
.menu .social{
	float:right;
	border-left:solid 1px #1E1E1E;
	}
.menu .social li a{
	padding:0 9px;
	color:#64C1FF;
	background:#282828;
	border-right:none;
	}
.menu .social li:last-child a{ 
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius:0 4px 4px 0;
	border-radius:0 4px 4px 0;
	}
.menu .social li a i{
	line-height:45px;
	}
.menu .social li:hover a{
	color:#FFF;
	}
.menu .social li a:active{
	color:#64C1FF;
	background:#282828;
	}
/* LizardThemes/September2013 */