*{margin:0; padding:0;}
body{font-family: 'Open Sans', sans-serif;}
	
#header{ width:100%; overflow:auto;}
#head{max-width:990px; margin:0 auto; overflow:auto;}
#logo{width:100%; float:left; background:#0E508D; padding:30px 0; font-family: 'Exo', sans-serif; font-size:30px; font-weight:800; text-transform:uppercase; text-align:center; color:#FFF;}
#nav{width:60%; float:right; height:50px; line-height:50px;}

#banback{max-width:990px; background-color:#999; height:250px; background-color:#CCC; margin:0 auto;}
#banner{max-width:990px; margin:0 auto;}

#contentwrap{max-width:990px; margin:0 auto; margin-top:15px; overflow:auto; font-size:12px; padding:0 10px;}
#boxes{width:100%; overflow:auto; margin-bottom:15px;}
/* THIS IS FOR FIVE BOXES
.boxwrap{width:19%; float:left; margin-right:1.25%; height:180px; background-color:#666;}
#boxwrap{width:19%; float:right; height:180px; background-color:#666;}
*/
.boxwrap img{display:block; max-width:180px; margin:0 auto;}
#boxwrap img{display:block; max-width:180px; margin:0 auto;}
.boxwrap{width:24%; float:left; margin-right:1.05%; margin-top:5px; margin-bottom:5px; border:1px solid #CCC; padding:10px 0; background:#E7E7E7; min-height:255px;}
#boxwrap{width:24%; float:right; margin:5px 0; border:1px solid #CCC; padding:10px 0; background:#E7E7E7; min-height:255px;}
.box{width:100%;  height:180px;}
.boxtext{margin-top:15px; text-align:center; font-size:14px; font-weight:600;}


.sep{width:80%; margin: 0 auto; height:1px; background-color:#CCC; margin-top:10px; margin-bottom:9px;}

#line{width:100%; background-color:#CCC; height:1px; margin:10px 0;}
#content{width:100%; overflow:auto;}
#conleft{width:100%;}
#conleft h1{text-align:center; font-family:'Myriad Pro', sans-serif; text-transform:uppercase; font-weight:100; font-size:28px;}
#conleft li{display:inline-block; margin: 0 auto; text-align:center; list-style:none;}
#conright{width:39.1%; float:right; height:200px; background:#CCC;}
#conleft p{margin-top:10px; text-align:center; width:50%; margin: 0 auto; font-size:13px; line-height:30px;} 

#slider{width:100%; height:100px; background-color:#CCC; margin-top:15px;}

#areas{max-width:990px; text-align:center; margin:0 auto; padding:15px 0px;}
#areas li{display:inline-block; list-style:none; color:#666;}
#areas a{color:#666; text-decoration:none;}
#areas a:hover{text-decoration:underline;}

#footer{max-width:970px; background:#0E508D; margin-bottom:40px; padding:10px;}
#foot{max-width:990px; margin:0 auto; color:#fff;}

#table{width:100%; margin:0 auto; color: #555; text-align:left;}
label{margin:5px 0px; display:block; font-weight:600;}


#contactback{ text-transform:uppercase; overflow:auto; color:#000; width:100%; font-family:'Myriad Pro', sans-serif; font-size:14px;}
#contactform{max-width:478px; margin:0 auto; background-color:#F8F8F8; border:1px solid #EAEAEA;  padding: 10px; overflow: auto;}
#formhead{max-width:500px; padding:20px 0; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; background-color:#0E508D; border-bottom:1px solid #000; margin:0 auto; color:#fff;}
#submit{padding:1px; border: 1px solid #333; color:#fff; -webkit-box-shadow:0; -moz-box-shadow:0; box-shadow:inset 0); padding: 10px; background:#0E508D; margin: 3px 0 10px 0; cursor:pointer;}
#submit:hover{background-color:#4C87BD;}
@media only screen and ( min-width: 300px) and ( max-width: 475px ){
#logo{width:100%; float:none;}
.boxwrap{max-width:238px; width:100%; float:none; margin-right:0; margin:0 auto; margin-bottom:15px;}
#boxwrap{max-width:238px; width:100%; float:none; margin:0 auto; margin-bottom:15px; height}
#conleft{width:100%; float:none; text-align:center; margin-bottom:15px;}
#conleft p{width:100%;}
#conright{width:100%; float:none; height:200px; background:#CCC;}
#slider{display:none;}
}
::-webkit-input-placeholder {
   color: #ccc;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ccc;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ccc;  
}

:-ms-input-placeholder {  
   color: #ccc;  
}
.field_back {
    border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 10px;
    background: rgba(255,255,255,0.5);
    margin: 3px 0 10px 0;
	box-sizing: border-box;

}
textarea{ border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 10px;
    background: rgba(255,255,255,0.5);
    margin: 3px 0 10px 0;
	box-sizing: border-box;
	}
	

@media only screen and ( min-width: 828px) and ( max-width: 1000px ){
.boxwrap{width: 24%; margin-right: 0.9%;}
}
@media only screen and ( min-width: 476px) and ( max-width: 827px ){
.boxwrap{ width: 23%; margin-right:1.7%}
}