/* container for slides */
.images {

        border:1px solid #666;
        position:relative;
        height:246px;

        width:440px;
        float:left;

        cursor:pointer;

        /* CSS3 tweaks for modern browsers */

}

/* single slide */
.images div {
        display:none;
        position:absolute;
        top:0;
        left:0;


        height:246px;
        font-size:12px;
}

/* header */
.images h3 {
        font-size:22px;
        font-weight:normal;
        margin:0 0 20px 0;
        color:#456;
}

/* tabs (those little circles below slides) */
.tabs {

}

/* single tab */
.tabs a {
        width:13px;
        height:14px;
        float:left;
        margin:5px;
         color:#c7b88e;
        display:block;
        font-size:12px;
        border:1px solid #666;
           background-color:#0c0d11;
        padding-top:0px;
        padding-left:4px;
        padding-bottom:1px;

}

/* mouseover state */
.tabs a:hover {
color:#fdfef6;
 background-color:#0c0d11;


}

/* active state (current page state) */
.tabs a.current {
color:#fdfef6;
 background-color:#0c0d11;

}


/* prev and next buttons */
.forward, .backward {
        float:left;

        background: url(hori_large.png) no-repeat;
        display:block;
        width:30px;
        height:30px;
        cursor:pointer;
        font-size:1px;
        text-indent:-9999em;
}

/* next */
.forward                                 { background-position: 0 -30px; clear:right; }
.forward:hover                 { background-position:-30px -30px; }
.forward:active                  { background-position:-60px -30px; }


/* prev */
.backward:hover                  { background-position:-30px 0; }
.backward:active          { background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
        visibility:hidden !important;
}