#nav_body {
  height: 130px;
  background: white;
}

header {
  height: 130px;
  width: 100%;
  -webkit-transition: top 0.2s ease-in-out;
  -moz-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
  background: transparent;
  z-index: 100px;
}

.nav_fixed {
  position: fixed;
}

.nav_up {
  top: -80px;
}

#navbar_container {
  height: 80px;
  width: 100%;
  float: top;
  border-bottom: 5px solid #dddddd;
  background-color: #f7f4f4;
}
  
  #nav {
    width: auto;
    height: 80px;
    margin: 0 auto;
  }

    #nav ul {
      list-style-type: none;
      margin: 0 auto;
      padding: 0;
      width: auto;
      text-align: center;
      right: 11px;
      position: relative;
      height: 80px;
    }
    
    #nav ul li {
      display: inline;
    }
        
    #nav ul li a {
      text-decoration: none;
      font-size: 20px;
      color: #538489;
      margin-left: 30px;
      margin-right: 30px;
      height: auto;
    }
    
    #nav ul li a:hover {
      color: #9cc9ce;
    }
    
    .nav_li {
      bottom: 40px;
      position: relative;
    }
    
    #logo_link {
      top: 30px;
      position: relative;
    }
  
#white_filler {
  height: 50px;
  float: bottom;
  width: 100%;
  background: linear-gradient(top, rgba( 255, 255, 255, 1 ) 20%, rgba( 255, 255, 255, 0 ) 100% );
  background: -moz-linear-gradient(top, rgba( 255, 255, 255, 1 ) 20%, rgba( 255, 255, 255, 0 ) 100% ); 
  background: -ms-linear-gradient(top, rgba( 255, 255, 255, 1 ) 20%, rgba( 255, 255, 255, 0 ) 100% ); 
  background: -o-linear-gradient( top, rgba( 255, 255, 255, 1 ) 20%, rgba( 255, 255, 255, 0 ) 100% ); 
  background: -webkit-linear-gradient( top, rgba( 255, 255, 255, 1 ) 20%, rgba( 255, 255, 255, 0 ) 100% );
}