<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="moosescroll.js"></script>
<script type="text/javascript">
$(window).load(function() {
$("html, body").MooseScroll();
});
</script>
<style>
html, body
{
margin: 0;
padding-top: 100px;
height: 100%;
}
body
{
height: 400%;
color: #3b4d56;
font-family: 'Helvetica Neue', sans-serif;
font-size: 14px;
background-color: #F9F0D7;
}
#header {
position: fixed;
height: 160px;
width: 100%;
top: 0;
left: 0;
border-top: 0px solid #316594;
background: #D7CFBA;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 0px 0;
z-index:100;
background-image:url(http://mooseloose.com/mooselooseheader.jpg);
background-repeat: no-repeat;
background-position: center center;
}
nav{width:960px;
height:22px;
margin-right:auto;
margin-left:auto;
margin-top:119px;
background-color: transparent;
}
/* Functionality */
* { margin: 0; padding: 0; list-style: none; }
a { text-decoration: none;}
ul { list-style: none; }
ul.menu li {float:left;}
ul.menu li:hover {position: relative;}
ul.menu li a {display: block;}
ul.menu ul {visibility: hidden;position: absolute;Z-index:100;}
ul.menu ul li a {margin: 0;width: 100%;display: inline-block;text-align:center}
ul.menu ul li a:visited {width: 100%;display: inline-block}
ul.menu ul li a:hover{border-right: none;width:100%;display: inline-block}
ul.menu li:hover > ul {visibility: visible;}
/* Style */
ul.menu li a {background-color:transparent;color:#fff} /* Button Color */
ul.menu li a:visited {background-color:transparent;color:#fff} /* visited Button Colors */
ul.menu li a:hover {background-color:#000;color:#ffffff;}/* Hover Button Colors */
ul.menu li a:active {background-color:#B08146;color:#ffffff;}/* Active Button Colors */
ul.menu ul li a {background-color: #000000;color:#ffffff;width:100px} /* Sub-Button Color */
ul.menu ul li a:visited {background-color: #000000;color:#ffffff} /* visited Sub-Button Color */
ul.menu ul li a:hover{background-color: #E8E0AC;color:#000000;width:100px} /* Hover Sub-Button Color */
ul.menu ul li a:active{background-color: #B08146;color:#ffffff} /* Active Sub-Button Color */
ul.menu li {margin-top:0px}
ul.menu li a {padding: 11px 15px;font-size: 15px}
ul.menu ul {left: 0px;top:38px;}
#{margin-bottom:100px;height:20%;
-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.16);
-moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.16);
box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.16);
background-color:white;
padding:20px;
color:#000;
width:920px;
margin-left:auto;
margin-right:auto;
}
</style>
<body>
<div ID="container">
<div id="header">
<nav>
<ul class="menu">
</ul>
</nav>
</div>
<div class="clear:both"></div>
</div>
</div>
</body>
</html>