/* CSS Document */

.hidden {
	display: none;	
}

.block {
	display: block;	
}

#menu {
	clear:both;
	width: 100%;
	height: auto;
	margin: 10px 0px 0;
	display:inline-block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:90%;
	z-index:1000; 
	position:relative;
	border-radius: 5px;
	
}


#menu ul {
	padding:0;
	width: 100%;
	list-style:none;
	float:left;
	position:relative;
	border-radius: 5px;
}

#menu ul li {
	margin:0;
	float:left;
	position:relative;
	width: 204px;
	text-align: center;
	border: 1px solid #444;
	background-color: #111;
	background-image: -moz-linear-gradient(#444, #111); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
	background-image: -webkit-linear-gradient(#444, #111);	
	background-image: -o-linear-gradient(#444, #111);
	background-image: -ms-linear-gradient(#444, #111);
	background-image: linear-gradient(#444, #111);
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5)
	

}

#menu ul li a {
	font-size: 14px;
	height: 100%;
	padding: .6em 0;
	display:block;
	margin:0;
	line-height:1em;
	text-decoration:none;
	text-transform: uppercase;
	font-weight:bold;
	color: #bbb;
}

#menu ul li.active a {
	color:#fff !important;
	background:#000;
}

#menu ul li a:hover {
	background:#bf0a25; 
	color:#fff !important;
-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#menu ul li:hover,
#menu ul li.hover { 
	background:#bf0a25; 
	color:#fff !important;
}


#menu ul ul {
	display:none;
	position:absolute;
	top:2.1em;
	left:-1px;
	float:left;
	width:100%;
}

#menu ul ul li {

	left:auto;  
	margin:0; 
	padding: 0;
	float:left;
	width:100%;
	border-bottom: none;
	background: #111 !important;
}

#menu ul ul li a,
#menu ul li.active li a,
#menu ul li:hover ul li a,
#menu ul li.hover ul li a { 
	font-size:.8em;
	font-weight:normal; 
	padding:.7em 0 .5em;
	color:#bbb!important;
	line-height:1.4em; 
	float:left;
	width:100%;
	text-transform: none;
}
#menu ul ul li a:hover,
#menu ul li.active ul li a:hover,
#menu ul li:hover ul li a:hover,
#menu ul li.hover ul li a:hover { 
	background:#bf0a25; 
	color:#fff !important;
	float:left;
}


#menu ul li:hover ul,
#menu ul li.hover ul { 
	display:block;
}

#menu1 {
	border-radius: 5px 0 0 5px;	
}

#menu5 {
	border-radius: 0 5px 5px 0;	
}

.act {
	background: #111 !important;
}

.act a {
	color: #fff !important;	
}