@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Anaheim);
body{
	margin:0;
	}
/* ========== MAIN DIV THAT HOLDS THE ENTIRE MENU ========== */
.menu{
	width:94%;
    position: absolute;
    z-index: 100;
	height:42px;
    margin-bottom: 20px !important;
	margin:0 3%;
    background:rgba(0,0,0,.3);
	border-bottom:solid 4px rgba(0,0,0,.3);
	-webkit-box-shadow:0 0 6px #A6A6A6;
	-moz-box-shadow:0 0 6px #A6A6A6;
	box-shadow:0 0 6px #A6A6A6;
    border-radius: 0px 0px 8px 8px;
	}
/* ========== DIV THAT HOLDS MAIN LINKS ========== */
.menu ul{
	margin:0 auto;
	padding:0;
    display: block;
	list-style:none;
    text-align: center !important;
	}
/* ========== MAIN LINKS ========== */
.menu ul li{
	position:relative;
	display: inline-block;
    text-align: left !important;
	}
.menu ul li a{
	display:block;
	height:42px; 
	padding:0 15px; 
	font:18px/45px 'Anaheim', sans-serif;
	color:rgba(255,255,255,.8);
	text-transform:uppercase; 
	text-decoration:none;
	-webkit-transition:background 190ms ease-in, color 190ms ease-in;
	-moz-transition:background 190ms ease-in, color 190ms ease-in;
	-ms-transition:background 190ms ease-in, color 190ms ease-in;
	-o-transition:background 190ms ease-in, color 190ms ease-in;
	transition:background 190ms ease-in, color 190ms ease-in;
	}
/* ========== MAIN LINKS ON MOUSEOVER  ========== */
.menu ul:hover li.active > a{
	background:rgba(0,0,0,.0);
    color:rgba(255,255,255,.8);
	}	
.menu ul li.active > a, .menu ul li:hover > a, .menu ul li.active:hover > a{
	background:rgba(0,0,0,.3);
	color:#FFF; 
	}
/* ========== MAIN LINKS ON MOUSE CLICK ========== */	
.menu ul li a:active, .menu ul li.active a:active{
	color:#CCC;
	}
/* ========== DROPDOWN MENU ========== */
.menu ul ul{
	position:absolute;
	visibility:hidden;
	opacity:0;
	margin:14px 0 0 14px;
	padding-top:4px; 
	background:rgba(0,0,0,.3);
	border-bottom:solid 2px rgba(0,0,0,.3);
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
	-webkit-transition:all 210ms ease-out 10ms;
	-moz-transition:all 210ms ease-out 10ms;
	-ms-transition:all 210ms ease-out 10ms;
	-o-transition:all 210ms ease-out 10ms;
	transition:all 210ms ease-out 10ms;
	}
.menu ul li:hover > ul{
	visibility:visible;
	opacity:1;
	margin:0;
	}
/* ========== LINKS IN DROPDOWN MENU ========== */
.menu ul ul li{
	cursor:pointer;
	border:solid 1px rgba(0,0,0,.3);
	border-bottom:none;
	}
.menu ul ul li a{
	width:134px; 
	height:31px;
	padding-right:0; 
	font-size:18px;
	color:#FFF; 
	line-height:32px;
	text-transform:none;
	}
.menu ul ul li span{
	position:absolute;
	top:0;
	right:10px;
	font-size:16px; 
	}
/* ========== LINKS ON MOUSEOVER IN DROPDOWN MENU ========== */
.menu ul ul li:hover > a{
	background:rgba(0,0,0,.3);
	}
/* ========== LINKS ON MOUSE CLICK IN DROPDOWN MENU ========== */
.menu ul ul li a:active{
	color:#CCC; 
	}
/* ========== DROPDOWN MENU LVL 2,3,4,... ========== */
.menu ul ul ul{
	top:-1px;
	left:100%;
	padding:0;
	}