#navi{ height:37px; display:block; padding:0; margin:1px auto;  border:1px solid; border-radius:5px; } 
#navi > ul {list-style:inside none; padding:0; margin:0;} 
#navi > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#navi > ul > li > a{
	outline:none;
	display:block;
	position:relative;
	padding:12px 20px;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 0 rgba(0,0,0, 0.4);
	font-family: Verdana;
	font-size: 13px;
	line-height: 100%;
	font-weight: bold;
} 
#navi > ul > li:first-child > a{border-radius:5px 0 0 5px;} 
#navi > ul > li > a:after{ content:""; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#navi ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#navi > ul > li.has-sub > a:before{ content:""; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #FFFFFF; } 
#navi > ul > li.has-sub:hover > a:before{top:19px;} 
#navi ul li.has-sub:hover > a{ background:#333333; border-color:#FFFFFF; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
#navi ul li.has-sub:hover > ul, #navi ul li.has-sub:hover > div{display:block;} 
#navi ul li.has-sub > a:hover{background:#333333; border-color:#FFFFFF;} 
#navi ul li > ul, #navi ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#333333; border-radius:0 0 5px 5px; z-index:999; } 
#navi ul li > ul{width:180px;} 
#navi ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#navi ul li > ul li a{
	outline:none;
	display:block;
	position:relative;
	margin:0;
	padding:8px 20px;
	color:#fff;
	text-decoration:none;
	text-shadow:1px 1px 0 rgba(0,0,0, 0.5);
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
} 
#navi, #navi > ul > li > ul > li a:hover{ background:#000000; background:-moz-linear-gradient(top,  #000000 0%, #000000 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); background:-webkit-linear-gradient(top,  #000000 0%,#000000 100%); background:-o-linear-gradient(top,  #000000 0%,#000000 100%); background:-ms-linear-gradient(top,  #000000 0%,#000000 100%); background:linear-gradient(top,  #000000 0%,#000000 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); } 
#navi{border-color:#FFFFFF;} 
#navi > ul > li > a{border-right:1px solid #FFFFFF; color:#FFFFFF;} 
#navi > ul > li > a:after{border-color:#FFFFFF;} 
#navi > ul > li > a:hover{background:#333333;}