body { margin:0px; padding: 0px; color: #000000; background-color: #ffffff; background-image: url(images/bg.jpg); background-repeat:repeat-x; }

body { font-family: Arial, Helvetica, sans-serif; font-size: .8125em; line-height: 1.5em; color: #000; }
p, div, td, th, ol, ul, li { font-size:1em;}
input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:1em; color:#000000; border:1px solid silver; background:#FFFFFF; }

th {background-color: #2d4181; color: #fff; font-weight:bold; font-size:1.1em; }

a:link { color:#c91c22; text-decoration:underline; }
a:active { color:#c91c22; text-decoration:underline; }
a:visited { color:#c91c22; text-decoration:underline; }
a:hover { color:#000000; text-decoration:none; }

a.btm:link { color:#747474; text-decoration:none; }
a.btm:active { color:#747474; text-decoration:none; }
a.btm:visited { color:#747474; text-decoration:none; }
a.btm:hover { color:#c91c22; text-decoration:underline; }

#outer_page { margin: 0 auto; width: 1000px; background-image: url(images/outer_bg.png); background-repeat:repeat-y; position:relative; }
#outer_box { margin: 0 auto; width: 932px; height: auto; position:relative; }
#top { }
#banner { width: 932px; height: 132px; background-color:#dedede; background-image: url(images/banner_bg.jpg); background-repeat:repeat-x; background-position: top left; border-bottom: solid 1px #fff; position:relative; }
#logo_box { }
#logo { float: left; margin-top: 0px; margin-left: 10px; }
#logo img { width:100%; height:auto; max-width:581px; }
#banner_right { text-align: right; float:right; }
.banner_date { margin-top: 20px; margin-right: 35px; color: #b9b9b9; text-transform: uppercase; font-size: .923em; font-weight: bold; }
.banner_phone { margin-top: 5px; margin-right: 35px; }
.banner_phone img { max-width: 170px; height:auto; }

#mid { width: 932px; height: 308px; margin:0 auto; background-repeat: no-repeat; background-image: url(images/banner_mid.jpg); position:relative; }
.homepg #mid { background-image: url(images/banner_mid.jpg); }
.firmpg #mid { background-image: url(images/banner_mid.jpg); }
.contactpg #mid { background-image: url(images/banner_mid.jpg); }
.servicepg #mid { background-image: url(images/banner_mid.jpg); }
.resourcespg #mid { background-image: url(images/banner_mid.jpg); }
.dcpg #mid { background-image: url(images/banner_mid.jpg); }
.calcspg #mid { background-image: url(images/banner_mid.jpg); }
.privacypg #mid { background-image: url(images/banner_mid.jpg); }

#content_outer { width: 932px; margin:0 auto; z-index:100; background-color: #fff; }
#col1 { float:left; width: 552px; padding-left: 75px; padding-right: 15px; padding-top:36px; }
#col1_full { float:left; width: 842px; padding-left: 75px; padding-right: 15px; padding-top:36px; }
#col2 { float:right; width: 290px; }
.col2_block { width: 210px; padding: 18px 18px 0px 18px; float:right; background-image: url(images/col2_block_bg.gif); background-repeat:no-repeat; background-position: top right; }
.col2_block_inner { width: 210px; padding: 18px 18px 0px 18px; float:right; background-image: url(images/col2_block_inner_bg.gif); background-repeat:repeat-x; background-position: top left; height: 100%; }


#footer_top { width: 932px; height: 38px; border-bottom: solid 1px white; margin:0 auto; z-index:100; background-image: url(images/footer_top.gif); background-repeat:repeat-x; background-color: #fff; }
#footer { width: 932px; background-image: url(images/footer_bg.gif); background-repeat:no-repeat; background-color: #fff; text-align:center; }
#footer_text { color:#747474; font-family: Tahoma, Geneva, sans-serif; font-size:.77em; line-height: 2.2em; padding: 15px 0px; text-transform:uppercase; }


h1 { font-size: 1.53em; font-family:Impact, Impact, Charcoal, sans-serif; font-weight: normal; text-transform: uppercase; line-height: 1em; margin-top: 0px; padding-top:0px; }
h2 { font-size: 1.38em; font-family: Impact, Impact, Charcoal, sans-serif; color: #2d4181; font-weight: normal; text-transform: uppercase; line-height: 1em; margin-top: 0px; padding-top:0px; }
h2.sidebar { width: 100%; border-bottom: solid 1px #dbdbdb; padding-bottom: 5px; margin-bottom:5px;}
h3 { font-size: 1.23em; font-weight: bold; text-transform: none; line-height: 1em; margin:1em 0px 0px 0px; padding:0px; color: #2d4181; }
h2.title { }
h4 { font-weight:bold; font-size: 1em; }
.title1 { color: #2d4181; }
.title2 { color: #c91c22; }
.text { }
.text2 { }
.warning { color: red; font-weight:bold; }

div.hr { background-color: #9199bd; width: 100%; height: 1px; line-height: 1px; margin:10px auto; }

.clearb { clear:both; height: 0px; line-height:0px; }
.clearb1 { clear:both; height: 1px; line-height:1px; }
.clearb5 { clear:both; height: 5px; line-height:5px; }
.clearb10 { clear:both; height: 10px; line-height:10px; }

input.submit_btn { background-color:#ccc; }

ul, li { }
ol li { margin-bottom: 0.8em; }
.bold { font-weight: bold; }
.floatleft { float: left; margin-right: 1.5em; }
.floatleft_content { float: left; margin-right: 1.5em; margin-bottom: .75em; }
.floatright_content { float: right; margin-left: 1.5em; margin-bottom: .75em; }
.floatright { float: right; margin-left: 1.5em; margin-bottom: 1.5em; }
.floatright_sidebar { float: right; margin-left: 5px; margin-bottom: .4em; }
table.formtbl td.text {text-align: right;}
form.contactform { margin:0px; padding:0px;}
img.imgborder { border: solid 1px silver; }

iframe.icfframe { margin:0; padding:0;}

div.inputfield { clear: left; font-weight: normal; padding:3px 0px; text-align:left;}
div.inputfieldn { display: none; }
label.short1 { width: 38px; text-align: right; float:left; padding-top: 2px; padding-right: 3px; }
label.short2 { width: 30px; text-align: right; float:left; padding-top: 2px; padding-right: 3px; }
label.short { width: 70px; text-align: right; float:left; padding-top: 2px; padding-right: 3px; }
label.med1 { width: 110px; text-align: right; float:left; padding-top: 2px; padding-right: 3px; }
label.med { width: 150px; text-align: right; float:left; padding-top: 2px; padding-right: 3px; }
label.long { width: 220px; text-align: right; float:left; padding-top: 2px; padding-right: 3px; }

 .captcha { width: 430px; height: 60px; margin: 5px 0px 5px 155px; }

/* Global align classes */

.left {
	text-align: inherit;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.justify {
	text-align: justify
}



/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */

@media screen and (max-width: 1000px) {
	
#outer_page { width: 100%; background-image: none; }

}

@media screen and (max-width: 932px) {

body { background-image: none; }
	
#outer_box { width: 100%; height: auto; }
#top { }
#banner { width: 100%; height: auto; }
#logo { clear: both; float: none; padding-top: 15px; display:block; }
#banner_right { clear: both; float:none; text-align: left; display:block;  }
.banner_date { display:none; }
.banner_phone { margin-top: 15px; padding-top: 15px; border-top: solid 1px #ccc; margin-right: 0; padding-left: 10px; }

#logo { float: left; margin-top: 0px; margin-left: 10px; }


#mid { width: 100%; height:auto; padding-top:33%; box-sizing: border-box; background-size: cover;}

#footer_top { width: 100%; height: auto; border-bottom: solid 5px #13253C; padding-top: 1em; background-image: none; }
#footer { width: 100%;background-image: none;  }
#footer_text { padding: .8em 0px; }
.privacymenu { display:none; }
.btm_menu { display:none; }

#content_outer { width: 100%; }
#col1 { float:none; width: 90%; padding-left: 5%; padding-right: 5%; padding-top:2em; margin:0; }
#col1_full { float:none; width: 90%; padding-left: 5%; padding-right: 5%; padding-top:2em; margin:0; }
#col2 { float:none; width: 90%; padding-left: 5%; padding-right: 5%; padding-top:2em;  border-top:solid 5px #13253C; margin:0; }
.col2_block { width: 100%; padding: 0; float:none; background-image:none; margin:0; }
.col2_block_inner { width: 100%; padding: 0; float:none; background-image:none; margin:0; }

 img.floatleft {  max-width:50%; height:auto; }
 img.floatleft_content { max-width:50%; height:auto; }

 img.floatright { max-width:50%; height:auto; }
 img.floatright2 {  max-width:50%; height:auto; }
 
.map iframe { width: 100%; }
.map { float:none; margin:0 0 1em 0; }

.brand { display:block; }

 .captcha { max-width: 95%; height: 60px; margin: 5px 0px; }
 
div.inputfield { clear: left; font-weight: normal; padding:3px 0px; text-align:left;}
div.inputfieldn { display: none; }
input { max-width: 90%; }
label {  display:block; }
label.short1 { width: 38px; text-align: left; float:none; padding-top: 2px; padding-right: 0;  }
label.short2 { width: 30px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }
label.short { width: 70px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }
label.med1 { width: 110px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }
label.med { width: 150px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }
label.long { width: 220px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }

}

@media screen and (max-width: 600px) {

#logo img { width:100%;  height:auto; }

.bigger { font-size: 1.1em; }


}

@media screen and (max-width: 400px) {

}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px){

body { background-image: none; }
	
#outer_box { width: 100%; height: auto; }
#top { }
#banner { width: 100%; height: auto; }
#logo { clear: both; float: none; padding-top: 15px; display:block; }
#banner_right { clear: both; float:none; text-align: left; display:block;  }
.banner_date { display:none; }
.banner_phone { margin-top: 15px; padding-top: 15px; border-top: solid 1px #ccc; margin-right: 0; padding-left: 10px; }

#logo { float: left; margin-top: 0px; margin-left: 10px; }


#mid { width: 100%; height:auto; padding-top:33%; box-sizing: border-box; background-size: cover;}

#footer_top { width: 100%; height: auto; border-bottom: solid 5px #13253C; padding-top: 1em; background-image: none; }
#footer { width: 100%;background-image: none;  }
#footer_text { padding: .8em 0px; }
.privacymenu { display:none; }
.btm_menu { display:none; }

#content_outer { width: 100%; }
#col1 { float:none; width: 90%; padding-left: 5%; padding-right: 5%; padding-top:2em; margin:0; }
#col1_full { float:none; width: 90%; padding-left: 5%; padding-right: 5%; padding-top:2em; margin:0; }
#col2 { float:none; width: 90%; padding-left: 5%; padding-right: 5%; padding-top:2em;  border-top:solid 5px #13253C; margin:0; }
.col2_block { width: 100%; padding: 0; float:none; background-image:none; margin:0; }
.col2_block_inner { width: 100%; padding: 0; float:none; background-image:none; margin:0; }

 img.floatleft {  max-width:50%; height:auto; }
 img.floatleft_content { max-width:50%; height:auto; }

 img.floatright { max-width:50%; height:auto; }
 img.floatright2 {  max-width:50%; height:auto; }
 
.map iframe { width: 100%; }
.map { float:none; margin:0 0 1em 0; }

.brand { display:block; }

}



