#nav { margin: 0; padding: 0; position: relative; z-index: 500; background: #fc6da8 url(../image/nav_bg.png) repeat-x; }
#nav li { list-style: none outside; float: left; position: relative; }
#nav li a { color: #fff; display: block; padding: 13px 67px 12px; text-decoration: none; font-size: 1.4em; }
#nav li a:hover, #nav li a:active { background: #d11c46; }

#nav ul { display: none; background: #d11c46; 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 { background: #fc6da8; }

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

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