﻿#main-header
{
    background-image: url("image/header_background.jpg");
    background-size:cover;
    color:#fff;
    text-align:center;
    padding-bottom:200px;
}

#top-banner
{
    margin-left:60px;
    margin-right:60px;
}

#top-banner-logo
{
    float:left;
    display:block;
    width:300px;
    margin:40px 0 120px;
}

#top-banner-logo a, #top-banner-logo a img
{
    max-width:100%;
}

#top-banner-nav
{
    float:right;
    margin-top:40px;
}

#top-banner-nav ul
{
    list-style:none outside;
}

#top-banner-nav li
{
    display:inline-block;
    margin-left:20px;
    font-size:1.5em;
    line-height:18px;
}

#top-banner-nav li a, #top-banner-nav li a:visited
{
    color:#266294;
    display:block;
    text-decoration:none;
}

#top-banner-nav li a:hover
{
    text-decoration:underline;
}

#header-middle 
{
    clear:both;
}

#header-middle h1
{
    font-size:4em;
    font-family:"CarlitoRegular", Helvetica, Arial, sans-serif;
    font-weight:normal;
    text-shadow:1px 1px 2px rgba(75,75,75,0.8);
    margin-bottom:14px;
}

#main-content
{
    clear:right;
    flex:1;
}

.content-box 
{
    display:inline-block;
    padding-top:30px;
    padding-bottom:50px;
    width:100%;
}

.narrow
{
    padding-left:20%;
    padding-right:20%;
}

#intro
{
    padding-top:30px;
}

.inner
{
    margin-left:60px;
    margin-right:60px;
}

.inner p
{
    font-size:20px;
    line-height:28px;
    margin:40px 0;
}

.quote-text
{
    font-style:italic;
    font-variant:normal;
    font-weight:400;
    text-shadow:1px 1px 2px rgba(75,75,75,0.8);
    font-family:"PT Sans", Helvetica, Arial, sans-serif;
}

.quote-attr
{
    font-weight:normal;
    display:block;
    width:100%;
    text-align:right;
}

.quote-left
{
    padding-right:20%;
}

.quote-right
{
    margin-left:20%;
}

#testimonials
{
    color:#fff;
    background:url("image/quote_box_background.jpg") center center no-repeat;
    background-size:cover;
}

.main-footer
{
    background:url('image/footer_background.png') center top repeat;
    text-align:left;
    padding:30px 0 60px;
    color:#fff;
}

.footer-address
{
    float:left;
    text-align:left;
    width:50%;
}

.footer-address span
{
    display:block;
}

.footer-copyright
{
    float:right;
    text-align:right;
    width:50%;
}

.bottom-footer-logo
{
    margin-bottom:10px;
    width:300px;
    max-width:100%;
    height:auto;
}

.bottom-footer-logo a
{
    max-width:100%;
}

.bottom-footer-logo img
{
    max-width:100%;
    height:auto;
}

.main-footer-top
{
    border-bottom:#676767 1px solid;
    margin-bottom:10px;
}

ul.feature-list
{
    margin-top:20px;
    margin-bottom:20px;
    list-style:none outside;

}

ul.feature-list li
{
    display:inline-block;
    width:200px;
    height:120px;
    padding:12px;
    margin:10px 20px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    border:solid 4px #266294;
    background-color:#fff;
    font-size:18px;
    line-height:22px;
    text-align:center;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    vertical-align:middle;
}

ul.feature-list li a
{
    text-transform:none;
    color:rgb(103,103,103);
    text-decoration:none;
}

ul.feature-list li a:hover
{
    color:#266294;
}

.contact-form-left
{
    width:49%;
    float:left;
    margin-right:2%;
    text-align:right;
}

.contact-form-left span.input-wrapper
{
    display:block;
    margin-top:0px;
    clear:both;
    margin:10px 0;
}

.input-wrapper input
{
    border:1px solid #ccc;
    color:#ccc;
    margin:0 auto;
    width:100%;
    max-width:600px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    font-size:18px;
    padding:0 12px;
    height:50px;
    line-height:50px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    /*font-weight:400;*/
}

.input-wrapper input:focus, .input-wrapper textarea:focus
{
    color:#444;
    box-shadow:0px 0px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
}

.input-wrapper textarea
{
    border:1px solid #ccc;
    font-family:"PT Sans", Helvetica, Arial, sans-serif;
    color:#ccc;
    height:150px;
    min-height:60px;
    margin:0 auto;
    width:100%;
    max-width:600px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    font-size:18px;
    padding:0 12px;
    line-height:50px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    /*font-weight:400;*/
}

.submit-button
{
    float:right;
    background:#266294;
    color:#fff;
    text-transform:uppercase;
    display:inline-block;
    height:50px;
    line-height:42px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    font-size:16px;
    font-weight:normal;
    box-shadow:1px 1px 1px 0px rgba(103,103,103,0.4);
    -webkit-box-shadow:1px 1px 1px 0px rgba(103,103,103,0.4);
    margin:0;
    padding:0 50px;
    text-shadow:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.submit-button:hover
{
    background-color:#fff;
    color:#266294;
}

.contact-form-right
{
    width:600px;
    float:left;

}

.contact-form-right img
{
    margin-top:10px;
    padding:0;
    max-width:100%;
    height:auto;
}

.alert
{
    width:95%;
    max-width:600px;
    float:right;
    margin:2em 0.5em 1em;
    padding:0.2em 1em;
    text-align:right;
}

.alert.success
{
    border:2px solid #398f14;
}

.alert.validation-error
{
    border:2px solid #f7e700;
}

.alert.message-error
{
    border:2px solid #f00;
}

span.submit
{
    display:inline-block;
    float:right;
}