#top-menu {   background: white; left: 0; right: 0; top: 0; width:100%; }
#top-menu li { float: left; padding: 0; width: 15%; margin: 0px .5%; text-align: center; padding: 10px 0px; margin-top: 3px;}
#top-menu a { display: block; padding: 0;
-webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; color: #FFF; text-decoration: none; }

#top-menu li.active a {
    color: #FFFFFF;
}
#top-menu a:hover { color: #FFFFFF; }
#top-menu li.active, #top-menu li:hover {  background: #F9A519;   font-weight: bold; }

#top-menu li.active {
    box-shadow: 2px 2px 3px #C27D00;
}
.menu_wrapper #top-menu li.active a{ color:#fff;}
#foo { width:100%; height:500px; background:#09F; float:left; }
#top { width:100%; height:500px; background:#fff; float:left; }
#bar { width:100%; height:500px; background:#933; float:left; }
#baz { width:100%; height:1200px; background:#CC3; float:left; }
.menu_wrapper #top-menu li:hover a { color:#fff;}
.menu_wrapper #top-menu li a{ color:#256B0D; padding: 14px 0px;}

@font-face {
    font-family: 'oswaldregular';
    src: url('../../fonts/oswald-regular-webfont.eot');
    src: url('../../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/oswald-regular-webfont.woff') format('woff'),
         url('../../fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('../../fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}