@charset "utf-8";
/* CSS Document */


/* base */
html {
  height: 100%;
}
body{
	font-family:Helvetica, sans-serif;
	color:#666666;
	margin:0 auto 0;
	border: 0;
	font-smoothing: antialiased;
  	text-rendering: optimizeLegibility;
	-moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
	padding: 0;
	vertical-align: baseline;	
	background: #3954a5; /* Old browsers */
background: -moz-linear-gradient(left, #3954a5 0%, #378acb 50%, #3954a5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3954a5), color-stop(50%,#378acb), color-stop(100%,#3954a5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #3954a5 0%,#378acb 50%,#3954a5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #3954a5 0%,#378acb 50%,#3954a5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #3954a5 0%,#378acb 50%,#3954a5 100%); /* IE10+ */
background: linear-gradient(to right, #3954a5 0%,#378acb 50%,#3954a5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3954a5', endColorstr='#3954a5',GradientType=1 ); /* IE6-9 */
}

img{max-width:100%; height:auto!important; border:none;}

/* ---text--- */
#outer{background:#FFF url(images/bg_page.png) repeat-x; margin:0 auto 0; padding:0;}

#wrapper{
	background-color:#FFFFFF;
	max-width:872px;
	margin:0 auto 0;
	padding:15px 43px;
	overflow:hidden;
	-webkit-box-shadow: 0px -15px 10px 7px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px -15px 10px 7px rgba(0,0,0,0.23);
	box-shadow: 0px -15px 10px 7px rgba(0,0,0,0.23);
	}

#header{
	margin:0;
	overflow:hidden;
}
	

#logo{
	max-width:300px;
	border:none;
	padding: 0 50px 0 0;
	float:left;
	margin:0;}
.address{float:left;font-size:14px; line-height:20px; padding:20px 0 20px 0}
.social{float:right; margin:0 0 5px 0; padding:0px 0 0px 20px;clear:after;}
.social img{margin:0 0px 0 0px}
.headline{text-align:center;color:#000000;position:relative;}
.headline h1{font-size:32px; line-height:30px; font-weight:normal;}


#content{
	overflow:hidden;
	marin:0;
	padding:0px;}
	

#hdimages{display:block; overflow:hidden; border-bottom:1px solid #cdcecf; margin-bottom:15px;}
.item{display:inline; float:left; margin-right:31px; clear:after; }
.item h2{font-size:18px; font-weight:normal; color:#000; padding:10px 10px 0 0;}


	
.right-side{width:67%; float:right; padding:10px 0 20px 20px; border-left:1px solid #cdcecf;}
	
#sidebar{float:left; padding:10px 0px 30px 0px}

#sidebar .copy{
	margin: 0;
	text-align:left;}
	
#sidebar .copy p{margin: 0 0 7px 0; color:#3954a5}

/* ---text--- */

h1, p{margin:0 0 18px 0; letter-spacing:0px;}

h1{font-size:24px; line-height:18px; font-weight:bold;}
h2{font-size:20px; margin:0 0 15px 0; font-weight:bold;}
p{font-size:17px; line-height:18px; font-weight:normal;}
a{text-decoration:none; color:#666666;}
a:hover{color:#3954a5;}
.blue li{color: #3954a5;}
.blue li span{color: #666666;}
	
.clear{clear:both;}

.btcontact{float:left; border:0; width:254px; height:90px;}
.btcontact a{border:0; }

.callout{font-size:34px; color:#000; margin-left:20px; margin-bottom:150px;}
.callout a{color:#3954a5; text-decoration:underline}
.callout a:hover{color:#0C3676;}


#footer{
	text-align:center;
	display:block;
	color:#FFFFFF;
	margin:20px auto 20px;
	max-width:872px;
	padding:20px;
	font-size:12px;}



/*FORM- APP*/
#form{width:300px; display:block;overflow:hidden; margin: 0px 0px 50px 20px; padding:20px 25px;font-size:11px;border-radius: 5px;
background-color: #FFFFFF;
-webkit-box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.15);}

#form h4{color:#3954a5}

#form .mainform{overflow:hidden; display:block; width:300px; margin:0;}



 .focusField{
	border:solid 1px #dabb7e;
	background:#fff;
	color:#000;
 }
 .idleField{
	background:#FFFFFF;
	color: #6F6F6F;
	border: solid 1px #DFDFDF;
 }	
 .errorField {
 	background:#ffffcc;
	border: solid 1px #FC0;
 }
 input, textarea{font-family:Helvetica, sans-serif; font-size:11px; color:#666666;}
 input.input_tiny { width:50px; padding:3px 2px 2px 2px; margin-bottom:5px;}
 input.input_sm { width:90px; padding:3px 2px 10px 2px; margin-bottom:5px;}
 input.input_med { width:140px; padding:3px 2px 10px 2px; margin-bottom:5px; float:right;}
 input.input_long, textarea.input_long { width:290px; padding:5px 2px 7px 5px; margin-bottom:5px;}
 


#send { 
color: #dee5f0;
display: block;
cursor: pointer;
padding: 3px 7px;
font-size: 12px;
border: solid 1px #224983;
border-radius: 5px;
background: #1e4c99; 
background: -webkit-gradient(linear, left top, left bottom, from(#2f52b7), to(#0e3a7d)); 
background: -moz-linear-gradient(top, #2f52b7, #0e3a7d); 
background: -webkit-linear-gradient(top, #2f52b7, #0e3a7d);
background: -o-linear-gradient(top, #2f52b7, #0e3a7d);
background: -ms-linear-gradient(top, #2f52b7, #0e3a7d);
background: linear-gradient(top, #2f52b7, #0e3a7d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f52b7', endColorstr='#0e3a7d'); 
float:right;
clear:after;
}
#send:hover {
background: #183d80; 
background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b)); 
background: -moz-linear-gradient(top,  #284f9d, #0c2b6b); 
background: -webkit-linear-gradient(top, #284f9d, #0c2b6b);
background: -o-linear-gradient(top, #284f9d, #0c2b6b);
background: -ms-linear-gradient(top, #284f9d, #0c2b6b);
background: linear-gradient(top, #284f9d, #0c2b6b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b');
}
#send:active {
color: #8c9dc0; 
background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7)); 
background: -moz-linear-gradient(top,  #0e387d,  #2f55b7);
background: -webkit-linear-gradient(top, #0e387d, #2f55b7);
background: -o-linear-gradient(top, #0e387d, #2f55b7);
background: -ms-linear-gradient(top, #0e387d, #2f55b7);
background: linear-gradient(top, #0e387d, #2f55b7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7');
}

 
 #error {
 	color:#FF0000;
	font-size:9px;
	display:none;
	margin-top:5px;
 }
 #errorcaptcha {
 	color:#FC0;
	font-size:9px;
	display:none;
	margin-top:5px;
 }
 
 #success {
 	color:#060;
	font-size:12px;
	font-weight:bold;
	display:none;
	margin-top:5px;
 }
 .contact-info{
	font-size:10px;
	padding:0;
}
.secur{color:#666; font-size:11px; text-align:center;width:100%;padding:0px 0px 5px 0px;/*background:#DCD7BA; border:1px solid #996;*/}

.thanks{color:#fff; font-family:"Times New Roman", Times, serif; font-size:24px;}

/*end form*/

/* Smartphones (portrait) ----------- */
@media (max-width : 320px) {
#wrapper{padding:10px}
#logo{width:200px;position:relative; }
#headline{font-size:16px; line-height:20px;margin: 0 0 5px;}
.right-side {width: 100%;padding:10px 0 10px 0;float:none;}
#content{padding:10px}
#form{float:none; margin: 0px 0px 0px 0px;}
#sidebar{float:none;padding: 25px 0 0 15px;}
}

/* Smartphones (landscape) ----------- */
@media (max-width : 480px) {
#wrapper{padding:10px}
#logo{max-width:250px;position:relative;}
#headline{}
.address{float:left;font-size:12px; line-height:15px; padding:10px 0 10px 10px}
.social{float:left; margin:0 0 20px 0px; padding:0px 0 0px 0;clear:after; border:none;}
.headline h1{font-size: 16px;line-height: 20px; margin: 0 0 7px;}
.right-side {width: 100%;padding:10px 0 10px 0;float:none;}
#content{padding:10px}
#form{float:none;margin: 0px 0px 30px 0px; width:260px;padding:10px 10px;}
#form .mainform{width:260px; }
 input.input_long, textarea.input_long { width:250px; padding:2px 2px 10px 5px; margin-bottom:5px;}
 .callout{font-size:20px; color:#000; margin-left:0px;margin-bottom:0px;}
#sidebar{float:none;padding: 25px 0 0 15px;}
.btcontact{margin-left:-15px;}

}


/* iPads (portrait) ----------- */
@media (max-width : 768px) {
#wrapper{padding:10px}
#headline{}
.address{float:left;font-size:12px; line-height:15px; padding:10px 0 10px 10px}
.social{float:left; margin:0 0 20px 0px; padding:0px 0 0px 0;clear:after; border:none;}
.headline h1{font-size: 18px;line-height: 24px; margin: 0 0 10px;}
.right-side {width: 100%;}
#content{padding:10px}
#sidebar{padding: 25px 0 0 15px;}
.right-side{border:none!important}
p{font-size:14px; line-height:16px; font-weight:normal;}
}

/* iPads (landscape) ----------- */
@media (max-width : 900px) {

}