@charset "utf-8";

ul#main-navigation {
clear: both;
margin: 2em 0;
padding: 0;
}

ul#main-navigation::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

ul#main-navigation li {
display: inline;
margin: 0;
padding: 0;
list-style: none;
}

ul#main-navigation li a {
display: block;
width: 8em;
float: left;
margin: 0 1px;
background: #eee;
text-align: center;
line-height: 3;
text-decoration: none;
}

ul#main-navigation li a:hover {
background: #666;
color: white;
}

ul#sequence,
ul#sequence li {
margin: 0;
padding: 0;
}

ul#sequence {
position: relative;
height: 1.5em;
}

ul#sequence li {
position: absolute;
top: 0;
display: inline;
width: 50%;
list-style: none;
}

ul#sequence li#prev {
left: 0;
}

ul#sequence li#next {
right: 0;
text-align: right;
}