/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
@media only screen  and (min-width : 1141px) {
    /* Styles */
    .gc-btn {
        border-top: 1px solid #000000;
        background: #363636;
        background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#363636));
        background: -webkit-linear-gradient(top, #000000, #363636);
        background: -moz-linear-gradient(top, #000000, #363636);
        background: -ms-linear-gradient(top, #000000, #363636);
        background: -o-linear-gradient(top, #000000, #363636);
        padding: 5px 10px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
        -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
        -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
        box-shadow: rgba(0,0,0,1) 0 1px 0;
        text-shadow: rgba(0,0,0,.4) 0 1px 0;
        color: #e8c500 ;
        font-size: 19px;
        font-family: Helvetica, Arial, Sans-Serif;
        font-weight: bold;
        text-decoration: none;
        vertical-align: middle;
    }
    .gc-btn:hover {
        border-top-color: #000000;
        background: #3b3b3b;
        color: #f9ffbf;
    }
    .gc-btn:active {
        border-top-color: #292929;
        background: #292929;
    }
}

@media only screen and (max-width : 1140px) {
    /* Styles */
    .gc-btn {
        color: #e8c500 ;
        font-size: 19px;
        font-family: Helvetica, Arial, Sans-Serif;
        font-weight: bold;
        text-decoration: none;
        vertical-align: middle;
    }
    .gc-btn:hover {
        color: #0a2497;
    }
}


.left-half {
    padding: 15px;
    float: left;
    width: 50%;
}

.right-half {
    padding: 15px;
    float: right;
    width: 50%;
    text-align: center;
}

div.gc-spacer {
    font-size: 0;
    height: 15px;
    line-height: 0;
}

div.cycle-slideshow {
    min-height: 190px;
}