.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
nav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    margin: 0;
    background: #f6ae31;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f6ae31 0%, #db9531 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6ae31), color-stop(100%, #db9531));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6ae31 0%, #db9531 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6ae31 0%, #db9531 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6ae31 0%, #db9531 100%);
    /* IE10+ */
    /*background: linear-gradient(to bottom, #f6ae31 0%, #db9531 100%);*/
    background: linear-gradient(to bottom, #a9d6ff 0%, #8fc5ff 100%);
    /* W3C */
    border-bottom: 1px solid #8d5d19;
    *zoom: 1;
}
nav:before,
nav:after {
  display: table;
  content: "";
}
nav:after {
  clear: both;
}
nav ul,
nav li {
  margin: 0;
  padding: 0;
  line-height: 36px;
  list-style: none;
}
nav .navigation > ul {
  margin-left: 1em;
}
nav .navigation > ul > li {
  width: 100px;
}
nav li {
  position: relative;
  float: left;
}
nav li a,
nav li a:link,
nav li a:visited,
nav li a:hover,
nav li a:active {
  color: #111111;
  text-decoration: none;
  -webkit-text-shadow: 0 1px 0 #f8c162;
  /*text-shadow: 0 1px 0 #f8c162;*/
  display: block;
  padding: 0 1em;
  line-height: 36px;
  font-weight: bold;
}
nav li a:hover,
nav li a:link:hover,
nav li a:visited:hover,
nav li a:hover:hover,
nav li a:active:hover {
  color: #ffffff;
}
nav li:hover > a {
  color: #ffffff;
  -webkit-text-shadow: none;
  text-shadow: none;
}
nav > .navigation > ul > li:hover {
  background: #A9D6FF;
}
nav li li:last-child {
  /*-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;*/

}
nav li li {
  display: block;
  float: none;
}
nav li li a,
nav li li a:link,
nav li li a:visited,
nav li li a:hover,
nav li li a:active {
  font-weight: normal;
  -webkit-text-shadow: none;
  text-shadow: none;
}
nav li ul {
  display: none;
  -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
  background: #A9D6FF;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
nav li:hover ul {
  display: block;
  position: absolute;
  width: 300px;
  z-index: 9999;
}
#logo {
  position: absolute;
  right: 30px;
  top: 0;
}
#userNav {
  position: absolute;
  right: 130px;
  top: 0;
  line-height: 36px;
  height: 36px;
}
#userNav a,
#userNav a:link,
#userNav a:visited,
#userNav a:hover,
#userNav a:active {
  color: #111111;
  text-decoration: none;
  background-color: rgba(169, 215, 255, 0.5);
  display: inline-block;
  padding: 0 1em;
  line-height: 1.8em;
  margin: 0 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  border-left: 1px solid #999999;
  border-top: 1px solid #999999;
}
#userNav a:hover {
    color: #ffffff;
    background-color: rgba(130, 185, 255, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}