/** Stage container **/
.connected-carousels {
    background: #f1ede4;
    margin-top: 10px;
}

    .connected-carousels .stage {
        width: 910px;
        height: 630px;
        margin: 0 auto;
        padding-top: 30px;
        position: relative;
    }

        .connected-carousels .stage .date {
            font-weight: 700;
            color: #8f672c;
            float: left;
        }

        .connected-carousels .stage .numbers {
            float: right;
            display: block;
            font-weight: 700;
            color: #8f672c;
        }

            .connected-carousels .stage .numbers .current {
                color: #5a7e96;
            }

    .connected-carousels .photo-credits {
        position: absolute;
        right: 15px;
        bottom: 0;
        font-size: 13px;
        color: #fff;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
        opacity: .66;
    }

        .connected-carousels .photo-credits a {
            color: #fff;
        }

    /** Navigation container **/

    .connected-carousels .navigation {
        width: 910px;
        margin: 0 auto;
        position: relative;
    }

    /** Shared carousel styles **/

    .connected-carousels .carousel {
        overflow: hidden;
        position: relative;
    }

        .connected-carousels .carousel ul {
            width: 20000em;
            position: relative;
            list-style: none;
            margin: 0;
            padding: 0px;
        }

        .connected-carousels .carousel li {
            float: left;
        }

        .connected-carousels .carousel .gallery-items li {
            width: 910px;
            text-align: center;
            overflow: hidden;
        }

    /** Stage carousel specific styles **/

    .connected-carousels .carousel-stage {
        height: 556px;
        margin-top: 18px;
    }

    /** Navigation carousel specific styles **/

    .connected-carousels .carousel-navigation {
        height: 96px;
        /*width: 640px;*/
        width: 910px;
        margin: 0 auto;
    }

        .connected-carousels .carousel-navigation ul {
            padding: 17px 0 17px 0;
        }

        .connected-carousels .carousel-navigation li {
            cursor: pointer;
            margin-right: 26px;
        }

            .connected-carousels .carousel-navigation li:last-child {
                margin-right: 0px;
            }

            .connected-carousels .carousel-navigation li img {
                display: block;
                border: solid 3px #f1ede4;
                opacity: .3;
                filter: alpha(opacity=30);
            }

            .connected-carousels .carousel-navigation li.active img {
                border-color: #5a7e96;
                opacity: 1;
                filter: alpha(opacity=100);
            }

    /** Stage carousel controls **/

    .connected-carousels .prev-stage,
    .connected-carousels .next-stage {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: 4px;
        width: 50px;
        height: 50px;
    }

    .connected-carousels .prev-stage {
        left: -72px;
    }

    .connected-carousels .next-stage {
        right: -72px;
    }

        .connected-carousels .prev-stage.inactive,
        .connected-carousels .next-stage.inactive {
            /*display: none;*/
        }

        .connected-carousels .prev-stage span,
        .connected-carousels .next-stage span {
            position: absolute;
            top: 0;
            width: 50px;
            height: 50px;
            text-align: center;
            color: #5a7e96;
            text-decoration: none;
            text-shadow: 0 0 1px #000;
            font: 75px/37px Arial, sans-serif;
        }

    .connected-carousels .prev-stage span {
        left: 20px;
    }

    .connected-carousels .next-stage span {
        right: 20px;
    }

    .connected-carousels .prev-stage:hover span,
    .connected-carousels .next-stage:hover span {
        display: block;
    }

    /** Navigation carousel controls **/

    .connected-carousels .prev-navigation,
    .connected-carousels .next-navigation {
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        background: #4E443C;
        color: #fff;
        text-decoration: none;
        text-shadow: 0 0 1px #000;
        font: 16px/29px Arial, sans-serif;
        border-radius: 30px;
    }

    .connected-carousels .prev-navigation {
        left: -15px;
        top: 22px;
        text-indent: 6px;
    }

    .connected-carousels .next-navigation {
        right: -15px;
        top: 22px;
        text-indent: 20px;
    }

        .connected-carousels .prev-navigation.inactive,
        .connected-carousels .next-navigation.inactive {
            opacity: .5;
            cursor: default;
        }