.middleRow {
  height: 543px;}

#photo {z-index: 10}
#photoBg, #photo {
  position: relative;
  width: 802px;
  height: 541px;}
#photoBg {border: 1px solid #FFFFFF; background-repeat: no-repeat;}
.arrowLeftBox, .arrowRightBox {
  width: 58px;
  height: 298px;
  padding-top: 245px;
}
.arrowLeftBox {
  float: left;
  text-align: left;
}
.arrowRightBox {
  float: right;
  text-align: right;
}
.arrowRightBox {float: right;}

#pause {width: 84px; height:167px; display: none; z-index: 20;}