body {
    font-family: 'HelveticaNeue-Light', 'sans-serif';
    margin:       -2px;
  }
  .thumb {
    max-height: 300px;
    width:  100%;
    max-width:  500px;
    margin: 50px;
    border: solid;
    position: relative;
    z-index: -1;
  }
  .thumbLink {
    display: inline-block;
    position: relative;
    z-index: 1;
  }
  .thumbSpan {
    display: inline-block;
  }
  .slides {
    margin='-4px';
  }
  #slides {
    margin='-4px';
/* position: absolute;
    top:           30%;
    transform: translateY(-30%);*/
  }
  .fill 
  {
    background-color: #000;
    height: 500px;
  }
  .nav {
    position: fixed;
    background-color: #000;
    width:      100%;
    bottom:      0px;
    padding:    10px;
    z-index:       2;
    }
  .nav-item {
    display:      inline-block;
    background-color: #555;
    color:        #ccc;
    border-radius: 4px;
    border-width:  2px;
    padding-left:  2px;
    padding-right: 2px;
    margin:        3px;
    z-index:       2;
    }
  .visited {
    background-color: #338;
  }
  .current {
   /* border:       solid; */
    background-color: #999;
  }