/* Prevents the slideshow from flashing on load */
.container {
	position:relative;
}

#sample-slides {
  display:none;
}

#sample-slides .slidesjs-container {
  margin-bottom:10px;
}

#sample-slides .slidesjs-previous {
  position:absolute;
  left:50px;
  top:40%;
  z-index:100;
}
#sample-slides .slidesjs-next {
  position:absolute;
  right:50px;
  top:40%;
  z-index:100;
}

.slidesjs-pagination {
    margin:6px 0 0;
    float: right;
    list-style: none;
    position:absolute;
    left:20px;
    top:40px;
    z-index:100;
}

.slidesjs-pagination li {
    float: left;
    margin: 0 1px;
}

.slidesjs-pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url('../img/pagination.png');
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -13px }

.slidesjs-pagination li a:hover { background-position: 0 -26px }

#sample-slides a:link, #sample-slides a:visited { color: #fff; }

#sample-slides a:hover, #sample-slides a:active { color: #333; text-decoration:none;}



@media (min-width: 768px) and (max-width: 979px) {
  #slides-section {
    height:304px;
  }
}

@media (min-width: 980px) {
  #slides-section {
    height:384px;
  }
}

@media (min-width: 1200px) {
  #slides-section {
    height:470px;
  }
}