/* ========== MAIN DIV THAT HOLDS THE ENTIRE MENU ========== */
.menu_container{
	height:60px; 
    /* background:#09f; */
	/* background:transparent; */
	width:100%;
	overflow:hidden;
	}
.menu_wrap{
	background:#676767;
	width:100%;
	}
/* ========== DIV THAT HOLDS MAIN LINKS ========== */
.menu{
	height:30px; 
	background:#676767; 
	}
/* ========== MAIN LINKS ========== */
.menu ul{
	position:relative;
	margin:0; 
	padding:0; 
	list-style:none;
	width:100%;
	}
.menu ul li{
	float:left;
	}
.menu ul li a{
	display: block;
	height:30px; 
	padding:0 15px; 
	font:16px/30px 'calibri'; 
	color:#bababa; 
	text-transform:uppercase;
	text-decoration:none;
	/*-webkit-transition:background 190ms linear, color 190ms linear;
	-moz-transition:background 190ms linear, color 190ms linear;
	-ms-transition:background 190ms linear, color 190ms linear;
	-o-transition:background 190ms linear, color 190ms linear;
	transition:background 190ms linear, color 190ms linear;*/
	}
/* ========== MAIN LINKS ON MOUSEOVER ========== */		
.menu ul:hover li.active > a{
	background:#333; 
	color:#777;
	}
/*.menu ul li.active > a, .menu ul li:hover > a, .menu ul li.active:hover > a{
	background:#09F; 
	color:#FFF; 
	}*/
	.menu ul li.eat.active > a, .menu ul li.eat:hover > a, .menu ul li.eat.active:hover > a{
	background:#0099ff; 
	color:#FFF; 
	}
	.menu ul li.lat.active > a, .menu ul li.lat:hover > a, .menu ul li.lat.active:hover > a{
	background:#cc6666; 
	color:#FFF; 
	}
	.menu ul li.llt.active > a, .menu ul li.llt:hover > a, .menu ul li.llt.active:hover > a{
	background:#ff9933; 
	color:#FFF; 
	}
	.menu ul li.pit.active > a, .menu ul li.pit:hover > a, .menu ul li.pit.active:hover > a{
	background:#66cccc;
	color:#FFF; 
	}
	.menu ul li.it.active > a, .menu ul li.it:hover > a, .menu ul li.it.active:hover > a{
	background:#6666cc;
	color:#FFF; 
	}
/* ========== MAIN LINKS ON MOUSE CLICK ========== */		
.menu ul li > a:active, .menu ul li.active > a:active{
	color:#CCC; 
	}
/* ========== SUBMENU ========== */
.menu ul ul{
	position:absolute;
	left:0;
	height:30px;
	visibility:hidden;
	opacity:0;
	/*-webkit-transition:all 230ms linear 20ms;
	-moz-transition:all 230ms linear 20ms;
	-ms-transition:all 230ms linear 20ms;
	-o-transition:all 230ms linear 20ms;
	transition:all 230ms linear 20ms;*/
	}
	
	
 .menu ul:hover li.active ul{
	visibility:hidden;
	opacity:0;
	}
	
.menu ul li.active ul, 
.menu ul li:hover ul, 
.menu ul li.active:hover ul{
	visibility:visible;
	opacity:1;
	}
	
	
	
	
	.menu ul ul.eat-bg{
		background:#0099ff; 
	}
	.menu ul ul.lat-bg{
		background:#cc6666;
	}
	.menu ul ul.llt-bg{
		background:#ff9933;
	}
	.menu ul ul.pit-bg{
		background:#66cccc;
	}
	.menu ul ul.it-bg{
		background:#6666cc;
	}
/* ========== LINKS IN SUBMENU ========== */
.menu ul ul li a{
	height:30px;
	padding:0 13px;
	font-size:15px; 
	color:#FFF; 
	text-transform:capitalize;
	line-height:28px;
	-webkit-transition:color 250ms ease-out 20ms;
	-moz-transition:color 250ms ease-out 20ms;
	-ms-transition:color 250ms ease-out 20ms;
	-o-transition:color 250ms ease-out 20ms;
	transition:color 250ms ease-out 20ms;
	}
.menu ul ul li a:after {
      display: inline;
      content: "\25c0 ";
       font-size:10px;
       color:transparent;

    }
    .menu ul ul li a:before {
      display: inline;
      content: "\25B6 ";
      font-size:10px;
      color:transparent;
    }


.menu ul ul li a:hover:after {
      display: inline;
      content: "\25c0 ";
       font-size:10px;
       color:#fff;
       position:relative;
       right:-5px;

    }
    .menu ul ul li a:hover:before {
      display: inline;
      content: "\25B6 ";
      font-size:10px;
      color:#fff;
      position:relative;
       left:-5px;
    }

.menu ul ul li.active a:after {
      display: inline;
      content: "\25c0 ";
       font-size:10px;
       color:#fff;
       position:relative;
       right:-5px;

    }
.menu ul ul li.active a:before {
      display: inline;
      content: "\25B6 ";
      font-size:10px;
      color:#fff;
      position:relative;
       left:-5px;
    }


.menu ul ul li:first-child a{
	padding-left:15px;
	}
/* ========== LINKS ON MOUSEOVER IN SUBMENU ========== */
.menu ul ul li:hover a{
	color:#fff;
	}
/* ========== LINKS ON MOUSE CLICK IN SUBMENU ========== */
.menu ul ul li a:active{
	color:#fff; 
	}