@charset "utf-8";
#button {
 margin: 0;
 padding: 0 1em;
 background: #000;
 height: 3em;
 list-style: none;
}

#button > li {
 float: left;
 height: 100%;
 margin-right: 0.5em;
 padding: 0 1em;
}

#button > li > a {
 float: left;
 height: 100%;
 color: #c60;
 text-decoration: none;
 line-height: 3;
 font-weight: bold;
 text-transform: uppercase;
}

#button > li > a:hover {
 color: orange;
 text-decoration: underline;
}
#button > li.sub {
 position: relative;
}
#button > li.sub ul {
 width: 10em;
 margin: 0;
 padding: 0.5em 0;
 list-style: none;
 background: #a40;
 position: absolute;
 top: -1000em;
}

#button > li.sub ul li {
 width: 90%;
 margin: 0 auto 0.3em auto;
}

#button > li.sub ul li a {
 height: 100%;
 display: block;
 padding: 0.4em;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
}

#button > li.sub ul li a:hover {
 background: #c60;
 text-decoration: underline;
}
#button > li.sub:hover ul {
 top: 3em;
}
}