/*----- persistent styles -----*/
body, html { height:100%; margin:0; padding:0; font-family:'Lato', Helvetica, Arial, sans-serif; color:#666; background:#000 url('images/body-bg.gif'); }
img, img a, img a:link { border:0px; }

p {  margin:0px 0px 15px 0px; line-height: 1.5em; }
h1 { margin:0px 0px 15px 0px; }
h2 { font-size:18px; line-height:22px; font-weight:400; margin:0px; }
h2 a:link { color:#fff; text-decoration:none; }
h2 a:visited { color:#fff; text-decoration:none; }
h2 a:hover { color:#fff; text-decoration:underline; }
h3 { font-size:18px; line-height:22px; font-weight:400; margin:0px; text-align:center; }
h4 { font-size:24px; line-height:26px; font-weight:400; margin:0px; text-align:left; }
hr { margin:20px 0px 20px 0px; height:1px; background:#f4f4f4; color:#f4f4f4; border:0; }

ul { margin:0px 0px 15px 0px; padding:0px 0px 0px 22px;  }
ul li { margin:0px 0px 5px 0px; }

a:link { color:#ccc; text-decoration:underline; }
a:visited { color:#ccc; text-decoration:underline; }
a:hover { color:#fff; text-decoration:none; }

.clear { clear:both; }

#container { width:100%; margin:0; padding:0; }

#headerShell { width:100%; height:105px; background:url('images/header-bg.gif') repeat top center; moz-box-shadow: 0 0 20px 2px #000; -webkit-box-shadow: 0 0 20px 2px #000; box-shadow: 0 0 20px 2px #000; }
#slideShell { width:100%; height:316px; padding-top:26px; }
#contentShell { width:100%; background:#fff; moz-box-shadow: 0 0 20px 2px #000; -webkit-box-shadow: 0 0 20px 2px #000; box-shadow: 0 0 20px 2px #000; }

#header { width:940px; margin:0 auto; padding:25px 0px 0px 0px; }
#slideshow { width:940px; margin:0 auto; height:290px; background:#000 url('images/slideshow-bg.jpg'); -moz-border-radius: 15px; border-radius: 15px; moz-box-shadow: 0 2px 8px #000; -webkit-box-shadow: 0 2px 8px #000; box-shadow: 0 2px 8px #000; }
#content { width:940px; margin:0 auto; padding:0px 0px 0px 0px; background:url('images/content-bg.gif'); }
#slideshow-contact { width:940px; margin:0 auto; height:290px; background:#000 url('images/contact-slideshow-bg.jpg'); -moz-border-radius: 15px; border-radius: 15px; moz-box-shadow: 0 2px 8px #000; -webkit-box-shadow: 0 2px 8px #000; box-shadow: 0 2px 8px #000; }
#slideshow-mission { width:940px; margin:0 auto; height:290px; background:#000 url('images/slideshow-bg-mission.jpg'); -moz-border-radius: 15px; border-radius: 15px; moz-box-shadow: 0 2px 8px #000; -webkit-box-shadow: 0 2px 8px #000; box-shadow: 0 2px 8px #000; }
#footer { width:940px; margin:0 auto; text-align:center; padding:25px 0px 25px 0px; color:#666; font-size:12px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; }

#header .logo { font-family:"Oswald", "Lato", Helvetica, Arial; font-weight:normal; color:#fff; font-size:40px; font-weight:200; float:left; display:inline; }

#header .menu { font-family:"Oswald", "Lato", Helvetica, Arial; font-weight:normal; color:#999; font-size:18px; font-weight:200; float:right; display:inline; margin:15px 0px 0px 0px; }
#header .menu a:link { color:#999; text-decoration:none; }
#header .menu a:visited { color:#999; text-decoration:none; }
#header .menu a:hover { color:#fff; text-decoration:none; }

#content .column { width:246px; float:left; display:inline; margin:0px 26px 0px 0px; padding:25px; }
#content #column3 { margin:0px; }
#content .column hr { margin:15px 0px 15px 0px; background:#ccc; color:#ccc; height:1px; border:0px; }
#content .column h22 { background:url('images/feature-title-bg-orange.png'); width:246px; height:52px; margin:0px 0px 20px 0px; font-size:20px; text-align:center; line-height:52px; font-family:"Oswald", "Lato", Helvetica, Arial; font-weight:normal; text-transform:uppercase; color:#fff; moz-text-shadow:0px 1px 3px #000; -webkit-text-shadow:0px 1px 3px #000; text-shadow:0px 1px 3px #000; }
#content .column h2 {
    width: 100%;
    height: 52px;
    margin: 0px 0px 20px 0px;
    font-size: 20px;
    text-align: center;
    line-height: 52px;
    font-family: "Oswald", "Lato", Helvetica, Arial;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0px 1px 3px #000;
    border-radius: 6px;
    background: rgb(255,173,0);
    background: linear-gradient(180deg, rgba(255,173,0,1) 0%, rgb(207 100 6) 100%);
}
#content .column p { margin:0px 0px 15px 0px; padding:0px; }
#content .column .contactTable { width:246px; font-size:11px; font-weight:normal; }
#content .column .contactTable td { padding:0px 3px 0px 0px; }
#content .column .contactTable .left { text-transform:uppercase; width:90px; padding:3px 0px 3px 4px; }
#content .column .contactTable .lighter { background:#f9f9f9; padding:5px;}
#content .column .contactTable input { width:150px; height:20px; border-style:solid; border-color:#ccc; border-width:1px; margin:3px 0px 3px 0px; -moz-border-radius:3px; border-radius:3px; }
#content .column .contactTable #comments { width:148px; height:100px; border-style:solid; border-color:#ccc; border-width:1px; margin:3px 0px 3px 0px; -moz-border-radius:3px; border-radius:3px; }
#content .column .contactTable #submit { width:70px; height:20px; color:#fff; -moz-border-radius:5px; border-radius:5px; border:0px; font-weight:bold; background:url('images/feature-title-bg.png') no-repeat center; moz-box-shadow:0px 1px 1px #000; -webkit-box-shadow:0px 1px 1px #000; box-shadow:0px 1px 1px #000; moz-text-shadow:0px 0px 2px #000; -webkit-text-shadow:0px 0px 2px #000; text-shadow:0px 0px 2px #000;}
#content #column3 #formError { display:none; }
#content #column3 #formError h4 { margin:0px 0px 10px 0px; color:#cc0000; font-size:16px; text-align:left; }
#content #column3 #formError ol { margin:0px 0px 15px 0px; font-size:12px; line-height:18px; padding:0px 0px 0px 18px; }
#content #column3 p { text-align:center; }

#content #column1 img { -moz-border-radius:10px; border-radius:10px; }


.contactLeft { width:200px; float:left; display:inline; margin:0px 0px 30px 0px; }
.contactRight { width:740px; float:left; display:inline; margin:2px 0px 30px 0px; }
.contactRight p { margin:20px 0px 20px 5px; }

.expertiseTable { margin:20px 0px 0px 0px; }
.expertiseTable h2 { margin:0px 0px 10px 0px; }
.expertiseTable ul { margin:0px 0px 0px 0px; }
.expertiseTable .areaBtm .area { width:260px; height:70px; text-align:center;  }
.expertiseTable .areaBtm .area p { font-size:16px; line-height:22px; margin:0px; }
.expertiseTable .area { width:420px; padding:20px; background:#f3f3f3; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; text-align:left; margin:0px 0px 20px 0px; }

.form ul{ list-style:none; margin:0; padding:0; }
.form li{ padding:5px; margin:0; }
.form label{ float:left; width:100px; position:relative; top:5px; text-align:right; padding-right:15px; font-size:12px; font-weight:200; text-transform:uppercase; }
.form legend{ color:#666; font-weight:400; padding:0px 5px 0px 5px; }
.signupFieldset{ height:240px; }
.captcha{ float:left; }

/* FORMS FIELDS */
.form input{ -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border:1px solid #999; padding:5px; }
.inputText{ width:200px; }
.form img{ -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; position:relative; top:-2px; }
.form select{ -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border:1px solid #999; padding:5px; width:300px;}
.form textarea{ -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border:1px solid #999; padding:5px; width:400px; height:120px; }
.form button{ -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border:1px solid #090; padding:5px 20px; background:url(images/form_button.jpg) repeat-x 0 50% #00cc00; color:#FFF; font-weight:bold; cursor:pointer; }
.form button:hover{ border:1px solid #33ff33; background:url(images/form_button_hover.jpg) repeat-x 0 50% #00cc00; }
.form fieldset { border:1px; border-style:solid; border-color:#ccc; }

/* FORM VALIDATION */
div.formErrors{ padding:10px; margin:0 0 10px 0; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; display: none; border:1px solid #dede00; background-color:#ffffaa; font-weight:normal;}
div.formErrors h4{ color:#F00; font-weight:normal; font-size:14px; margin:0px; padding:0px;}
div.formErrors ol{ padding:10px 0 0 40px; margin:0;}
.formErrors .error{ float:none !important; width:100% !important; border:none !important; }
.error{ border:2px solid #F00 !important; }


        @media (max-width:940px) {
            #content{
                box-sizing: border-box;
                width:100%;
                display: flex;
                flex-flow: column;
                background: none;
                padding:20px !important;
            }
            #content .column{
                margin: 0 auto 40px auto !important;
                box-sizing: border-box;
                width: 100%;
                background: #f1f1f1;
                border: 1px solid #ccc;
            }
            #content #column3{margin-bottom:0 !important;}
#content #column1 img {
    width: 100% !important;
    height: auto !important;
}
#header { width:100%; margin:0 auto; }
            #header .logo{text-align:center; width:100%;}
            #header .logo a{display:block; width:100%; text-align:center;}
            #header .logo a img{width:90%; max-width: 300px; margin:0 auto; }
            #header .menu{ text-align:center; width:100%; margin-top: 50px; }
            #slideShell{padding-top:60px;}
#slideshow, #slideshow-mission,#slideshow-contact { width:90%; margin:0 auto; }
#footer { width:100%; margin:0 auto; text-align:center; padding:25px 0px 25px 0px;}
            .expertiseTable, .expertiseTable table,.expertiseTable tbody, .expertiseTable tr, .expertiseTable td,.expertiseTable td div{box-sizing: border-box; text-align:left !important;display:block; width:100% !important;}
            .expertiseTable .areaBtm .area{height:auto;}
            .contactRight{ width:100%; }
            .contactRight .form textarea{width:200px;}
}