/* 
    Document   : home
    Created on : Apr 11, 2013, 5:23:46 PM
    Author     : aris
    Description:
        Purpose of the stylesheet follows.
*/

/* Prevent the slideshow from flashing on load */
#slides {
    display: none
}

.slide-container {
    width: 872px;
    margin: auto;
    position: relative;
    bottom: -0px;
}

.slidesjs-pagination .active {
    color:red;
}

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

}

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

.slidesjs-pagination {
    margin: 6px 0 0;
    float: right;
    list-style: none;
    position: absolute;
    bottom:7px;
    z-index: 1000;
    left:140px;
}

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

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

.slidesjs-pagination .active {
    color:red;
}