/* container for slideshow images */
.slides-400 {
  padding: 0; margin: 0;
  position: relative;
  overflow: hidden;
  background: url(../images/background/black_400.png) no-repeat 0px 0px;
 }


/* actual slideshow image */
.slides-400 img {
  position: absolute;
  top: 0; left: 0;
  border:solid 1px #FFF;
}

.slides-510 {
  padding: 0; margin: 0;
  position: relative;
  overflow: hidden;
  background: url(../images/background/black_510.png) no-repeat 0px 0px;
}


.slides-510 img {
  position: absolute;
  top: 0; left: 0;
}


/* container for nav icons */
.slides-marker {
  clear: both;
  padding: 12px 12px;
  height: 20px;
}
/* nav icon, default style */
a.slides-icon {
  display: block;
  text-indent: -999em;
  float: left;
  margin-right: 10px;
  font-size: 1px;
  width: 8px; height: 8px;
  background: transparent;
  text-decoration: none;
/* set this to whatever colour you like */
  border: 1px solid #957A3F;
}
/* nav icon in active state */
a.slides-open {
/* set this to whatever colour you like, should probably match the border */
  background-color: #957A3F; 
}
/* gets rid of the dotted line that browsers put on the nav links when they have been clicked */
a.slides-icon:focus { outline: 0!important; }