/* Slideshow styling. Frame that holdes entire slideshow.*/
#slideshow_holder {
  height:174px;
  width:706px;
	margin-top:-50px;
  overflow:hidden;
  position:relative;
}
  /* Frame that holds navigation buttons */
  #navigation{
    height:174px;
    width:706px;
    left:0;
    padding-top:4px;
    text-align: right;       
    background-repeat:no-repeat;
    background-position:left;
    position:absolute;
    z-index: 20;
  }
    /* Inactive navigation button */
    .navbtns{
      float:right;
      width:8px;
      height:8px;
      margin:3px;     
      padding-top:1px;
      font-weight:bold;
      text-align:center;
      cursor:pointer;
      border:0px solid black;
      background-image:url(navigation/circle.png);
      background-position:center center;
      background-repeat:no-repeat;
    }

    /* Active navigation button */
    .navbtns_active{
      float:right;
      width:8px;
      height:8px;
      margin:3px;     
      padding-top:1px;
      font-weight:bold;
      text-align:center;
      border:0px solid black;
      background-image:url(navigation/circle_active.png);
      background-position:center center;
      background-repeat:no-repeat;
    }
    
    /* Play button */
    .pbtn{
      float:right;
      width:8px;
      height:8px;
      margin:3px;
      padding-top:1px;
      font-weight:bold;
      text-align:center;
      cursor:pointer;
      border:0px solid black;
      background-image:url(navigation/play.png);
      background-position:center center;
      background-repeat:no-repeat;
    }

    /* Stop button */
    .sbtn{
      float:right;
      width:8px;
      height:8px;
      margin:3px;
      padding-top:1px;
      font-weight:bold;
      text-align:center;
      cursor:pointer;
      border:0px solid black;
      background-image:url(navigation/stop.png);
      background-position:center center;
      background-repeat:no-repeat;
    }

  /* Frame that holds image for slideshow */
  #crossfade10{
    height: 174px;
    width: 706px;
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
  }

  /* Frame that holds image for slideshow */
  #crossfade20{
    height: 174px;
    width: 706px;
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
  }

  /* Help frame which is used for third image fade out. 
     Used when user switches images in middle of fadeout fadin effect */
  #crossfade30{
    height: 174px;
    width: 706px;
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
  }