#menu {
	text-align: center;	
	background-color: #ffffff;
	border-bottom: 1px solid #bea888;
}

#menu ul ul {
	display: none;
}

#menu ul li:hover > ul {
	display: block;
}

#menu ul {
	padding: 0 20px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}

#menu ul:after {
	content: ""; clear: both; display: block;
}	
	
#menu ul li {
	float: left;
}

#menu > ul > li > a {
	text-transform: uppercase;
}

#menu > ul  > li:hover > a {
	background-color: #ffffff;
}

#menu ul li a {
	display: block; 
	padding: 15px 12px;
	border-radius: 8px;
	font: bold 12pt Arial, Helvetica;
	color: #000000 !important;
}
	
#menu ul ul {
	background: -moz-linear-gradient(#444, #111);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	background: -webkit-linear-gradient(#444, #111);    
	background: -o-linear-gradient(#444, #111);	
	background: -ms-linear-gradient(#444, #111);	
	background: linear-gradient(#444, #111);
	border-radius: 8px; 
	padding: 0;
	position: absolute; 
	top: 95%;
	padding: 8px;
	z-index: 1000;
}

#menu ul ul li {
	float: none; 
	position: relative;
	margin: 0px;
	padding: 0px;
}

#menu ul ul li a {
	display: block; 
	width: 250px;
	font-size: 12pt;
	border-radius: 4px;
	color: #ffffff !important;
	text-align: left;
}
	
#menu ul ul li a:hover {
	background-color: #bea888;
	background-image: -moz-linear-gradient(#dbd1b9,  #bea888);	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dbd1b9), to(#bea888));
	background-image: -webkit-linear-gradient(#dbd1b9, #bea888);
	background-image: -o-linear-gradient(#dbd1b9, #bea888);
	background-image: -ms-linear-gradient(#dbd1b9, #bea888);
	background-image: linear-gradient(#dbd1b9, #bea888);
	color: #000000 !important;
}