@charset "utf-8";
/* CSS Document */

body {
margin:0px;
padding:0px;
font-family: 'Muli', sans-serif;
min-width:400px;
}

body, html
{    
overflow-x: hidden;        
}

.mobileHide {
display:inline-block;
}

.mobileShow {
display:none;
}

.clearBoth {
clear:both;
}

hr {
color:#002342;
background-color:#002342;
height:2px;
border:none;
opacity:.7;
}

#headerContain {
width:90%;
margin:0 auto;
padding-top:1em;
display:table;
white-space:nowrap;
}

#logoContain {
display:table-cell;
width:17%;
}

#logo img {
width:100%;
max-width:693px;
min-width:198px;
}

#logo a {
display:block;
}

#headerRightContain {
display:table-cell;
width:83%;
vertical-align: top;
}

#socialContain {
float:right;
width:85%;
text-align:right;
}

#socialContain img {
width:100%;
max-width:40px;
}

#socialContain a {
float: right;
width:14%;
max-width:88px;
}

#headerContactInfo {
float:right;
clear:right;
/*display:table-cell;*/
padding-top:1.1em;
color:#00396b;
font-size:1.1em;
line-height:1.5em;
text-align:right;
}

#headerContactInfo a {
color:#00396b;
text-decoration:none;
}

#headerContactInfo a:visited {
color:#00396b;
}

#mainPageContain {
width:90%;
margin:0 auto;
padding-top:2em;
}

#leftNavContain {
display:block;
float:left;
width:23%;
position: relative;
top: -1.2em;
}

#leftNavContain a {
text-decoration:none;
color:#000;
}

#leftNavContain a:visited {
color:#000;
}

#leftNavContain ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#leftNavContain li {
padding-bottom:2em;
}

.leftNavBlock {
height:20px;
width:20px;
display:inline-block;
}

.badgeContain {
padding-bottom: 15px;
}

.badge {
font-size:.8em;
color:#fff;
display: inline-block;
padding-left: 20px;
}

.leftBadgeMobileContain {
display:none;
}

.leftBadgeMobile {
font-size: 0.8em;
width: 49%;
display: inline-block;
text-align: center;
padding-top: 10px;
padding-bottom:20px;
}

#mobileNavContain {
display:none;
padding-bottom:2em;
padding-left:2.5em;
}

#mobileNavContain a {
text-decoration:none;
color:#000;
font-size: 1.7em;
}

#mobileNavContain a:visited {
color:#000;
}

#mobileNavContain ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#mobileNavContain li {
padding-bottom:1em;
}

.mobileNavBlock {
height: 36px;
width: 17px;
display:inline-block;
}

.blockYellow {
background-color:#d7df21;
}

.blockPeach {
background-color:#f1592a;
}

.blockCyan {
background-color:#13a89e;
}

.blockViolet {
background-color:#92278f;
}

.blockDarkblue {
background-color:#002342;
}

#pageContent {
float:left;
width:77%;
position: relative;
top: -3.5em;
margin-bottom:2em;
padding-left:10px;
padding-right:10px;
box-sizing: border-box;
}

.sectionContain {
max-width:1024px;
margin:0 auto;
}

.sectionLowerRow {
margin-top:2em;
}

.sectionHeaderContain {
display:table;
white-space:nowrap;
width:100%;
}

.sectionHeaderTitle {
display:table-cell;
vertical-align:middle;
width:27%;
padding-right:0.8%;
}

.sectionHeaderTitle a {
display:block;
}

.sectionHeaderTitle img {
width:100%;
}

.sectionHeaderRule {
display:table-cell;
width:73%;
height:8px;
vertical-align:middle;
}

.sectionTagline {
position: relative;
top: -18px;
left: 5.85%;
padding-right:5.85%;
}

.barYellow {
background-image:url('images/bar4pxYellow.png');
background-repeat:repeat-x;
background-position:center;
}

.barPeach {
background-image:url('images/bar4pxPeach.png');
background-repeat:repeat-x;
background-position:center;
}

.barCyan {
background-image:url('images/bar4pxCyan.png');
background-repeat:repeat-x;
background-position:center;
}

.barViolet {
background-image:url('images/bar4pxViolet.png');
background-repeat:repeat-x;
background-position:center;
}

.barDarkblue {
background-image:url('images/bar4pxDarkblue.png');
background-repeat:repeat-x;
background-position:center;
}

.sectionLogosContain {
white-space:nowrap;
display:table;
margin-bottom:2em;
}

.sectionLogo {
display:table-cell;
width:8%;
padding-right:6%;
vertical-align:middle;
}

.sectionLogo img {
width:100%;
}

.sectionRightArrowContain {
display:table-cell;
width:3%;
vertical-align:middle;
text-align:right;
}

.sectionRightArrow {
width:93%;
float:right;
}

.sectionRightArrow img {
width:100%;
}

.pageVerbiageContain {
padding:4px;
}

.pageVerbiage {
/*padding:1em;
padding-top:.8em;*/
/*font-weight:bold;*/
color:#000;
background-color:#fff;
}

.pageTagline {
margin-top:2em;
text-align:center;
font-size: 1.1em;
}

.formContain {
width: 72%;
margin: 0px auto;
position: relative;
left: -8%;
}

.formContain label {
text-align:right;
}

.formContain input, textarea {
width:100%;
font-size:1.1em;
}

.formSection {
padding-top:1em;
padding-bottom:1em;
}

.testimonialContain {
padding-top:1em;
padding-bottom:2em;
}

.testimonialVerbiage {

}

.testimonialSignature {
color:#6F6F6F;
padding-left:40%;
padding-top:1em;
}

#footerContain {
padding-bottom:20px;
}

#footerContent {
text-align:center;
line-height: 2em;
}

.footerBottomContain {
width:100%;
background-color:#002342;
color:#fff;
}

.footerBottomInner {
display:table;
width:90%;
margin:0 auto;
padding-top:20px;
padding-bottom:20px;
}

.footerBottomContain a, .footerBottomContain a:visited {
color:#fff;
}

.footerBottomLeft {
display:table-cell;
width:50%;
vertical-align:bottom;
/*white-space: nowrap;*/
}
.footerBottomRight {
text-align:right;
display:table-cell;
vertical-align:bottom;
}

/*highslide overrides*/

.highslide-controls {
position: relative;
top: 54px;
}

.glossy-dark {
padding-bottom: 10px !important;
}

.highslide-container table {
background-color:#002342 !important;
}

.highslide-container td {
background:none !important;
}

.dark .highslide-caption, .dark {
background-color:#002342 !important;
}

/*Responsive Styles - Max Width (high to low)*/
@media (max-width: 1200px) {
/*#socialContain a {
width:9%;
}*/
}

@media (max-width: 1050px) {
#headerContain {
width:95%;
}
#mainPageContain {
width:95%;
}
}

@media (max-width: 1020px) {
#leftNavContain {
width:33%;
}
#pageContent {
width:67%;
top: -2.2em;
}
}

/*@media (max-width: 950px) {
#socialContain a {
width:14%;
}
}*/

@media (max-width: 824px) {
.footerBottomLeft {
float:left;
width:100%;
padding-bottom:1.1em;
}

.footerBottomRight {
float:left;
width:100%;
text-align:left;
}
.badge {
padding-left:0px;
padding-right:20px;
}
}

@media (max-width: 760px) {
.sectionTagline {
top: -13px;
}
}

@media (max-width: 720px) {
#socialContain a {
width:21%;
}
}

@media (max-width: 700px) {
#leftNavContain {
width:38%;
}
#pageContent {
width:62%;
}
}

@media (max-width: 600px) {
#mainPageContain {
padding-top: 1em;
}
#leftNavContain {
display:none;
}
#mobileNavContain {
display:block;
}
.leftBadgeMobileContain {
display:block;
}
#pageContent {
width:100%;
float:none;
}
#socialContain a {
width:21%;
}
}

@media (max-width: 586px) {
#headerContain {
display:block;
}
#logoContain {
display:inline-block;
width:41%;
}
#headerRightContain {
display:inline-block;
width:55%;
}
.mobileHide {
display:none;
}
.mobileShow {
display:block;
}
#headerRule {
width:112%;
}
}
@media (max-width: 500px) {
#headerContactInfo {
line-height: 2.2em;
}
#mobileNavContain {
padding-left:1.5em;
}
#headerRule {
display:none;
}
#mobileHeaderRule {
display:block;
}
}

/*Responsive Styles - Min Width (low to high)*/
@media (min-width: 586px) {
.mobileHide {
display:inline-block;
}
.mobileShow {
display:none;
}
.testimonialSignature {
padding-left:26%;
}
}

@media (min-width: 600px) {
#headerContactInfo {
padding-bottom:1.1em;
}
}

@media (min-width: 1020px) {
.testimonialSignature {
padding-left:38%;
}
}

@media (min-width: 1146px) {
.testimonialSignature {
padding-left:60%;
}
}

@media (min-width: 1200px) {
#leftNavContain {
top: 0px;
}
.sectionTagline {
top: -29px;
}
}