@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');


* { padding: 0; margin: 0; outline: none; box-sizing: border-box; font-size: 15px; line-height: 22px; font-family: 'Open Sans', sans-serif; }


img { max-width: 100%; }
.clear { clear:both; }
.inner { width: 96%; max-width: 1100px; margin: 0 auto; }
.mobileonly { display: none; }

form input { padding: 5px; margin-bottom: 15px; display: block; width: 100%; }
form textarea { padding: 5px; margin-bottom: 15px; display: block; width: 100%; height: 200px; }
form select { padding: 5px; margin-bottom: 15px; display: block; width: 100%; }
form input.btn { background: #227f95; border:none; padding: 5px 20px; color: #FFF; font-weight: 600; cursor: pointer;}
form input.btn:hover { background: #BD8B4F; }
form input.check { width: auto; float: left; margin: 5px 10px 0 0; }

.emailsent { margin-bottom: 20px; background:#BD8B4F; color: #FFF; padding: 10px; border-radius: 5px; font-weight: bold; text-align: center; }

a.editopp { display: inline-block; margin-top: 20px; background: #227f95; border:none; padding: 5px 20px; color: #FFF !important; text-decoration: none !important; font-weight: 600; cursor: pointer; }
a.editopp:hover { background: #BD8B4F; }

a.delopp { margin-left: 20px; display: inline-block; margin-top: 20px; background: darkred; border:none; padding: 5px 20px; color: #FFF !important; text-decoration: none !important; font-weight: 600; cursor: pointer; }
a.delopp:hover { background: #333; }

.error { display: block; margin: 10px 0; color: red; }

div.container { }

.posting { margin-bottom:30px; border-bottom:#EFEFEF 2px solid; padding-bottom: 30px; }
.posting .title { display: block; font-weight: bold; color:#227f95; font-size: 18px; line-height: 20px; }
.posting .location { display: block; color:#828282; margin-bottom: 15px; }
.posting .desc { display: block; margin-bottom: 15px; }
.posting .contact { display: block; }

div.container div.upper { background: #227f95; background: -moz-linear-gradient(top, #227f95 55%, #227f95 55%, #336970 100%); background: -webkit-linear-gradient(top, #227f95 55%,#227f95 55%,#336970 100%); background: linear-gradient(to bottom, #227f95 55%,#227f95 55%,#336970 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#227f95', endColorstr='#336970',GradientType=0 ); } 
div.container div.upper div.inner { color: #FFF; line-height: 34px; font-size: 13px; }
div.container div.upper div.inner a { color: #FFF; line-height: 34px; float: right; font-size: 13px; text-decoration: none; }
div.container div.upper div.inner a:first-of-type::before { content: "|"; margin: 0 10px; }


div.container header { }
div.container header div.inner { margin-top: 20px; margin-bottom: 20px; }
div.container header div.inner img.logo { float: left; max-height: 140px; }

div.container header div.inner div.contactinfo { background: url(images/phone.png) 0 0 no-repeat; text-align: right; font-size: 18px; line-height: 18px; margin-bottom: 40px; font-weight: 600; float: right; padding-left: 45px; min-height: 81px; padding-top: 5px; }
div.container header div.inner div.contactinfo a { color:#227f95; text-decoration: none; display: block; font-size: 34px; line-height: 34px; margin: 0; }
div.container header div.inner div.contactinfo a.toll { display: inline; font-size: 18px; line-height: 18px; color: #333; }

div.container header div.inner nav { float: right; margin-top: 10px; }

span.nav-btn { display: none; height: 46px; width: 46px; text-align: center; float: right; }
span.nav-btn:after { content:"\f0c9"; font-family: FontAwesome; color: #000; text-align: right; line-height: 46px; font-size: 26px; cursor: pointer; }

	nav ul { list-style: none; }
	nav ul li { display: inline-block; position: relative; }
	nav ul li a { color: #333; font-size: 20px; font-weight: 600; text-decoration: none; padding: 0 15px; border-left:#333 2px solid; }
	nav ul li:first-of-type a { border-left:none; }
	nav ul li:last-of-type a { padding-right: 0; }
	nav ul li a:hover { color:#227f95; }

	nav ul li ul { display: none; width: 220px; position: absolute; top:23px; left:0; padding-top:23px; background: url(images/nav-arrow.png) 15px 8px no-repeat; }
	nav ul li:hover ul { display: block; }
	nav ul li ul li { display: block; }
	nav ul li ul li a { display: block; background:rgba(34, 127, 149, .9); color: #FFF; font-weight: 600; border-left: none; font-size: 18px; line-height: 18px; padding: 15px; }
	nav ul li ul li a:hover { background: #333; color: #FFF; }

	nav ul li ul li ul { display: none !important; top: 0; left: 220px; padding-top: 0; background: none; }
	nav ul li ul li:hover ul { display: block !important; }
	nav ul li ul li ul li { }
	nav ul li ul li ul li a { background: rgba(129, 139, 146, .9); }


div.container div.banner { border-top:#f5fffd 1px solid; background: #e3eeea; background: -moz-linear-gradient(top, #e3eeea 0%, #f5fffd 5%, #f5fffd 95%, #e3eeea 100%);
background: -webkit-linear-gradient(top, #e3eeea 0%,#f5fffd 5%,#f5fffd 95%,#e3eeea 100%); background: linear-gradient(to bottom, #e3eeea 0%,#f5fffd 5%,#f5fffd 95%,#e3eeea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3eeea', endColorstr='#e3eeea',GradientType=0 ); }
div.container div.banner .inner {  background: url(images/slide1.png) top right no-repeat; padding-top: 80px; padding-bottom: 80px; }
div.container div.banner h1 { font-size: 34px; line-height: 34px; font-weight: normal; }
div.container div.banner h1 span { color:#BA8748; display: block; font-size: 34px; line-height: 34px; font-weight: normal; margin-bottom: 15px; }
div.container div.banner p { margin-top: 20px; max-width: 40%; }


div.container div.homewelcome { padding-top:40px; padding-bottom: 40px; text-align: center; }
div.container div.homewelcome a.job { display: inline-block; padding: 10px; font-size: 28px; line-height: 28px; font-weight: normal; color: #227f95; text-decoration: none; margin-bottom: 20px; border-radius: 10px; margin-right: 30px; }
div.container div.homewelcome a.job:hover { background: #227f95; color:#FFF; }
div.container div.homewelcome a.coverage { display: inline-block; padding: 10px; font-size: 28px; line-height: 28px; font-weight: normal; color: #227f95; text-decoration: none; margin-bottom: 20px; border-radius: 10px; }
div.container div.homewelcome a.coverage:hover { background: #227f95; color:#FFF; }
div.container div.homewelcome p.intro { padding-top: 0px; text-align: left; float: left; width: 45%; }
	div.container div.homewelcome p.intro a { color:#227f95; text-decoration: underline; }
	div.container div.homewelcome p.intro a:hover { color:#BD8B4F; text-decoration: none; }
div.container div.homewelcome p.doc { float: left; width: 30%; padding-left: 15px; padding-right: 15px; }
div.container div.homewelcome p.testimonial { padding-top: 0px; text-align: left; float: right; width: 25%; }
div.container div.homewelcome p.testimonial span { display: block; color:#227f95; font-style: italic; font-weight: 600 }

/* sub page */

	.subpage { }

	.subpage .titlebanner { border-top:#f5fffd 1px solid; background: #e3eeea; background: -moz-linear-gradient(top, #e3eeea 0%, #f5fffd 5%, #f5fffd 95%, #e3eeea 100%);
background: -webkit-linear-gradient(top, #e3eeea 0%,#f5fffd 5%,#f5fffd 95%,#e3eeea 100%); background: linear-gradient(to bottom, #e3eeea 0%,#f5fffd 5%,#f5fffd 95%,#e3eeea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3eeea', endColorstr='#e3eeea',GradientType=0 ); padding: 40px 0 }
	.subpage .titlebanner h1 { color: #227f95; font-size: 34px; line-height: 34px; font-weight: normal; }

	.subpage .content { }

	.subpage .content .left { width: 25%; float: left; background: #227f95;  }
	.subpage .content .left ul { list-style: none; padding: 30px 0; position: relative; }
	.subpage .content .left ul:before { content:" "; width: 30px; height: 15px; background: url(images/nav-arrow2.png) 0 0 no-repeat; position: absolute; top:-15px; left:20px; }
	.subpage .content .left ul li { }
	.subpage .content .left ul li a { color: #FFF; text-decoration: none; display: block; padding: 10px 20px; font-weight: 600 }
	.subpage .content .left ul li a:hover { background:#BA8748;}

	.subpage .content .right { width: 75%; float: right; padding: 35px; }
		.subpage .content .right hr { background: #EFEFEF; height: 1px; margin: 20px 0; border:none; }
		.subpage .content .right h2 { margin:25px 0 15px 0; color: #BD8B4F; font-weight: 600; font-size: 20px; line-height: 20px;  }
		.subpage .content .right h2.nopad { margin:0 0 15px 0;  }
		.subpage .content .right p { margin-bottom: 15px; }
		.subpage .content .right ul { margin: 15px 0 15px 20px; }
		.subpage .content .right a { color:#227f95; text-decoration: underline; }
		.subpage .content .right a:hover { color:#BD8B4F; text-decoration: none; }

	.pic2 { width: 50%; float: right; padding: 10px; }

/* end sub page */

div.container div.lower { padding-top:40px; padding-bottom: 40px; background:#EFEFEF; }
div.container div.lower div.inner { text-align: center; }
div.container div.lower div.inner h3 { font-size: 28px; line-height: 28px; font-weight: normal; color: #227f95; }
div.container div.lower div.inner h3:first-of-type { margin-bottom: 20px; }
div.container div.lower div.inner h3:last-of-type { margin-top: 20px; }
div.container div.lower div.inner p { font-weight: 600; }
div.container div.lower div.inner p br { }
div.container div.lower div.inner p a { color: #333; text-decoration: none; font-weight: 600; }
div.container div.lower div.inner p a:hover { color: #227f95; }


div.container footer { background: #336970;
background: -moz-linear-gradient(top, #336970 0%, #227f95 10%, #227f95 100%);
background: -webkit-linear-gradient(top, #336970 0%,#227f95 10%,#227f95 100%);
background: linear-gradient(to bottom, #336970 0%,#227f95 10%,#227f95 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336970', endColorstr='#227f95',GradientType=0 ); padding-top:40px; padding-bottom: 40px; }
div.container footer div.inner { text-align: center; }
div.container footer div.inner p { color: #FFF; }
div.container footer div.inner img { margin: 15px 0; }




@media (max-width:990px) {
	
	div.container header div.inner nav { display: none; }
	.mobileonly { display: block; }
	span.nav-btn { display: block; float: none; margin: 0 auto 0 auto; }
	
	nav { float: none; }
	nav ul { display: none; width: 100%; }
	nav ul li { display: block; }
	nav ul li a { text-align: center; width: 100%; display: block; border-left: none; padding: 10px 0; border-bottom: #EFEFEF 1px solid; }
	
	nav ul li ul { width: 100%; padding-top: 0; background: none; position: relative; top:0; }
	nav ul li ul li { display: block; }
	nav ul li ul li a { text-align: center; width: 100%; display: block; border-left: none; padding: 10px 0; border-bottom: #EFEFEF 1px solid; }
	
	nav ul li ul li ul { display: block !important; width: 100%; padding-top: 0; background: none; position: relative; top:0; left:0; }
	nav ul li ul li ul li { display: block; }
	nav ul li ul li ul li a { text-align: center; width: 100%; display: block; border-left: none; padding: 10px 0; border-bottom: #EFEFEF 1px solid; }
	
	div.container header div.inner div.contactinfo { margin-bottom: 0; margin-top: 35px;  }
	
	div.container div.banner .inner { background: none; text-align: center; }
	div.container div.banner p { max-width: 100%; }
	
	div.container div.homewelcome p.intro { width: 100%; margin-bottom: 30px; }
	div.container div.homewelcome p.doc { width: 50%; }
	div.container div.homewelcome p.testimonial { width: 50%; }
	
}

@media (max-width:730px) {

	
	div.container div.upper div.inner { text-align: center; line-height: 16px; padding-bottom: 10px; }
	div.container div.upper div.inner a { width: 50%; text-align: center; }
	div.container div.upper div.inner a:first-of-type::before { content: ""; margin: 0; }
	div.container div.upper div.inner a:hover { text-decoration: underline; }
	
	div.container header div.inner { text-align: center; }
	div.container header div.inner img.logo { float: none; }
	div.container header div.inner div.contactinfo { float: none; text-align: center; background: none; padding: 0; margin-top: 10px; }
	
	div.container div.banner .inner { padding-top: 50px; padding-bottom: 50px; }
	
	div.container div.homewelcome a.job { margin-right: 0; }
	div.container div.homewelcome p.intro { text-align: center; padding-top: 30px; }
	div.container div.homewelcome p.testimonial { text-align: center; }
	
	div.container div.homewelcome p.doc { width: 100%; }
	div.container div.homewelcome p.testimonial { width: 100%; }

	.subpage .content .left { width: 100%; }
	.subpage .content .right { width: 100%; }
	
}