/* 
  Resets defualt browser settings
  reset.css
*/

/*
  Page style
*/




#example {
  width:920px;
  height:245px;
  position:relative;
}
/*
  Slideshow
*/

#slides {
  position:absolute;
  z-index:100;
}

/*
  Slides container
  Important:
  Set the width of your slides container
  Set to display none, prevents content flash
*/

.slides_container {
  width:920px;
  overflow:hidden;
  position:relative;
  display:none;
}

/*
  Each slide
  Important:
  Set the width of your slides
  If height not specified height will be set by the slide content
  Set to display block
*/

.slides_container div.slide {
  width:920px;
  height:245px;
  display:block;
}


/*
  Next/prev buttons
*/

#slides .next,#slides .prev {
  position:absolute;
  top:120px;
  left:-24px;
  width:24px;
  height:43px;
  display:block;
  z-index:101;
}

#slides .next {
  left:920px;
}

/*
  Pagination
*/
.pagination {
  margin:5px auto 0;
  width:300px;
}

.pagination li {
  float:left;
  margin:0 1px;
  list-style:none;
}

.pagination li a {
  display:none;
  width:12px;
  height:0;
  padding-top:12px;
  background-image:url(/Files/System/gfx/pagination.png);
  background-position:0 0;
  float:left;
  overflow:hidden;
}

.pagination li.current a {
  background-position:0 -12px;
}
/*
  Caption
*/

.caption {
  z-index:500;
  position:absolute;
  bottom:-35px;
  left:0;
  padding:5px 20px 10px 20px;
  background:#000;
  background:rgba(0,0,0,.5);
  width:300px;
  line-height:1.33;
  color:#fff;
  text-shadow:none;
}