#nav div, span, ul, li {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 vertical-align: baseline;
 background: transparent;
 font-weight: normal;
 font-size: 75%;
}

#nav a {
 color: #666;
 text-decoration: none;
 border-bottom: 1px solid #666;
}

#nav a:hover {
 color: #FFDB26;
 background: #666;
}

#nav a:focus, input:focus {
 outline: 1px dotted #666;
}

/* Nav */

#nav {
 width: 960px;
 margin: 0 auto;
}

#nav-container {
 width: 100%;
height: 30px;
 margin: 0 auto;
 background: #000;
}

#nav ul {
 display: block;
 background: #000;
}

#nav ul li {
 display: block;
 position: relative;
 float: left;
 text-align: center;
 font-family: 'Century Gothic', 'Trebuchet MS', helvetica, Verdana, serif;
 line-height: 30px;
 text-transform: uppercase;
 letter-spacing: 0.25em;
 border-right: 1px solid #666;
 background: #fff;
 color: #000;
 z-index: 100;
}

#nav ul li:last-child {
 border: 0;
}

#nav ul li a {
 display: block;
 padding: 0 1.5em;
 background: #000;
 color: #fff;
 border: 0;
 font-weight: bold;
}

#nav ul li a:hover, #nav ul li a:focus, #nav ul li:hover a {
 background: #222;
 background: rgba(0,0,0,0.85);
 outline: 0;
}

#nav ul li div.group {
 position: absolute;
 left: -9999px;
 top: 30px;
 width: 200px;
 background: #222;
 background: rgba(0,0,0,0.85);
 z-index: 99;
}

#nav ul li:hover div.group {
 left: -1px;
}

#nav ul li div.group div.section {
 float: left;
 width: 170px;
 padding: 1em 12px;
 border-left: 1px dotted #888;
 text-align: left;
}

#nav ul li div.group div.section:first-child {
 border: 0;
}

#nav ul li div.group div.section a {
 padding: 0 6px;
 margin-bottom: 1em;
 background: transparent;
 color: #fff;
 font-family: 'Century Gothic', 'Trebuchet MS', helvetica, Verdana, serif;
 line-height: 1.75em;
 letter-spacing: 0.1em;
 font-weight: normal;
}

#nav ul li div.group div.section ul {
 background: transparent;
}

#nav ul li div.group div.section ul li {
 float: none;
 text-align: left;
 font-family: 'Century Gothic', 'Trebuchet MS', helvetica, Verdana, serif;
 line-height: 1.75em;
 text-transform: none;
 letter-spacing: 0;
 border: 0;
 background: transparent;
 color: #fff;
}

#nav ul li div.group div.section ul li a {
 margin: 0;
 font-weight: normal;
 letter-spacing: 0;
}

#nav ul li div.group div.section ul li a:hover, #nav ul li div.group div.section ul li a:focus {
 background: #FFDB26;
 color: #000;
}

#nav ul li div.group div.section ul li a.clearance {
 color: rgb(203,6,6);
}

#nav ul li div.group div.section ul li a.clearance:hover, #nav ul li div.group div.section ul li a.clearance:focus {
 background: rgb(203,6,6);
 color: #fff;
}

#nav ul li div.group div.section ul li a.test {
 color: rgb(0,0,255);
}

#nav ul li div.group div.section ul li a.test:hover, #nav ul li div.group div.section ul li a.test:focus {
 background: rgb(0,0,255);
 color: #fff;
}
