*{box-sizing:border-box;margin:0;padding:0;border:0;font:normal 13px/21px Tahoma,Arial,Helvetica,sans serif;color:#444944;text-decoration:none;list-style:none}
header{max-width:920px;margin:auto;padding:25px 10px}
#logo{display:inline-block;max-width:316px;max-height:79px}
#access{display:none}
#topinfo,#topnav,#topcontact{display:inline-block}
#topinfo{float:right;margin:30px 0 0}
#topinfo ul,#topcontact span,footer ul{margin:0 10px 0 0}
a:hover{color:#2ca65d}
nav ul li,footer ul,footer ul li{display:inline}
#servnav{background:#eee}
#servnav div{max-width:920px;margin:auto;padding:0 10px}
#servnav ul{display:table;width:100%}
#servnav li{display:table-cell;font-size:14px;line-height:30px;text-transform:uppercase;text-align:center}
#servnav li.first{width:8%;text-align:left}
#servnav li:nth-child(1){width:8%}
#servnav li:nth-child(2){width:12%}
#servnav li:nth-child(3){width:16%}
#servnav li:nth-child(4){width:20%}
#servnav li:nth-child(5){width:20%}
#servnav li.last{width:16%;text-align:right}
#servnav a{color:#127e5a}
#servnav a:hover,#servnav a.active{color:#8dbe41}
#banner{background-size:cover;clear:both;width:100%;height:240px}
#bannercta{max-width:920px;margin:auto;padding:25px 10px;position:relative}
#bannercta p{position:absolute;top:135px;left:10px;font:bold 32px/42px Tahoma,Arial,Helvetica,sans serif;color:#fff;text-shadow:3px 3px 4px rgba(0,0,0,.6)}
#mainouter{background:#eee url(images/shadow.png) 0 0 repeat-x;padding:30px 0}
#mainwrap{max-width:920px;margin:auto;padding:0 10px}
#main{float:left;width:65%;padding:20px 20px 0;background:#fff;border:1px solid #aaa}
#main h1,#info h3{margin:0 0 25px;font-size:21px;color:#127e5a;text-transform:uppercase}
#main h1{font-size:24px}
#main h2{margin:0 0 5px;font-size:18px;font-weight:bold}
#main p{margin:0 0 25px}
.p1{font-weight:bold}
#main ul,#main ol{margin:-20px 0 25px 30px}
#main ul li{list-style:disc outside}
#main ol li{list-style:decimal outside}
aside{float:right;width:30%;margin:0 0 0 5%}
aside a{display:block;width:100%;height:95px;margin:0 0 20px;padding:0 20px;font:bold 21px/95px Tahoma,Arial,Helvetica,sans serif;color:#fff;text-transform:lowercase}
.cta1{background:#127e5a}
.cta1:hover{color:#fff;background:#2ca65d}
.cta2{background:#f18024}
.cta2:hover{color:#fff;background:#f82}
#info{clear:both;max-width:920px;margin:auto;padding:30px 10px}
#info div{display:inline-block;width:32%;vertical-align:top}
#info div:nth-child(1){width:30%}
#info div:nth-child(2){width:48%}
#info div:nth-child(3){width:20%}
#info h3{color:#444944}
#main #infocontact{margin:0 0 25px}
#main #infocontact li{list-style:none}
#main #infocontact span{display:block;margin:0 0 0 18px}
footer{background:#eee;font-size:12px}
footer div{max-width:920px;margin:auto;padding:20px 10px}
.active{text-decoration:underline}

/*
Size	Breakpoints	Device
Mini	up to 479px	Phones portrait
Small	480px to 767px	Phones landscape
Medium	768px to 959px	Tablets portrait
Large	960px to 1199px	Desktops & tablets landscape
Xlarge	1200px and larger	Large Desktops
*/

/*mqs*/
@media screen and (max-width:768px){
	header{padding:15px 10px}
	#topinfo{float:none;margin:0}
	#bannercta p{font-size:26px;line-height:32px}
	#main{width:100%;float:none}
	aside{width:100%;float:none;margin:20px 0 0}
	aside a{display:inline-block;width:48%;height:70px;margin:0;padding:10px;font:bold 21px/50px Tahoma,Arial,Helvetica,sans serif}
	.cta2{float:right}
	#info div,#info div:nth-child(1),#info div:nth-child(2),#info div:nth-child(3){display:block;width:100%}
	#info div:nth-child(2){margin:20px 0}
	footer ul{display:block}
}
@media screen and (max-width:480px){
	#banner{display:none}
	aside{margin:20px 0 0}
	aside a{display:block;width:100%;height:60px;margin:0;padding:10px;font:bold 18px/40px Tahoma,Arial,Helvetica,sans serif}
	.cta2{float:none;margin:20px 0 0}
}

/*Navigataur: Mike King (@micjamking)*/
/*Tim Pietrusky advanced checkbox hack*/
body{-webkit-animation:bugfix infinite 1s}
@-webkit-keyframes bugfix{from {padding:0} to {padding:0}}

.header{position:relative}
#toggle,.toggle{display:none}
.toggle{z-index:2}

/*Nicolas Gallagher micro clearfix*/
.clearfix:before,.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

@media only screen and (max-width:640px){
	.menu{display:none;opacity:0;width:100%;position:absolute;right:0}
	.menu > li > a{display:block;width:100%;text-align:left;padding:10px}
	.toggle{display:block;position:relative;background:url(images/menu.png) 0 0 no-repeat;text-transform:uppercase;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
	#toggle:checked ~ .menu{display:block;opacity:1}

	.toggle:after{content:'Services Menu';display:block;width:100%;padding:10px 10px 10px 50px;text-align:left;font-size:13px;color:#444944}
	.toggle:hover:after{color:#2ca65d}
	#toggle:checked + .toggle:after{content:'Close Menu'}
	#servnav .menu{z-index:2;padding:0 10px 10px;background:#dadada}
	#servnav .menu li{display:block;width:100%;border-bottom:1px solid #eee}
}

@media only screen and (max-width:480px){
	.toggle:after{float:none}
	.toggle:after{text-align:left}
}