#container {
    margin: 0 auto;
    padding: 10px;
    position: relative;
    width: 580px;
    z-index: 0;
}
#example {
    height: 350px;
    position: relative;
    width: 600px;
}
#ribbon {
    left: -15px;
    position: absolute;
    top: -3px;
    z-index: 500;
}
#frame {
    height: 341px;
    left: -80px;
    position: absolute;
    top: -3px;
    width: 739px;
    z-index: 0;
}
#slides {
    left: 4px;
    position: absolute;
    top: 15px;
    z-index: 100;
}
.slides_container {
    display: none;
    overflow: hidden;
    position: relative;
    width: 570px;
}
.slides_container a {
    display: block;
    height: 270px;
    width: 570px;
}
.slides_container a img {
    display: block;
}
#slides .next, #slides .prev {
    display: block;
    height: 43px;
    left: -39px;
    position: absolute;
    top: 107px;
    width: 24px;
    z-index: 101;
}
#slides .next {
    left: 585px;
}
.pagination {
    margin: 26px auto 0;
    width: 100px;
}
.pagination li {
    float: left;
    list-style: none outside none;
    margin: 0 1px;
}
.pagination li a {
    background-image: url("../img/pagination.png");
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 12px;
    width: 12px;
}
.pagination li.current a {
    background-position: 0 -12px;
}