#nav { margin: 0; padding: 0; position: absolute; bottom: 10px; right: 0%; z-index: 100; }
#nav li { list-style: none outside; float: left; position: relative; padding: 6px 0 0; }
#nav > li { background: transparent url(../image/nav-li.png) repeat-x; }
#nav li a { color: #232465; display: block; padding: 8px 15px; text-decoration: none; text-transform: uppercase; font-size: .8em; border-right: 1px solid #f9f9f9; border-left: 1px solid #eee; }
#nav > li.first { background: transparent url(../image/nav-li-first.png) no-repeat; }
#nav li.first a { border-left: none; padding: 8px 15px 8px 50px; }
#nav li a:hover, #nav li a:active, #nav li:hover a {}

#nav ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; left: 0%; width: 100%; background: #fff; }
#nav ul li { float: none; text-align: center; padding: 0; }
#nav ul li a { padding: 6px 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; }