#content p {
  margin: 10px 0;
}
/* ##################################### */
#slideshow {
  position: relative;
  width: 300px;
  height: 400px;
}
#slideshow ul {
  width: 300px;
  height: 400px;
  left: 0px;
  list-style: none outside none;
  overflow: hidden;
  position: absolute;
  top: 0px;
}
#slideshow li {
  position: absolute;
  display: none;
  z-index: 10;
}
#slideshow li:first-child {
  display: block;
  z-index: 1000;
}
#slideshow .slideActive {
  z-index: 1000;
}
#slideshow canvas {
  display: none;
  position: absolute;
  z-index: 100;
}
#slideshow .arrow {
  display: none;
  height: 86px;
  width: 60px;
  position: absolute;
  background: url('../images/arrows.png') no-repeat;
  top: 50%;
  margin-top: -43px;
  cursor: pointer;
  z-index: 5000;
}
#slideshow .previous {
  background-position: left top;
  left: 0;
}
#slideshow .previous:hover {
  background-position: left bottom;
}
#slideshow .next {
  background-position: right top;
  right: 0;
}
#slideshow .next:hover {
  background-position: right bottom;
}