/**
 * 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: 832px) {

#outer_box { width: 100%; }

.logo { float:none; }
#home_pic_box { display:none; }

#home_resources_block { width: 100%; height: auto; float: none; margin-right: 0px; margin-top:0px; }

#home_welcome_box { background-color: #ffffff; height: auto; width: 100%; float: none; margin-top: 0px; }
#home_welcome_box .text { padding: 11px; }

#home_bottom_box { height: auto; }
#bottom_left { float: none; width: 100%; border-right: none; }
#login_box { float:left; margin: 0px 10px 5px 20px; }
#bottom_left_pic { float:right; margin-top: 10px; margin-right:10px; }
#login_box .text { margin: 3px 0px; line-height: 1em; }
#bottom_right { clear:both; float: none; width: 100%; margin: 20px 0; padding: 20px 0; border-top: solid 2px #ccc; }
#quick_contact { padding: 0px 0px 0px 25px; }
#quick_contact .text { margin-top: 3px; }

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

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

.brand { display:block; }

.floatleftbox { float:none; width: 100%; margin-right:0; }

#footer { clear:both; }

 .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: 700px) {
#clientlogin { clear: left; float: none; margin: 15px 0; width: 100%; min-height: 30px; border-top: solid 1px #ccc; padding-top: 15px; }
#clientlogin .icfframe {  display:inline-block; width: 240px; height: 30px; vertical-align:middle; }
#clientlogin .icfheader { display:inline-block; padding-right:10px; height:30px; line-height:30px; margin:0; vertical-align:middle; font-size:16px; font-weight:bold; color: #0d6e91; text-transform:lowercase; }

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

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

.bigger { font-size: 1.1em; }

.brand { }
.footercopy { clear:both; display:block; padding-top: 5%; margin-top:5%; border-top: solid 1px #ccc; }
	.footerbrand { padding-left: 0px; display:block; }

}

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

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

 img.floatright { max-width:25%; height:auto; }
 img.floatright_content { max-width:25%; height:auto; }
 img.floatright2 {  max-width:25%; height:auto; }
 
#clientlogin { clear: left; float: none; }

}

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


}