blockquote:before, blockquote:after, q:before, q:after
{
  content: "";
}
blockquote, q
{
  quotes: "" "";
}

#container
{
  width: 580px;
  padding: 10px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}

#frame
{
  position: absolute;
  z-index: 0;
  width: 739px;
  height: 341px;
  top: -3px;
  left: -80px;
}

#example
{
  width: 600px;
  height: 350px;
  position: relative;
}

#slides
{
  position: absolute;
  top: 15px;
  left: 4px;
  z-index: 100;
}

.slides_container
{
  width: 570px;
  height: 270px;
  overflow: hidden;
  position: relative;
  display: none;
}

#slides .slide
{
  width: 530px;
  height: 230px;
  display: block;
}

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

#slides .next
{
  left: 585px;
}

.pagination
{
  margin: 0px auto 0;
  width: 60px;
  float:right;
}

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

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

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

#slides .link
{
  display: block;
  margin-top: 10px;
  font-weight: 800;
}