/* Circular Content Carousel Style */

.ca-container {
    position: relative;
    width: 100%;
    height: 460px;
}

.ca-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.ca-item {
    position: relative;
    float: left;
}

.ca-more {
    position: absolute;
    bottom: 10px;
    right: 0px;
    padding: 4px 15px;
    font-weight: bold;
    background: #ccbda2;
    text-align: center;
    color: white;
    font-family: "Georgia", "Times New Roman", serif;
    font-style: italic;
    text-shadow: 1px 1px 1px #897c63;
}

.ca-nav span {
    width: 25px;
    height: 38px;
    background: transparent url(../images/arrows.png) no-repeat top left;
    position: absolute;
    top: 50%;
    margin-top: -19px;
    left: 20px;
    text-indent: -9000px;
    opacity: 0.7;
    cursor: pointer;
    z-index: 100;
}

.ca-nav span.ca-nav-next {
    background-position: top right;
    left: auto;
    right: 10px;
}

.ca-nav span:hover {
    opacity: 1.0;
}