body, a {
  font: 14px Arial, Helvetica, sans-serif;
  color: #5e5e5e;
  }

h2 {
  color: #fff;
  background: #62bb47;
  font-size: 16px;
  font-weight: normal;
  padding: 4px 8px;
  max-width: 400px;
  }

#indexpage {
  position: absolute;
  top: -300px;
  left: -400px;
  z-index: 9999;
  width: 736px;
  height: 538px;
  padding: 0 32px;
  border-top: 32px solid #fff;
  border-bottom: 30px solid #fff;
  background: #fff;
  box-shadow: 0 0 16px #ccc;
  overflow:auto;
  display: none;
  }

img a, a img {
  border: 0;
  }

td {
  width: 50%;
  vertical-align: top;
  }

ul.index {
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  }
ul.index li {
  padding-bottom: 10px;
  }
ul.index li a {
  text-decoration: none;
  }
ul.index li a:hover {
  text-decoration: underline;
  }

.musseltwo {
  background: #4a9538;
  }
.musselthree {
  background: #3bb349;
  }
.musselfour {
  background: #3b7125;
  }

.oysterone {
  background: #3e8b95;
  }
.oystertwo {
  background: #94c5d3;
  }

.salmonone {
  background: #ffcb05;
  }
.salmontwo {
  background: #f68121;
  }
.salmonthree {
  background: #fba51a;
  }
.salmonfour {
  background: #f15a23;
  }

.headerpic img:hover {
  opacity: 0.70;
  filter: alpha(opacity=70);
  }