/*
author: Craig Erskine
description: styles
*/

/* elements */
body { font: 14px/1.5 Arial, sans-serif; background: #007CBA; color: #333; }

a { color: #0079B8; font-weight: bold; text-decoration: none; }
a:hover,a:focus { color: #4DA4CF; text-decoration: none; outline: 0; }

h1,h2,h3,h4,h5,h6 { margin: 0 0 20px; font: normal 2em/1.1 Roboto, Arial, sans-serif; color: #A1A1A5; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

p,ul,ol,table { margin: 0 0 20px; }
ul,ol { margin: 0 0 20px 25px; }
ul ul,ul ol,ol ol,ol ul{ margin-bottom: 0; }
table table { margin-bottom: 0; }
hr { margin: 0 0 19px; border: 0 none; border-top: 1px solid #DDD; height: 0; background: transparent; color: transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* classes */
.small { font-size: .8em; }
.large { font-size: 2em; line-height: 1; }
.bottom-add { margin-bottom: 20px; }
.bottom-half { margin-bottom: 10px; }
.bottom-remove { margin-bottom: 0; }
.left { margin: 0 20px 20px 0; float: left; }
.right { margin: 0 0 20px 20px; float: right; }
.img-scale { max-width: 100%; height: auto; }
.error { color: #C00; }
.highlight { background: #FF9; }
.clear { clear:both; }
span.clear{width:0;height:0;display:block;overflow:hidden;visibility:hidden;}

/* bootstrap fixes */
.alert { border: 0 none; text-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.well { -webkit-box-shadow: none; box-shadow: none; }
.alert { background: #F39C12; color: #FFF; }
.alert a { color: #FFF; }
.alert-info { background: #007CBA; }
.alert-success { background: #009B74; }
.alert-error,.alert-danger { background: #D0112B; }
.btn,.label { border: 0 none; background: #666; color: #FFF; font-weight: normal; text-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
p.btn { margin-bottom: 20px; }
.btn a { color: #FFF; }
.btn { padding: 5px 12px; background: #BBB; box-shadow: inset 0 4px 0 rgba(255,255,255,0.3); }
.btn-default { background: #D0112B; }
/* jmh 11/10/2015 changing color of default button per client
.btn-default { background: #EEE; color: #222; font-weight: normal; }
.btn-default a { color: #222; }*/
.btn-primary { background-color: #33485D; }
.btn-info,.label-info { background-color: #007CBA; }
.btn-success,.label-success { background-color: #009B74; }
.btn-warning,.label-warning { background-color: #F39C12; }
.btn-danger,.label-important { background-color: #D0112B; }
.btn-inverse,.label-inverse { background-color: #222; }
.btn:hover,.btn:focus { background-color: #222; color: #FFF; text-shadow: none; }
.btn:hover a,.btn:focus a { color: #FFF; }

/* forms */
form { margin: 0; }
input[type],button,label,textarea,select,option { -webkit-transition: .25s; transition: .25s; }
input[type=text],input[type=password],textarea,select { -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; }
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus { border-color: #52A8EC; -webkit-box-shadow: none; box-shadow: none; }
.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"] { min-height: 30px; }
input[type=file] { margin: 0 0 20px; height: auto; line-height: normal; }
.Doc2Form fieldset { margin: 0; border: 0 none; padding: 0; }
.Doc2Form ol,.Doc2Form ol li { margin: 0 0 10px; padding: 0; width: 100%; list-style: none; clear: both; position: relative; }
.Doc2Form .required strong,.CAPTCHA_li label { color: #E95D4E; font-weight: bold; }
.Doc2Form textarea { height: 150px; }
.Doc2Form .form-captcha-img { margin: 0 0 4px; display: block; }
#FormbuilderForm .form-captcha img { display: block; }

/* video */
.video-container { padding-top: 30px; padding-bottom: 56.25%; height: 0; position: relative; overflow: hidden; }
.video-container iframe,.video-container object,.video-container embed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

/* blog */
.comment-content { margin: 0 0 20px; padding: 0 0 0 60px; position: relative; }
.comment-gravatar { position: absolute; top: 0; left: 0; }

.archive ul { margin: 0 0 0 10px; list-style: none; }
.archive ul li { list-style: none; }

/* templates */

.col-img { text-align: center; }
.col-img img { margin: 0 1%; }

/* 2 column */
.col2-1,.col2-2 { width: 48%; float: left; }
.col2-1 { clear: left; }
.col2-2 { margin: 0; float: right; }

/* 3 column */
.col3-1,.col3-2,.col3-3 { margin: 0 2% 0 0; width: 31.99%; float: left; }
.col3-1 { clear: left; }
.col3-3 { margin: 0; float: right; }

/* news */
.col-news { margin: 0 0 20px 20px; padding: 10px 10px 1px; width: 200px; float:right; background: #EFEFEF; font-size: .9em; }
* html .col-news { width: 220px; }
.col-news h2 { padding: 6px; background: #CCC; font-size: 16px; }

/* pic left/right - zig zag - glossary */
.zig-sm,.zag-sm { width: 220px; float: left; font-size: .9em; }
.zag-sm { float: right; }
.zig-lg,.zag-lg { margin: 0 0 0 240px; }
.zag-lg { margin: 0 240px 0 0; }

/* gallery */
.gallery { margin: 0 0 20px; padding: 0; width: 100%; list-style: none; *zoom:1 }
.gallery li { margin: 0; padding: 0; width: 25%; float: left; display: block; list-style: none; *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.gallery .thumb { margin: 0 10px 20px; background: #FFF; color: #999; overflow: hidden; border-radius: 4px; box-shadow: 0 0 3px rgba(0,0,0,0.3); }
.gallery img { width: 100%; height: auto; display: block; }
.gallery .caption { padding: 0 8px; height: 30px; font-size: 11px; line-height: 30px; font-weight: bold; overflow: hidden; }

/* layout */
#page { position: relative; }

/* head */
#head { padding: 70px 0 20px; background: #FFF; position: relative; z-index: 2; }
#head .container { position: relative; }
#head .span3 { position: relative; z-index: 2; }
#head .span9 { position: relative; z-index: 1; }
#head-logo { margin: 0; }
#head-utility { width: 100%; padding: 10px 0; background: #007CBA; position: absolute; top: 0; left: 0; }
#head-search { margin: 0 0 0 20px; float: right; text-align: right; }
#head-search .form-txt { border-color: #A1A1A5; width: 126px; background: #A1A1A5 url(img/search-ico.png) no-repeat 95% 50%; color: #FFF; -webkit-box-shadow: none; box-shadow: none; }
#head-content { float: right; color: #B0D6EA; font-size: 11px; text-transform: uppercase; }
#head-content p { margin: 0; line-height: 30px; }
#head-content a { margin: 0 0 0 8px; color: #B0D6EA; }
#head-content a:hover,#head-content a:focus { color: #FFF; }

/* nav */
#nav { margin: 5px 0; }
#nav-toggle { display: none; cursor: pointer; position: absolute; top: 5px; right: 13px; z-index: 9999; }
#nav-toggle-icon { margin: 7px; border-top: 6px solid #0079B8; border-bottom: 6px solid #0079B8; padding: 7px 0; width: 26px; color: #FFF; font-size: 1px; line-height: 6px; display: block; position: relative; }
#nav-toggle-icon:before { width: 100%; height: 6px; background: #0079B8; position: absolute; top: 4px; left: 0; content: ""; }

/* hero */
#hero { background: #FFF; position: relative; z-index: 1; }
#hero .slide { width: 100%; display: none; }
#hero .slide-bg { width: 100%; background: none no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; }
#hero .slide-overlay { width: 100%; height: 100%; background: url(img/hero-overlay.png) repeat 0 0; content: ""; position: absolute; top: 0; left: 0; }
#hero .slide img { position: relative; }
#hero .slide a { width: 100%; display: block; position: relative; }
#hero-nav { margin: -30px 0 0; width: 100%; position: absolute; top: 50%; left: 0; z-index: 9999; }
#hero-nav .container { width: auto; max-width: 1044px; position: relative; }
#hero-prev,#hero-next { width: 31px; height: 60px; background: url(img/hero-nav.png) no-repeat 0 0; font-size: 1px; overflow: hidden; text-indent: 100%; white-space: nowrap; position: absolute; top: 0; left: 0; }
#hero-next { background-position: -31px 0; left: auto; right: 0; }

/* body */
#body { background: #FFF; clear: both; position: relative; z-index: 1; }
#body-heading { margin: 0 0 0; padding: 25px 0; background: #6FB3D7 url(img/body-heading.png) repeat-x 0 0; }
#body-heading h1 { margin: 0; color: #B0E6FF; font-weight: 300; font-size: 40px; line-height: 50px; text-transform: uppercase; letter-spacing: -1px; text-shadow: 0 1px 1px rgba(0,0,0,0.25); }
#content { padding: 20px 0; }
#content-aside { font-size: 12px; }

#content-utility { border-top: 10px solid #E5E3DB; background: #DAD7CB; }
#content-utility h4 { color: #333; font-size: 16px; font-weight: 300; }
.utility { padding: 20px 0; }
.utility p { margin: 0 0 10px; }
.utility1 p { margin: 0 0 40px; }
.utility1 .form-txt { border-color: #C5C2B8; width: 186px; background: #EDEBE5; }
.utility2 ul,.utility2 li { margin: 0; list-style: none; display: block; text-align: left; }
.utility ul a { margin: 0 0 10px; border-top: 4px solid #4DB99E; padding: 5px 0 5px 20px; background: #009B74; color: #E5E3DB; font-weight: normal; font-size: 16px; display: block; }
.utility ul a:hover,.utility ul a:focus { border-color: #666; background: #333; color: #FFF; }
.utility3 { text-align: right; }

/* foot */
#foot { border-top: 10px solid #4DA4CF; padding: 30px 0; color: #B0D6EA; font-size: 12px; clear: both; }
#foot a,#foot a:hover,#foot a:focus { color: #FFF; font-weight: normal; }
#foot-copy { margin: 0 0 20px; color: #B0D6EA; font-size: 16px; }
#foot-credit { margin: 0; text-align: right; }

/* home */
.filters { padding: 40px 0 20px; }
.filter { padding: 0 20px; text-align: center; }
.filter h3 { text-transform: uppercase; }

/* animation */
a,input,textarea{-webkit-transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s;transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s;}

/* tablet landscape */
@media only screen and (max-width: 979px){
 #head .span3,#head .span9 { margin: 0; width: auto; float: none; min-height: 0; position: static; z-index: 0; }
 #head .form-txt { width: 90px; }
 #nav { margin: 0; }
 #nav-toggle { display: block; }
 #hero-prev,#hero-next { left: 20px; }
 #hero-next { left: auto; right: 20px; }
 #foot-copy { font-size: 12px; }
}
/* tablet portrait / mobile landscape */
@media only screen and (max-width: 767px){
 body { padding: 0; }
 iframe,object { width: 100%; }
 .gallery li { width: 33.33333333%; }
 #head-logo { padding: 0 0 0 20px; }
 #head-search { padding: 0 10px 0 0; }
 #content { padding: 20px; }
 #body-heading h1 { padding: 0 20px; }
 #content-utility { padding: 20px 20px 10px; }
 .utility { text-align: center; }
 #foot { padding: 30px 20px; text-align: center; }
 #foot-credit { text-align: center; }
}
/* mobile portrait */
@media only screen and (max-width: 479px){
 .left,.right { margin-right: 0; margin-left: 0; float: none; text-align: center; }
 .gallery li { width: 50%; }
 #head-content { padding: 0 10px 0 0; }
 #head-search { display: none; }
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
