@charset "utf-8";
/* CSS Document */
body
{
    font-family: 'Maven Pro', sans-serif;
	margin:0;
}

#header
{
    position: absolute;
    top: 0;
    background-image: url(../../Images/pixel_bkg.png);
    height: 5em;
    width: 100%;
    position: fixed;
    z-index: 1000;
}

    #header .content
    {
        margin: 0 auto;
        width: 100%;
        max-width: 1000px;
    }

    #header .logo
    {
        float: left;
        padding-top: 0.4em;
    }

.container
{
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 100%;
}

#main-wrapper
{
    margin-top: 45em;
    background: #fff;
}

    #main-wrapper .main-wrapper-style1, #main-wrapper .main-wrapper-style2, #main-wrapper .main-wrapper-style3
    {
        padding: 5em 0 4em 0;
    }

        #main-wrapper .main-wrapper-style1 .inner, #main-wrapper .main-wrapper-style2 .inner, #main-wrapper .main-wrapper-style3 .inner
        {
            position: relative;
            z-index: 2;
        }

    #main-wrapper .main-wrapper-style1
    {
        background: url("../../Images/bg01.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
        position: relative;
    }

        #main-wrapper .main-wrapper-style1:before
        {
            background: url("../../Images/bg03.png") repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
            content: "";
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 1;
        }

.box-feature1
{
    text-align: center;
}

    .box-feature1 header.first h2
    {
        font-size: 2em;
        color: #333;
    }

    .box-feature1 header.first .byline
    {
        font-size: 1.2em;
    }

    .box-feature1 header.second
    {
        position: relative;
        display: inline-block;
        text-align: left;
        margin: 0 auto;
    }

        .box-feature1 header.second .byline
        {
            line-height: 1.5em;
        }

        .box-feature1 header.second:before
        {
            font-size: 48px;
            position: absolute;
            right: 100%;
            margin-right: 18px;
            opacity: 0.5;
            bottom: -4px;
        }

header.major
{
    border-bottom: solid 1px #dbdbdb;
    margin: 0 0 3em 0;
}

    header.major:after
    {
        content: '';
        display: block;
        border-top: solid 1px #dbdbdb;
        height: 8px;
    }

    header.major h2, header.major h3
    {
        margin: 0 0 1.2em 0;
    }

    header.major .byline
    {
        margin: 0 0 1em 0;
        position: relative;
        top: -1em;
        color: #666;
        display: block;
        font-size: 1em;
    }

.three
{
    float: left;
    width: 33.3333%;
}

    .three h3
    {
        color: #9b1616;
        font-size: 1em;
        font-weight: 900;
        text-transform: uppercase;
    }

    .three .section
    {
        margin-right: 4em;
    }

.image img
{
    border-radius: 4px;
    width: 100%;
}

.row:after
{
    clear: both;
    content: "";
    display: block;
    height: 0;
}

.row.negmarg
{
    margin-right: -4em;
}

.box-feature2
{
    text-align: center;
}

.two
{
    float: left;
    width: 50%;
}

    .two h2
    {
        color: #363636;
        font-size: 2em;
        font-weight: 400;
        margin: 1em 0 !important;
        text-transform: uppercase;
    }

    .two .section
    {
        margin-right: 4em;
    }

    .two p
    {
        color: #999;
        line-height: 1.2em;
    }

.four
{
    float: left;
    width: 25%;
}

    .four h2
    {
        color: #363636;
        font-size: 2em;
        font-weight: 400;
        margin: 1em 0 !important;
        text-transform: uppercase;
    }

    .four .section
    {
        margin-right: 4em;
    }

.button.fa:before
{
    margin-right: 0.5em;
    opacity: 0.5;
    position: relative;
    top: 0.05em;
}

.button.medium
{
    font-size: 1em;
    padding: 1em 2.25em;
}

.button
{
    background: #951819;
    background: -moz-linear-gradient(center top, #BF2A2B, #951819) repeat scroll 0 0 #951819;
    background: -webkit-linear-gradient(center top, #BF2A2B, #951819) repeat scroll 0 0 #951819;
    background: -o-linear-gradient(center top, #BF2A2B, #951819) repeat scroll 0 0 #951819;
    background: linear-gradient(center top, #BF2A2B, #951819) repeat scroll 0 0 #951819;
    border-radius: 8px;
    box-shadow: 0 0 0 1px #710808 inset, 0 2px 1px 0 #eb3b3b inset;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 0.95em;
    font-weight: 800;
    letter-spacing: 0.075em;
    outline: 0 none;
    padding: 1.1em 2em;
    position: relative;
    text-decoration: none;
    text-shadow: -1px -1px 0 #000000;
    text-transform: uppercase;
    white-space: nowrap;
}

    .button.alt
    {
        background: -moz-linear-gradient(center top, #525252, #3A3A3A) repeat scroll 0 0 #3A3A3A;
        box-shadow: 0 0 0 1px #3A3A3A inset, 0 2px 1px 0 #A8A8A8 inset;
    }
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
#footer-wrapper
{
    position: relative;
    background: url("../../Images/bg02.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-size: 100% 250px;
}

    #footer-wrapper:before
    {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
        background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
        background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
        background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
        z-index: 1;
    }

#footer-wrapper
{
    padding: 7em 0 7em 0;
}

#footer
{
    margin-bottom: 0;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 1);
    position: relative;
    z-index: 2;
}

    #footer h2
    {
        font-size: 1.35em;
        color: #fff;
    }

    #footer strong
    {
        color: #fff;
    }

    #footer a, #footer li
    {
        color: #999;
    }

    #footer ul.style2 li
    {
        border-top: solid 1px;
        border-color: #444;
        border-color: rgba(255, 255, 255, 0.075);
    }

        #footer ul.style2 li:first-child
        {
            border-top: 0;
        }

        #footer ul.style2 li a
        {
            text-decoration: none;
        }

    #footer .button-alt
    {
        box-shadow: inset 0px 0px 0px 1px #282828, inset 0px 2px 1px 0px #a0a0a0, 0px 4px 6px 0px rgba(0, 0, 0, 0.025);
    }

    #footer dl.contact dt
    {
        color: #ddd;
    }

    #footer .contactform
    {
        background-color: #CCCCCC;
        border: 1px solid #000000;
        display: block;
        font-size: 0.8em;
        margin-bottom: 0.6em;
        padding: 0.6em;
        width: 97%;
    }

#copyright
{
    border-top: solid 1px;
    border-color: #444;
    border-color: rgba(255, 255, 255, 0.075);
    text-align: left;
    margin-top: 2em;
    padding: 3em 0 4em 0;
    color: #555;
}

    #copyright a
    {
        color: #666;
    }

ol, ul
{
    list-style: none outside none;
    padding: 0;
}

#footer ul.style2 li:first-child
{
    border-top: 0 none;
}

#footer ul.style2 li
{
    border-top: 1px solid rgba(255, 255, 255, 0.075);
}

ul.style2 li
{
    padding: 0.55em 0;
}

#footer dl.contact dt
{
    color: #DDDDDD;
}

dl.contact dt
{
    color: #696969;
    display: block;
    float: left;
    font-size: 0.9em;
    font-weight: 700;
    letter-spacing: 0.065em;
    text-transform: uppercase;
    width: 6em;
}

dl.contact dd
{
    margin: 0 0 1em 6em;
    color: #999999;
}

@media screen and (max-width: 40em)
{
    #header .logo
    {
        display: block;
        padding-left: 1em;
    }

    #main-wrapper
    {
        margin-top: 29em;
    }

        #main-wrapper .main-wrapper-style1, #main-wrapper .main-wrapper-style2, #main-wrapper .main-wrapper-style3
        {
            padding: 3em 20px 1em 20px;
        }

    .box-feature1 section
    {
        margin-bottom: 1em !important;
    }

    .three, .two, .four
    {
        display: block;
        width: 100%;
    }

    .row.negmarg
    {
        margin-right: 0;
    }

    .three .section, .two .section
    {
        margin-right: 0;
        margin-bottom: 3em;
    }

    .two h2
    {
        font-size: 1.8em;
    }

    .button.medium
    {
        padding: 1em;
    }

    #footer-wrapper
    {
        padding: 2em 20px 0 20px;
    }

    #copyright
    {
        margin-top: 0;
    }
}

.validationError
{
    border:solid 1px #9B1616 !important;
}

.validationErrorCheckBox
{
    outline: 2px solid #9B1616;
}


#SubmitBt
{
    background: -moz-linear-gradient(center top, #BF2A2B, #951819) repeat scroll 0 0 #951819;
    background-color: #951819;
    border-radius: 4px;
    box-shadow: 0 0 0 1px #6d1112 inset, 0 2px 1px 0 #e83f40 inset;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 0.95em;
    font-weight: 800;
    letter-spacing: 0.075em;
    outline: 0 none;
    position: relative;
    text-decoration: none;
    text-shadow: -1px -1px 0 #000000;
    text-transform: uppercase;
    margin-right: 2%;
}

#LoginRegisterBt
{
    background: -moz-linear-gradient(center top, #525252, #3A3A3A) repeat scroll 0 0 #3A3A3A;
    background-color: #3A3A3A;
    box-shadow: 0 0 0 1px #3A3A3A inset, 0 2px 1px 0 #A8A8A8 inset;
    border-radius: 4px;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 0.95em;
    font-weight: 800;
    letter-spacing: 0.075em;
    outline: 0 none;
    position: relative;
    text-decoration: none;
    text-shadow: -1px -1px 0 #000000;
    text-transform: uppercase;
    height: 2em;
    margin-top: 1em;
    padding: 0 0.5em;
    text-align: center;
    line-height: 2em;
}

#ButtonSave, #ButtonClose, #RecoverBt, #SaveNewPassword
{
    background: -moz-linear-gradient(center top, #BF2A2B, #951819) repeat scroll 0 0 #951819;
    background-color: #951819;
    border-radius: 4px;
    box-shadow: 0 0 0 1px #6d1112 inset, 0 2px 1px 0 #e83f40 inset;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 0.95em;
    font-weight: 800;
    letter-spacing: 0.075em;
    outline: 0 none;
    position: relative;
    text-decoration: none;
    text-shadow: -1px -1px 0 #000000;
    text-transform: uppercase;
    border: 0;
    width:100% !important;
}