@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,800);
@import url(https://fonts.googleapis.com/css?family=Dosis:400,600);
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
    margin: 0;
    padding: 0;
}

img, fieldset {
    border: 0;
}

/* set image max width to 100% */
img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}


/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

html { width: 100%; height: 100%; }

body { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #b1b1b1; background: url('../graphics/main-image.jpg') no-repeat center center; background-size: cover; background-attachment: fixed; }

hr { width: 100%; display: block; float: left; }
.block-wrapper { margin: auto; display: block; float: left; width: 100%; }
.block { margin: auto; display: block; width: 960px; }

    
.top-menu { 
    height: 90px; width: 960px; display: block; float: left; background-color: rgba(0, 0, 0, 0.8); text-align: center; margin-top: 24px;
    -webkit-box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.53);
    -moz-box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.53);
    box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.53);
}
    .top-menu a { font-family: 'Dosis', sans-serif; font-size: 16px; color: #f1e1d6; text-decoration: none; margin: 0px 5px 0px 5px; padding: 34px 20px 36px 20px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; }
    .top-menu a:hover {
        background: -moz-linear-gradient(180deg, rgba(159,3,1,1) 0%, rgba(159,3,1,0) 63%);
        background: -webkit-linear-gradient(180deg, rgba(159,3,1,1) 0%, rgba(159,3,1,0) 63%);
        background: linear-gradient(180deg, rgba(159,3,1,1) 0%, rgba(159,3,1,0) 63%);
    }
    
.content {
    width: 960px; float: left; display: block; padding: 30px 0px 30px 0px; margin: 35px 0px 20px 0px;  background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.53);
    -moz-box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.53);
    box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.53);
}
    .content .column { width: 920px; display: block; float: left; padding: 20px; }
        .content .column h1 { text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2); font-family: 'Open Sans', sans-serif; color: #b1b1b1; font-weight: 600; line-height: 25px; font-size: 28px; margin: 20px 0px 20px 0px; float: left; display: block; width: 100%; }
        .content .column h2 { font-family: 'Open Sans', sans-serif; font-weight: 600; color: #b1b1b1; line-height: 25px; font-size: 24px; margin: 20px 0px 20px 0px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5); float: left; display: block; width: 100%; }
        .content .column h3 { font-family: 'Open Sans', sans-serif; font-weight: 600; color: #b1b1b1; line-height: 25px; font-size: 20px; padding: 10px 0px 10px 0px; margin: 20px 0px 20px 0px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5); float: left; display: block; width: 100%; }
        .content .column p { font-family: 'Open Sans', sans-serif; color: #b1b1b1; font-size: 14px; padding: 0px 0px 10px 0px; }
        .content .column a {  color: #b1b1b1; text-decoration: underline; }
        .content .column ul { font-family: 'Open Sans', sans-serif; color: #b1b1b1; font-size: 14px; padding: 5px 0px 5px 20px; float: left; display: block; width: 100%; }
            .content .column ul li { float: left; display: list-item; width: 100%; }
            
        .content .column .promo { width: 400px; height: 260px; display: block; float: left; padding: 20px; }
            .content .column .promo p { display: block; float: left; width: 100%; text-align: center; }
    

.footer { width: 950px; float: left; display: block; padding: 0px 5px 5px 5px; margin: 0px; font-family: 'Open Sans', sans-serif; color: #b1b1b1; font-size: 12px; text-align: right; }

img.gallery {
    display: block; float: left; margin: 25px;
    -webkit-box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.9);
    -moz-box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.9);
    box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.9);
}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }