.menu {					position: absolute; width: 800px; height: 38px; left: 60px; top: 130px; z-index: 99;}
.menu ul {			 	list-style: none; margin: auto;}
.menu ul ul{		 	list-style: none; margin: 0px; padding: 0px}
.menu ul li {			position:relative; float:left; margin: 0px; padding: 0px; 
						background-color: #8e8c8f;}
.menu ul li ul {		display: none;}
.menu ul li a, 
.menu ul li a:visited {	display:block; overflow:hidden; text-decoration:none;
						color: #FFF; font-size:16px; vertical-align:middle; text-align:center;
						padding-top:9px; padding-bottom:9px; padding-left:24px; padding-right:24px; margin: 0px;
						border:1px solid #8e8c8f;}

/* submenu */
.menu ul li:hover a,
.menu ul li.marked a{					color:#8e8c8f; background-color:#fff; border: 1px solid #99c2ee;}
.menu ul li:hover ul {					display:block; position:absolute; top:39px; left:0; width:auto; 
										white-space: nowrap;}
.menu ul li:hover ul li {				/* border: 1px solid #99c2ee; */
										/* border-bottom: 1px solid #99c2ee; */}
.menu ul li:hover ul li a.hide {		color:#fff;    background-color: #8e8c8f;}
.menu ul li:hover ul li a {				display:block; font-size:12px; 
										color:#fff;    background-color: #8e8c8f;}
.menu ul li:hover ul li a:hover {		color:#8e8c8f; background-color:#fff;}


.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}