/* Solis - Dropdown Menu (Theme 2) - Animation 1 */
body{
	margin:0;
	}
/* ========== MAIN DIV THAT HOLDS THE ENTIRE MENU ========== */	
.menu-container{
	width:100%;
	height:72px;
	margin-top:200px;
	background:#333;
	border-top:solid 1px #222;
	border-bottom:solid 5px #40B3FF; 
	-webkit-box-shadow:0 0 14px #CCC;
	-moz-box-shadow:0 0 14px #CCC;
	box-shadow:0 0 14px #CCC;
	}
.menu{
	width:1020px;
	margin:0 auto;
	overflow:hidden;
	}
/* ========== DIV THAT HOLDS MAIN LINKS ========== */	
.menu ul{
	margin:0;
	padding:0;
	list-style:none;
	}
/* ========== MAIN LINKS ========== */
.menu ul li{
	float:left;
	}
.menu ul li a{
	display:block;
	width:84px;
	height:72px;
	color:#EEE;
	text-decoration:none;
	text-align:center;
	border-left:solid 1px #DADADA;
	-webkit-transition:color 160ms linear 10ms, background 160ms linear 10ms;
	-moz-transition:color 160ms linear 10ms, background 160ms linear 10ms;
	-ms-transition:color 160ms linear 10ms, background 160ms linear 10ms;
	-o-transition:color 160ms linear 10ms, background 160ms linear 10ms;
	transition:color 160ms linear 10ms, background 160ms linear 10ms;
	}
.menu > ul > li:last-child > a{
	border-right:solid 1px #DADADA;
	}
/* ========== ICONS ========== */
.menu ul li a i{
	margin-top:18px;
	font-size:17px;
	}
/* ========== TEXT ========== */
.menu ul li a h3{
	margin-top:4px;
	/*font:normal 13px 'proxima-nova', sans-serif*/	/* Original default menu font */
	font:normal 13px 'Raleway', sans-serif
	}
/* ========== MAIN LINKS ON MOUSEOVER ========== */	
.menu ul:hover li.current a{
	color:#EEE;
	background:#333;
	}
.menu ul li.current > a, .menu > ul > li:hover > a, .menu ul li.current:hover > a{
	color:#40B3FF;
	background:#2C2C2C;
	}
/* ========== DROPDOWN MENU ========== */
.menu ul ul{
	width:152px;
	position:absolute;
	visibility:hidden;
	opacity:0;
	background:#2C2C2C;
	border-top:solid 5px #40B3FF;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	-webkit-box-shadow:0 3px 3px rgba(209,209,209,.8);
	-moz-box-shadow:0 3px 3px rgba(209,209,209,.8);
	box-shadow:0 3px 3px rgba(209,209,209,.8);
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
	}
.menu ul li:hover > ul{
	visibility:visible;
	opacity:1;
	}
/* ========== LINKS IN DROPDOWN MENU ========== */
.menu ul ul li{
	position:relative;
	float:none;
	}
.menu ul ul li a{
	width:auto;
	height:36px;
	padding-left:16px;
	font:13px/36px 'Archivo Narrow', sans-serif;
	color:#A2A2A2;
	text-align:left;
	border:none;
	border-bottom:solid 1px #252525;
	}
/* ========== LINKS IN DROPDOWN MENU ========== */	
.menu ul ul li a span{
	position:absolute;
	top:12px;
	right:10px;
	font-size:14px;
	}	
.menu ul .icons-dropdown li a{
	padding-left:37px;
	}	
.menu ul ul li a i{
	position:absolute;
	top:-6px;
	left:12px;
	font-size:14px;
	}
.menu ul ul li:last-child a{
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	}
/* ========== LINKS ON MOUSEOVER IN DROPDOWN MENU ========== */
.menu ul ul li:hover > a{
	color:#FFF;
	background:#333;
	}
/* ========== DROPDOWN MENU LVL 2,3,4... ========== */	
.menu ul ul ul{
	position:absolute;
	left:100%;
	top:-4px;
	border-top:solid 4px #40B3FF;
	-webkit-box-shadow:3px 4px 3px rgba(209,209,209,.6);
	-moz-box-shadow:3px 4px 3px rgba(209,209,209,.6);
	box-shadow:3px 4px 3px rgba(209,209,209,.6);
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	}	
.menu ul ul ul li a{
	border-left:solid 1px #252525;
	}
/* ========== SOCIAL ICONS ========== */
.social{
	margin:15px 0 0;
	padding:0;
	list-style:none;
	float:right;
	}
.social li{
	float:left;
	}
.social li a{
	display:block;
	width:40px;
	height:40px;
	margin-right:2px;
	font-size:16px;
	background:#2C2C2C;
	text-align:center;
	color:#40B3FF;
	line-height:40px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-transition:color 160ms ease-in, background 160ms ease-in;
	-moz-transition:color 160ms ease-in, background 160ms ease-in;
	-ms-transition:color 160ms ease-in, background 160ms ease-in;
	-o-transition:color 160ms ease-in, background 160ms ease-in;
	transition:color 160ms ease-in, background 160ms ease-in;
	}
.social li:last-child a{
	margin-right:0;
	}	
.social li a:hover{
	color:#333;
	background:#40B3FF;
	}