#nav { margin: 0; padding: 0; border: 1px solid #8a8a8a; position: relative; z-index: 500; }
#nav li { background: #8a8a8a url(../image/nav-li.png) repeat-x; list-style: none outside; float: left; position: relative; }
#nav li a { color: #333; display: block; padding: 15px 56px 14px; text-decoration: none; border-right: 1px solid #989898; border-left: 1px solid #dbdbdb; text-transform: uppercase; font-weight: bold; }
#nav li.first a { border-left: none; }
#nav li.last a { padding: 15px 52px 14px 53px; border-right: none; }
#nav li a:hover, #nav li a:active, #nav li:hover a { background: #8a8a8a; }

#nav ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; left: 0%; width: 100%; }
#nav ul li { float: none; text-align: center; }
#nav ul li a { padding: 8px; }
#nav ul li a:hover, #nav ul li a:active, #nav ul li:hover a { background: #999; }

#nav ul ul { top: 0%; left: 100%; }
#nav ul ul li a:hover, #nav ul ul li a:active, #nav ul ul li:hover a { background: #ccc; }

#nav li:hover ul ul { display: none; }
#nav li:hover ul, #nav ul li:hover ul { display: block; }