#nav ul { list-style:none; margin: 0; padding: 0; display: block; } #nav a:hover { text-decoration: none; } #nav a { color: #214d61; letter-spacing: 0px; padding: 10px; text-decoration: none; display: block; font: 14px Corbel,'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Verdana,sans-serif; text-transform: none; } #nav li li a { color: #828282; letter-spacing: 0px; font: 14px Corbel,'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Verdana,sans-serif; text-transform: uppercase; } #nav li.active, #nav li.active>a { color: #99b2bc; } #nav li:hover, #nav li:hover>a { color: #99b2bc; } #nav li li:hover, #nav li li:hover>a { color: #ffffff; background: #818185; } #nav>ul>li { float:left; margin: 0; padding: 0; position:relative; cursor: pointer; } #nav>ul>li>a { line-height: 18px; } #nav>ul ul { position:absolute; list-style:none; left:-9999px; margin: 0; border: 1px solid #818185; background: #ffffff; padding: 0; width: 220px; z-index: 1000; } #nav>ul>li>ul{ top: 38px ; } #nav>ul>li>ul>li>ul{ top: -1px; } #nav>ul>li>ul>li, #nav>ul>li>ul>li>ul>li { padding: 0; margin: 0; position: relative; } #nav>ul>li>ul>li>a, #nav>ul>li>ul>li>ul>li>a { width: 200px; } #nav>ul>li:hover>ul { left:0; } #nav>ul>li:hover>ul>li:hover>ul { left: 220px; } #nav img { display: block; position:relative; border: none; } #nav li.logo { padding: 6px 30px 6px 0px; cursor: auto; } #nav li.logo:hover, #nav li.logo:hover>a { background: none; } #nav li.logo a { padding: 0; }