@charset "UTF-8";
/* CSS Document */
/* Core Elements */
*{margin:0;padding:0;border:0}
.clear{clear:both}
#header {background:#000; -webkit-box-sizing: border-box; box-sizing: border-box; height:50px; width:100%; padding:0 0 0 10px; position: relative;}
#brand {width:68%; height:50px; position:absolute; left:1em; top:8px; display:block}
#brand img {height: 38px; width: auto;}

#content{padding:10px;line-height: 1.5; clear:both; background: #fff; max-width: 750px;margin: 0 auto}
.photoleft{max-width:140px;max-height:120px;float:left;clear:left;margin:0 10px 10px 0;height:auto}
.photoright{max-width:140px;max-height:120px;float:right;clear:right;margin:0 0 10px 10px;height:auto}
.phototreatment{ max-width:300px; max-height:120px}
#content ul li{background:url(/images/icons/32x32/bullet.png) no-repeat 0px 0; background-size: 16px 16px; padding-left:20px;color:#333;list-style:none}
#content ol{margin-left:20px}
/* Text Styles */
body{font-family:Arial, Helvetica, sans-serif;-webkit-text-size-adjust:none; background:#016300; color:#000;}
#content a, #footer a{color:#016300}
p, h1, h2, h3, h4, hr, #content ul, #contentEditor ul, blockquote, dd{margin-bottom:10px}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{font-weight:normal;line-height:1.2em}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#31659b}
em, i{ font-style:italic}
b, strong{font-weight:bold}
hr, .borderTop, dt{background:url(/images/horizontal_rule.gif) repeat-x 0 top;border:none;margin-top:10px}
hr{padding-top:1px}
.borderTop, dt{padding-top:6px}
hr{height:0px;margin-top:10px}
h1{font-size:1.3em;margin-bottom:10px;line-height:1.4em; background:#016300; color:#fff; padding:5px}
h2{font-size:1.2em}
h3, dt{font-size:1.1em;margin-bottom:7px}
h4, th{font-size:1.04em}
h5, h6, h7, h8, h9{font-size:1.01em;margin:0px 0px 0px 0px}
/* Forms */
.formBox, .formTextarea, .formSelect{border:1px solid #999;background-color:#efefef;padding:3px 5px}
.formBox:focus, .formTextarea:focus{background-color:#FFC}
.formButton{background:#036;color:#fff;border:none;border-radius:3px;padding:3px 5px}
.formBox, .formTextarea, .formSelect, formButton{ max-width:300px}
.subjClass{visibility:hidden;width:1px;height:1px}
/* Navigation */
#t1{ position:absolute;right:0; top:0; width:80%;margin:0 5px 0 0; z-index: 2;}
#t1 a{ text-decoration:none}
#t1 ul{padding:0}
#t1 ul li{background:#016300;display:block}
#t1 ul li a{display:block; background: url(../images/menu-arrow.png) no-repeat 0 10px; border-right:#014600 solid 1px; border-bottom:#014600 solid 1px; border-left:#014600 solid 1px; color:#fff; font-size:1.5em; padding:10px; text-shadow:rgba(0, 0, 0, 0.5) 0 -1px 0;}
#t1 #menu{font-size:1.2em;float:right;padding:7px 22px 10px 15px;background:#ccc url(../images/menu-expand.png) no-repeat top right;margin:0;color:#000;-moz-border-radius-bottomleft:.5em;-moz-border-radius-bottomright:.5em;-webkit-border-bottom-left-radius:.5em;-webkit-border-bottom-right-radius:.5em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}
#t1 #menu.expanded{padding:7px 21px 9px 14px;background:#fff url(../images/menu-close.png) no-repeat top right;border-right:#254c74 solid 1px;border-bottom:#254c74 solid 1px;border-left:#254c74 solid 1px}
#children{-webkit-box-sizing: border-box;box-sizing: border-box; padding: 8px 10px; width: 100%; float: left; background: #fff;}
#children select{border:1px solid #016300;font-size:1.2em;float:left;margin:0 5px 0 0;max-width:279px}
#children a{float:left}
#footer{padding:0 10px 10px;clear:both;margin: 0 auto; max-width: 750px}
#footer p {font-size:10px;line-height:12px;color:#fff;margin:0 0 0 0;padding:10px 0 0}
#footer a {color: #fff;}
/* APPS */
/* News App */
.newsList{background:url(/images/horizontal_rule.gif) repeat-x 0 bottom;padding:0 0 5px 0}
.newsList dt{ color:#f03c5e}
.newsPrev, .newsNext{width:210px;font-size:.9em;font-style:italic;line-height:1.2em}
.newsPrev{float:left}
.newsNext{float:right}
.newsPrev a, .newsNext a{color:#31659b}
.newsPrev a span, .newsNext a span{color:#f03c5e;font-style:normal}
/* Blog App */
.blogTips{background:#ebf0f5;border:solid 1px #d6e0eb;padding:10px 8px;margin:20px 0;border-radius:4px;clear:both}
.blogTips h2{margin-top:0;background:url(/images/icons/16x16/lightbulb.gif) no-repeat 0 0;padding-left:15px}
.blogTips h3{margin:0;background:url(/images/icons/16x16/lightbulb.gif) no-repeat 0 0;padding-left:15px}
.blogTips p{background:url(/images/horizontal_rule.gif) repeat-x 0 bottom;padding-left:15px;padding-bottom:5px}
/* ClientList App */
.clientListLogos{float:right;clear:right;width:140px;margin:0 0 10px 10px;background:url(/images/vertical_rule.gif) repeat-y 0 0}
.clientListLogos dt{background:none;padding-top:0;padding-left:10px;margin-top:0}
#content .clientListLogos dd ul li{background:none;padding-left:1px;margin-top:0}
.clientListLogos img{max-width:120px}
.clientList li.borderTop{ padding-top:0}
/* CUSTOM */
.callouts {padding:10px 0; width:90%; margin-left:auto; margin-right:auto; background:#fff; padding: 10px 5% 20px;}
.callouts img {width: 100%; height: auto;}
.callouts a {font-size:1.6em; color:#016300; text-decoration:none; margin-bottom:10px; display:block;}
.callouts a span { display:block; padding:10px 0 8px 0}
.requestQuote { display:block; background:#016300 url(../images/quote_bkg@2x.gif) no-repeat top right; color:#fff; font-size:1.6em; text-decoration:none; padding:10px;}
.contact {display:block; background:#000; color:#fff; text-decoration:none; padding:10px; font-size:1.6em}
.contactInfo {color:#000; display:block; padding:10px; line-height:1.4em;
    border-bottom:2px solid #ccc;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d6d6d4+100 */
    background: #ffffff; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-gradient(linear,  left top, left bottom,  from(#ffffff),to(#d6d6d4));
    background: linear-gradient(to bottom,  #ffffff 0%,#d6d6d4 100%); /* W3C */
    }
/* home */;
#slide{margin:5px 0 0 0;}
#slide img{width:100%;height:auto}
#SlideShow, #SlideShow DIV{background-repeat:no-repeat;background-position:0 0;background-size:100% 100%}
#caption {background:#333 url(/images/gear@2x.png) no-repeat right bottom / 124px 50px; color:#fff; padding:10px; font-size:1em; border-top: solid 1px #000}
/* content */
.formBox, .formTextarea, .formSelect, formButton, textarea {-webkit-box-sizing: border-box;box-sizing: border-box; width:100% !important}
#ContactForm.ContactForm input[type="checkbox"] {visibility: visible !important; opacity: 1 !important; position: relative !important;}

.pageheader {width:100%; margin-bottom: 2em}
/*----- JS Rotator -----*/
#rotator {padding-top:4px; background: #fff;}
.wsRotatorMain {float:left; width:100%; height:500px; position:relative; overflow:hidden;}
.slideShow div {width:100%; height:500px; position:absolute; left:0; top:0}
.desc {background:rgba(51,51,51,.8) url(/images/gear.png) no-repeat 98% -5px; width:100%; height:50px; padding: 0 1.5% 0; position:absolute; left:0; bottom:0px; overflow:hidden; color: #fff; float: left; font-size: 18px; line-height: 50px;}
.desc a {display:block; margin-top:10px; font-size:16px; color:#b153c4; text-transform:uppercase}
.desc a:hover {color:#29a686}
.desc strong {font-weight:normal; color:#00c8f5;}
.photo {width:100%; height:500px; background-color:#000; background-repeat:no-repeat; background-position:center bottom !important; background-size: cover !important; position:absolute; left:0; top:0}
.slideShowPhotos {display:none} /* Pre-loaded images (must always be set to display none) */

/*----- Interior JS Rotator -----*/
.wsIntRotatorMain #slideShow {background-size: cover}
.wsIntRotatorMain #slideShow > div {width: 100%; height: 0; padding-top: 40%;background-size: cover}

/* FOOTER */
.linkedin {display:inline-block; position: relative;}
.linkedin:before {background: url(/images/icons/linkedin-in.svg) no-repeat 0 0 / contain; content: ""; display: block; position: absolute; left: 0; bottom:-3px; height: 1.1em; width: 1em;}


@media screen and (max-width:440px) {
    #brand img {height: auto; width: 100%;}
}