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

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {
	min-height: 100%;
	border: 1px;
	background-color: blue;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#002c8f), to(#127ade));
	 background-image: -webkit-linear-gradient(top, #002c8f, #127ade);
	 background-image: -moz-linear-gradient(top, #002c8f, #127ade);
	 background-image: -ms-linear-gradient(top, #002c8f, #127ade);
	 background-image: -o-linear-gradient(top, #002c8f, #127ade);
	 background-image: linear-gradient(to bottom, #002c8f, #127ade);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#002c8f, endColorstr=#127ade);
	 
}

.wrap960 {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 960px;
	margin: 0 auto;
	padding: 0 0px;
	position: relative;
	overflow: hidden; 
	overflow-y: auto;
	overflow-x: hidden;
	-ms-overflow-style: none;
}

.wrap960header {
	width: 960px;
	margin: 0 auto;
	padding: 0 0px;
	position: relative;
	overflow: hidden;
}

#header {
	position: relative;
	height: 90px;
	clear:both;
	background-color: #ffffff;
	border-bottom: 5px solid #cccccc;
	} 
	

#main {
	overflow:auto;
	padding-bottom: 180px;  /* must be same height as the footer */
	background-image: url(./Images/background_white_squares.png);
	} 
	
#main2 {
	overflow:auto;
	margin: 30px 0 0 0;
	padding-bottom: 180px;  /* must be same height as the footer */
	background-image: url(./Images/background_white_squares.png);
	} 

#footer {
	position: relative;
	margin-top: -125px; /* negative value of footer height */
	height: 125px;
	clear:both;
	border-top: #1b2c84 1px solid;
	vertical-align: bottom;	
	font-family: arial, sans-serif;	
	font-size: 11px;
	text-transform: uppercase;
	} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/


body {
	font: 18px/27px "OxygenRegular", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
	font-family: OxygenRegular, 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 27px;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	color: white;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	text-align: left;
	
}

a {text-decoration: none; color: #82c6ff;}
a:visited {text-decoration: none; color: #82c6ff;}
a:hover {text-decoration: none; color: #ffffff;}
a:active {text-decoration: none; color: #ffffff;}

p {
	padding-bottom: 20px;
}

ul {
	padding: -10px 0 0px 10px;
	margin-bottom: 20px;
}

.basiclist {
	list-style-position:inside;
}

hr {
	border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: ;
}

.headertext {
	font-size: 20px;
	line-height: 26px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-bottom: 20px;
}

.footerwrapper {
	height: auto;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	overflow: auto;
}


.footer {
	height: 125px;
	width: 960px;
	border-top: #1b2c84 1px solid;
	vertical-align: bottom;	
	font-family: arial, sans-serif;	
	font-size: 11px;
	text-transform: uppercase;
	position: relative;
	margin: 0 auto -10px 0;	
}

.footer a {
	font-family: arial, sans-serif;	
	font-size: 11px;
	color: #ffffff;
	font-weight: lighter;
	text-decoration: none;
}

.footer a:hover {
	color: #ffffff;
	font-weight: lighter;
}

.footerleft {
	float: left;
	padding: 10px 0 0 30px;
	width: 650px;
}

.footerleftfacebook {
	padding-top: 30px; 
}

.footerrightwrap {
	width: 260px;
	float: right;
}
.footerright {
	float: right;
	padding: 20px 20px 0 0;
	color: #82c6ff;
	font-size: 11px;
	font-weight: lighter;
}
.footerrightphone {
	float: right;
	padding: 15px 20px 10px 0;
	color: #82c6ff;
	font-size: 30px;
	font-weight: lighter;
}

.footerleft li {
	list-style: none;
	display: inline;
	padding: 0 20px 0 0;	
}


h1 {
	text-transform: uppercase;
	font-size: 26px;	
	color: #8DC63F;
	vertical-align: text-top;
	font-family: OxygenRegular, 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
	padding: 0 0 6px 0;
}

.homepg_button {
	width: 210px;
	min-height: 65px;
	background-color: #2280bc;
	padding: 20px 15px 15px 15px;
	margin-bottom: 20px;
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	line-height: 14px;
}

.homepg_button:hover {
	background-color: #2990d1;
}


h2 {
	color: #cce821;
	font-size: 30px;
	font-weight: lighter;
	margin-bottom: 15px;
}

.home_container_1 {
	position: relative;
	float: left;

}

.home_container_2 {
	padding: 20px 0 0 0;
	position: relative;
	float: left;
}

.home_container_2_map {
	padding: 20px 0 0 0;
	position: relative;
	float: left;
	background-image:url(./Images/map_bg.png);
	}


.middle_col_intro {
	float: left;
	width: 842px;
	padding: 0 30px 0 30px;
	position: relative;
	overflow: auto;
}

.middle_col_center {
	width: 842px;
	padding: 0 30px 0 30px;
	position: relative;
	overflow: auto;
}

.banner {
	margin: 0;
	padding: 0;
	border-bottom: #1b2c84 1px solid;
	vertical-align: bottom;
	}

.middle_col_1 {
	float: left;
	width: 560px;
	padding: 0 50px 0 30px;
	position: relative;
	overflow: auto;
}

.middle_col_1_location_1 {
	float: left;
	width: 50%;
	padding: 0 0 30px 0;
	position: relative;
	overflow: auto;
}

.middle_col_1_location_2 {
	float: right;
	width: 50%;
	padding: 0 0 30px 0;
	position: relative;
	overflow: auto;
}

.middle_col_2 {
	float: right;
	width: 200px;
	padding: 0 50px 50px 0;
	margin: 0 50px 50px 0;
	position: relative;
	min-height: 100%;
/*	height: auto !important; */
	height: 100%;
}

.middle_col_1_aboutus {
	float: left;
	width: 420px;
	padding: 0 30px 0 50px;
	position: relative;
	overflow: auto;
}

.middle_col_2_aboutus {
	float: right;
	width: 400px;
	padding: 0 30px 50px 0;
	margin: 0 30px 50px 0;
	position: relative;
	min-height: 100%;
/*	height: auto !important; */
	height: 100%;
}

a img {
	border: none;
	padding-bottom: 6px;
	margin-left: -1px;
	
}

.services {
	margin-bottom: 30px;
	clear: both;
}

/* INTERIOR PAGES */

#center_col {
	padding: 28px 0 0 0;
	margin: 0 0 0 205px;
	width: 511px;
	min-height: 555px;
}

#center_col2 {
	padding: 0px 0 50px 0;
	margin: -20px 0 0 205px;
	width: 511px;
}

#center_col_process {
	padding: 28px 0 0 0;
	margin: 0 0 0 205px;
	width: 511px;
	min-height: 445px;
}


#center_col img, #center_col2 img, #right_col img {
	border:solid #ebebeb 1px;
}

#center_col img {
	margin-bottom: 30px;
}


.form p {
	padding: 0 0 20px 0;
}

.formtext {
	text-transform: uppercase;
	color:#898989;
	padding-bottom: 10px;
	line-height: 16px;
	vertical-align: text-top;
}

.formtext2 {
	text-transform: uppercase;
	color:#cccccc;
	padding-bottom: 10px;
	line-height: 16px;
	vertical-align: text-top;
}

.formtext3 {
	text-transform: uppercase;
	color:#a9d56d;
	padding-bottom: 10px;
	line-height: 16px;
	vertical-align: text-top;
}

.formtext input, textarea {
	border: 1px solid #cccccc;
	padding: 4px;
	
}

.formbutton {
	padding-bottom: 10px;
	line-height: 16px;
	vertical-align: text-top;
}

.inlineListItem {
	float: left;
	padding: 5px 15px 5px 0;
}

label input {
	padding: 4px;
}

fieldset {
/*	line-height: 2em; */
	padding: 0 10px 10px 0;
	margin: 0;
	border: none; 
	vertical-align: top;
/*	border-left: 1px solid #58595B; */
/*	float: left; */
}

.submit input{
	border: none;
}

.services_button {
	width: 240px;
	border:0px solid #a4d3f4; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px;font-size:18px; padding: 14px 14px 14px 14px; margin: 0 0 10px 0;text-decoration:none; display:inline-block;text-shadow: 1px 1px 0 rgba(255,255,255,0.3);font-weight:bold; color: #002F8F;text-align: center;
	 background-color: #D6EBFA; background-image: -webkit-gradient(linear, left top, left bottom, from(#D6EBFA), to(#93CBF5));
	 background-image: -webkit-linear-gradient(top, #D6EBFA, #93CBF5);
	 background-image: -moz-linear-gradient(top, #D6EBFA, #93CBF5);
	 background-image: -ms-linear-gradient(top, #D6EBFA, #93CBF5);
	 background-image: -o-linear-gradient(top, #D6EBFA, #93CBF5);
	 background-image: linear-gradient(to bottom, #D6EBFA, #93CBF5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D6EBFA, endColorstr=#93CBF5);
}

.services_button_selected,.services_button:hover {
	width: 240px;
	border:1px solid #a4d3f4; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px;font-size:18px; padding: 14px 14px 14px 14px; margin: 0 0 10px 0;text-decoration:none; display:inline-block;text-shadow: 1px 1px 0 rgba(255,255,255,0.3);font-weight:bold; color: #002F8F;text-align: center;
 border:0px solid #7bbfef;
 background-color: #3C90CF; background-image: -webkit-gradient(linear, left top, left bottom, from(#3C90CF), to(#87C5F2));
 background-image: -webkit-linear-gradient(top, #3C90CF, #87C5F2);
 background-image: -moz-linear-gradient(top, #3C90CF, #87C5F2);
 background-image: -ms-linear-gradient(top, #3C90CF, #87C5F2);
 background-image: -o-linear-gradient(top, #3C90CF, #87C5F2);
 background-image: linear-gradient(to bottom, #3C90CF, #87C5F2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3C90CF, endColorstr=#87C5F2);
}

.button {
	border:0px solid #a4d3f4; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px;font-size:18px; padding: 10px 30px 10px 30px; margin: 0 0 10px 0;text-decoration:none; display:inline-block;text-shadow: 1px 1px 0 rgba(255,255,255,0.3);font-weight:bold; color: #002F8F;text-align: center;
	 background-color: #D6EBFA; background-image: -webkit-gradient(linear, left top, left bottom, from(#D6EBFA), to(#93CBF5));
	 background-image: -webkit-linear-gradient(top, #D6EBFA, #93CBF5);
	 background-image: -moz-linear-gradient(top, #D6EBFA, #93CBF5);
	 background-image: -ms-linear-gradient(top, #D6EBFA, #93CBF5);
	 background-image: -o-linear-gradient(top, #D6EBFA, #93CBF5);
	 background-image: linear-gradient(to bottom, #D6EBFA, #93CBF5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D6EBFA, endColorstr=#93CBF5);
}

.button:hover{
 border:0px solid #7bbfef;
 background-color: #3C90CF; background-image: -webkit-gradient(linear, left top, left bottom, from(#3C90CF), to(#87C5F2));
 background-image: -webkit-linear-gradient(top, #3C90CF, #87C5F2);
 background-image: -moz-linear-gradient(top, #3C90CF, #87C5F2);
 background-image: -ms-linear-gradient(top, #3C90CF, #87C5F2);
 background-image: -o-linear-gradient(top, #3C90CF, #87C5F2);
 background-image: linear-gradient(to bottom, #3C90CF, #87C5F2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3C90CF, endColorstr=#87C5F2);
}


.logo {
/*	position: absolute; bottom: 7px; /* when this is set to absolute and the tophat is relative the logo will be at bottom */
	margin: 15px 0px 0 0px;
	padding: 0 0 20px 30px;
	width: 142px;
	height: 59px;
	float: left;
	vertical-align:baseline;
}

/* NAVIGATION */
.nav {
	margin: 0;
	padding: 0;
	position: relative; 
	bottom: 0;
	text-transform: uppercase;
	font-size: 12px;
	font-family: arial, sans-serif;	
	font-weight: 600;
	text-shadow: none;
/*	width: 800px; */
	float: right;	
	clear: right;
}

.nav li {
	list-style: none;
	line-height: 11em; 
	display: inline-block;
	/* IE6/7 */
	*display: inline;
	padding: 0 24px 0px 24px;
	float: left; 
	height: 75px;
	vertical-align: text-bottom;
}

.nav li.about {
	border-bottom: 5px solid #cf4455;
	padding-bottom: 15px;
}
.nav li.about:hover, li.about_selected {
	border-bottom: 15px solid #cf4555;
	padding-bottom: 5px;
	text-decoration: none; color: #1b2c84;
}

.nav li.management {
	border-bottom: 5px solid #9c66ab;
	padding-bottom: 15px;
}
.nav li.management:hover, li.management_selected {
	border-bottom: 15px solid #9c66ab;
	padding-bottom: 5px; color: #1b2c84;
}

.nav li.services {
	border-bottom: 5px solid #5cd271;
	padding-bottom: 15px;
}
.nav li.services:hover, li.services_selected {
	border-bottom: 15px solid #5cd271;
	padding-bottom: 5px; color: #1b2c84;
}


.nav li.contact {
	border-bottom: 5px solid #eeae4d;
	padding-bottom: 15px;
}
.nav li.contact:hover, li.contact_selected {
	border-bottom: 15px solid #eeae4d;
	padding-bottom: 5px; color: #1b2c84;
}

.nav li.why {
	border-bottom: 5px solid #5ebbd7;
	padding-bottom: 15px;
}
.nav li.why:hover, li.why_selected {
	border-bottom: 15px solid #5ebbd7;
	padding-bottom: 5px; color: #1b2c84;
}

.nav li.careers {
	border-bottom: 5px solid #ef673a;
	padding-bottom: 15px;
}

.nav li.careers:hover, li.careers_selected {
	border-bottom: 15px solid #ef673a;
	padding-bottom: 5px; color: #1b2c84;
}


.nav a, nav a:visited {
	text-decoration: none; color: #1b2c84;

}

.nav a:hover {
	border-bottom: 10px solid #5cd271;
}


.subnavwrapper {
	margin: 0 auto;
	padding: 0 0 30px 0;
	position: relative;
}

.subnav {
/*	background-color: #eeeeee;   */
	position: absolute;
	vertical-align: bottom;
	font-family: arial, sans-serif;	
	font-size: 11px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

.subnav li {
	list-style: none;
	display: inline;
	padding: 0 30px 0 0;
	vertical-align: center;
}

.subnavleft {
	float: left;
	padding: 10px 0 0 0;
}

.subnavright {
	float: right;
	padding: 10px 0 20px 0;
	color: #808285;
	font-size: 10px;
	font-weight: lighter;
}

.clearyo {
	clear: both;
	margin: -10px 0 0 0;
	padding: 0;
}