@CHARSET "UTF-8";
/*-- globals.css -- */

div#menu {
	float: left; 
	margin: -8px auto;
	display: block;
	background-color: black;
	border-radius: 25px;
	height: 25px; 
	width: 350px;
}
ul.main-menu  {
      margin: 0px auto;	
	display: inline;
	color: white;	
}
ul.main-menu li {
	float: left;
	margin: 0 auto;
	padding: 5px 10px  ;
	background-color: black;
	list-style:none;
} 
ul.main-menu li a {
	float: left;
      outline: none;
      padding: 0;
    /* height: 28px; */
      color: white;
      background-position: 0 0;
      background-repeat: no-repeat;
}
ul.main-menu li a span {
	display: block;
	text-indent: 0px;
	color: #F6DBA6; 
	font-weight: normal; 
}

ul.main-menu li ul,
ul.sub-menu li ul {
	list-style :none; 
	clear: both;
	float: none;
	display: none;
	background-color: black;
	position: absolute;
	margin: 20px 0 0 0; 
    #padding: 0px;
    #visibility: visible;    
	z-index: 100; 	
	zoom: 1;
	border-radius: 5px;
}

ul.main-menu  li:hover ul {
	clear: both;
	float: none;	
	display: block !important; 
 	visibility: visible;
	position: absolute;
	padding: 0px;
      marign-top: 30px;
    #margin-left: expression( -(this.parentNode.offsetWidth) + 'px' ); 
    #float: left;
    #display: inline; 
	z-index: 100; 
	zoom: 1; 	 
}
ul.sub-menu ul {
	list-style :none; 
	clear: both;
	float: none;
	display: none;
	position: absolute;
	margin: 0px;
    #padding: 0px;
    #visibility: visible;
    
	z-index: 100; 	
	zoom: 1;
	border-radius: 5px;
    -moz-box-shadow:  0px 7px 30px -10px black;
    -webkit-box-shadow:  0px 7px 30px -10px black;
     box-shadow:  0px 7px 30px -10px black;
}

ul.sub-menu li {
	clear: both;
	float: none; 
	#list-style-type :none;  
	#list-style-image: none;
	#background: none; 
	padding: 0px; 
	height: 24px; 
	width: 100%;
	min-width: 200px; 
}
ul.sub-menu li a span {
	padding: 0 10px;
}