/*
Author: Christopher Michael Pastore
Author URI: http://ChrisPastore.com/
CSS: Responsive 2013
Version: 3.0
*/
/* START RESET */
@media all{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} :focus{outline:0;} body{color:black;background:white;} ol,ul{list-style:none;} table{border-collapse:separate;border-spacing:0;} caption,th,td{text-align:left;font-weight:normal;} blockquote:before,blockquote:after,q:before,q:after{content:"";} blockquote,q{quotes:"" "";} html{ font-size: 62.5%; } }
/* END RESET */

/* START GLOBAL */
	body { margin: 0; background: #fff; font-family: arial, helvetics, sans-serif; font-size: 16px; font-size: 1.6rem; font-weight: 400; line-height: 1.5em; color: #000; }
	h1 , h2 , h3 , h4 , h5 , h6 { margin: 0 0 1% 0; font-family: arial, helvetics, sans-serif; font-weight: 700; line-height: 1.3em; }
	h1 { font-size: 20px; font-size: 2.0rem; padding-left: 85px; line-height: 1.0em; color: #fff; }
	h2 { margin: 0; padding: 5px; font-size: 16px; font-size: 1.6rem; color: #fff; background: #6B1424; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
	h3 { font-size: 24px; font-size: 2.4rem; }
	h4 { font-size: 20px; font-size: 2.0rem; }
	h5 { font-size: 18px; font-size: 1.8rem; }
	h6 { font-size: 16px; font-size: 1.6rem; }
	p { margin: 0 0 5% 0; }
	ul{ margin: 0 0 5% 5%; width:80%; list-style-type: square; }
	ol{ margin: 0 0 5% 5%; width:80%; list-style-type: decimal; }
	li{ margin: 0 0 5% 0; }
	strong { font-weight: 700; }
	em { font-style: italic; }
	a, a:visited { color: blue; text-decoration: underline; }
	a:hover , a:focus, a:active  { text-decoration: none; }
	.headerContainer { float: left; clear: both; margin: 0 auto; width: 100%; height: 100px; min-width: 50px; max-width: 1024px; background: url(/img/bg-header.jpg) no-repeat top left; }
	.headerContent { clear: both; margin: 50px auto 0 auto; padding: 0; width: 100%; min-width: 50px; max-width: 1024px; }
	.wrapper { margin:0 auto; min-width: 50px; max-width: 1024px; }
	.contentContainer { float: left; clear: both; width: 100%; min-width: 50px; max-width: 1024px; background: #F8F3E2; }
	.contentMain { float: left; clear: both; margin: 4% 2% 5% 2%; width: 97%; min-width: 50px; max-width: 1024px;}
	.sideContent { float: left; clear: both; margin: 0; padding: 3% 0; width: 100%; min-width: 50px; max-width: 1024px; background: #e5e5e5; border-top: 1px solid #fff; }
	.sideContent ul { margin: 0; width:100%; list-style-type: none;  }
	.sideContent ul li { margin: 0; }
	.formContent { float: left; margin:0 0 5% 0; padding: 0 0 5% 0; width: 100%; background: #6bbfb7; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
	.formContent h3 { margin:0 ; padding: 2% 0 0 5%; width: 95%; min-width: 50px; max-width: 1024px; font-size: 29px; font-size: 2.9rem; background: #f27649; color: #fff; line-height: 1.2em ; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; }
	.formContent p { margin: 2% 0 0 4%; }
	.formContent strong { color: #ffeeaa; }
	.formContent h3 span { position: relative; bottom: 15px; font-size: 16px; font-size: 1.6rem; }
	.formContent table { margin: 2% 0 0 4%; width: 90%; min-width: 50px; max-width: 1024px; }
	.formContent table td { padding: 2% 0; }
	.formContent .align { vertical-align: top;  }
		label { float: left; clear: both; margin: 0 0 0 2%; font-weight: 700; width: 94%; }
	.field { float: left; clear:both; margin: 0; padding: 3% 2%; width: 100%; min-width: 50px; max-width: 1024px; border: 1px solid #333; }
	.field:focus { background: #ffc; border: 1px dashed; }
	.footerContainer { display: block; float: left; clear: both; margin:0; width: 100%; background: #F6E5CA; border-top: 10px solid #333C63; }
	.footerContent { clear: both; margin: 0 auto; padding:2% 0 2% 0; width: 100%; min-width: 50px; max-width: 1024px; }
	.footerContent p { width: 100%; text-align: center; }
	.footerContainer .menuContainer { margin-bottom: 0; background: #666; }
	.footerContainer .menuContent ul li a:hover { background: #333; color: #fff; }
	.footerLogosWrapper { float: left; clear: both; margin: 0; width: 100%; min-width: 50px; background: #eee; }
	.footerLogos { clear: both; margin: 0 auto; width: 100%; min-width: 50px; max-width: 1024px; background: #eee; }
	.nothing { clear: both; margin: 5% 0 5% 5%; width: 90%; min-width: 100px; max-width: 751px; }
	.error { float: left; clear: both; margin: -1% 0 0 0; font-size: 12px; font-size: 1.2rem; color: #c00;}
	.desktop { display: none; }
	.mobile { display: none; }
	.button { float: left; clear: both; margin:  5% 0 0 2%; padding: 5% 0; width: 96%; min-width: 100px; max-width: 1024px; border: none; background: #007f00; color: #fff; font-size: 20px; font-size: 2.0rem; font-weight: bold; }
	.button:hover { background: #006500; }
	.photoLeft { float: left; margin: 0 2% 2% 0; width: 100%; min-width: 10px; max-width: 120px; }
	.sticky { position: fixed; bottom: 0; clear: both; margin: 0; width: 100%; min-width: 100px; max-width: 1024px; background: #1b5286; list-style: none; }
	.sticky li { float: left; margin: 0; width: 50%; text-align: center; }
	.sticky li a { display: block; padding: 10px 0; color: #fff; font-weight: 700; text-decoration: none; border-right: 1px solid #121212; }
	.sticky li a+.sticky li a { border-right: none; }
	.phone-link { white-space: nowrap; color: #000000; font-weight: 700; text-decoration: none; }
	.phone-link:hover, .phone-link:focus { color: #000000; text-decoration: none; }
/* END GLOBAL */

/* START 240 X 320 */
@media only screen and (min-width:240px) {
	.mobile { display: block; }
	.desktop { display: none; }
	.field { width: 97%; }
	.photoLeft {  width: 40%; }
	}
/* END 320 X 480 */

/* START 320 X 480 */
@media only screen and (min-width:320px) {
	.mobile { display: block; }
	.desktop { display: none; }
	.headerContent { margin-top: 50px; }
	h2 { font-size: 18px; font-size: 1.8rem; }
}
/* END 320 X 480 */

/* START 480 X 320 */
@media only screen and (min-width:480px) {
.headerContent { margin-top: 52px; }
h1 { margin-top: 12%; font-size: 30px; font-size: 3.0rem; }
.formContent h3 { font-size: 42px; font-size: 4.2rem; }
.formContent h3 span { bottom: 7px; font-size: 24px; font-size: 2.4rem; }
.formContent p { font-size: 18px; font-size: 1.8rem; }
}
/* END 480 X 320 */

/* START 600 X 800 */
@media only screen and (min-width:600px) {
.wrapper { float: left;}
.p { margin-bottom: 0; font-size: 20px; font-size: 2.0rem; line-height: 1.5em; }
.formContent p { font-size: 22px; font-size: 2.2rem; }
h1 { margin-top: 10%;}
.sticky { display: none; }
}
/* END 600 X 800 */

/* START 768 X 1024 */
@media only screen and (min-width:768px) {
.mobile { display: none; }
.desktop { display: block; }
h1 { margin-top: 8%;}
.sideContent { padding-bottom: 30%;}
.formContent h3 { font-size: 32px; font-size: 3.2rem; line-height: 1.0em; }
.formContent h3 span { font-size: 19px; font-size: 1.9rem; }
.formContent p { font-size: 16px; font-size: 1.6rem; }
.contentMain { float: left; clear: none; margin-top: 2%; margin-right: 0; padding-bottom: 40%; width: 60%; }
.sideContent { float: right; clear: none; margin-left: 1%;  width: 36%; }
.footerContainer { float: left; clear: both; max-width: 1024px; }
}
/* END 768 X 1024 */

/* START 800 X 600 */
@media only screen and (min-width:800px) {
	h1 { margin-top: 7%;}
}
/* END 800 X 600 */

/* START 1024+ X 768+ */
@media only screen and (min-width:1024px) {
.p { font-size: 18px; font-size: 1.8rem; }
h1 { margin-top: 6%;}
}
/* END 1024+ X 768+ */

/* START 1025+ */
@media only screen and (min-width:1025px) {
}
/* END 1024+ X 768+ */
