/*
    Resets defualt browser settings
    reset.css
*/

:focus { outline:0; }
a:active { outline:none; }

/*
    Page style
*/


#container {
    width:476px;
    height:334px;

    padding:0px;
    margin:0 auto;
    position:relative;
    z-index:0;
    margin-bottom: 55px;
    box-shadow: 2px 2px 5px #b0b0b0;
}

#ribbon {
    position:absolute;
    top:-3px;
    left:-15px;
    z-index:500;
}

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

/*
    Slideshow
*/

#slides {
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
    text-align:center;
}

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

.slides_container {
    width:480px;
    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
*/

#container #slides .slides_container a {
    width:476px;
    height:335px;
    display:block;
}

#slides .slides_container a img {
    display:block;
    width: 476px;
}

/*
    Next/prev buttons
*/

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

#container #slides .next {
    left:466px;
}

#slides a.prev,
#slides a.next
{
    opacity: 0.2;
}

#slides a.prev:hover,
#slides a.next:hover {
    opacity: 0.9;
}



/*
    Pagination
*/

#slides .slidePagination {
    margin:15px auto;
    display: inline-block;
    padding: 0;
}

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

#slides ul.slidePagination li a {
    display:block;
    width:12px;
    height:0;
    padding-top:12px;
    background-color: none;
    background-image:url("/scripts/slides/img/pagination.png");
    background-position:0 0;
    float:left;
    overflow:hidden;
    border: none;
}

#slides .slidePagination li a:hover {
    background-color: transparent;
}

#container a:hover {
    background-color: transparent;
}

#slides .slidePagination li.current a {
    background-position:0 -12px;
}

/*----------------------------------------------*/
#container2 {
    width:476px;
    height:391px;

    padding:0px;
    margin:0 auto;
    position:relative;
    z-index:0;
    margin-bottom: 55px;
    box-shadow: 2px 2px 5px #b0b0b0;
}

#container2 #slides .slides_container a {
    width:476px;
    height:391px;
    display:block;
}

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

#container2 #slides .next {
    left:466px;
}