#switch {
  position: fixed;
  left: 0;
  top: 100px;
  background: #000;
  z-index: 999;
  -webkit-box-shadow:  1px 1px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow:  1px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
#switch ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.switcher {
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  display: block;
  background: url('../img/switcher.gif') 0 0;
  margin: 6px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.switcher:hover {
  opacity: 0.7;
}
#eight { background-position: 0 -25px; }
#yellow { background-position: 0 -51px; }
#brown { background-position: 0 -75px; }
#red { background-position: 0 -100px; }
#pink { background-position: 0 -125px; }
#blue { background-position: 0 -150px; }
#green { background-position: 0 -175px; }
#pastelgreen { background-position: 0 -200px; }
#black { background-position: 0 -225px; }