/*boilerplate*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}[hidden],audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:serif;color:#222}body{margin:0;font-size:1em;line-height:1.4}a{color:#00e}a:visited{color:#551a8b}a:hover{color:#06e}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ol,ul{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*width:13px;*height:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;*line-height:0}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	15;

	Inspiration from "Responsive Web Design" by Ethan Marcotte
	http://www.alistapart.com/articles/responsive-web-design

	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	overflow:hidden;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;
}

.notopmargin{
	margin-top: 0px !important;
}

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width:100%;
	/*width: 88.0326%;*/
	/*padding-left: 1.4836%;
	padding-right: 1.4836%;*/
	clear: none;
	float: none;
}
.header {
}
.content {
}
#footer {
	width:100%;
	margin:0 0px 10px 0px;
}
.item {
	width: 100%;
	clear: both;
	margin-left: 0;
}
.service {
	width: 100%;
	margin-left: 0px;
	clear: none;
	display:inline-block;
}
.serviceHeader {
	clear: both;
	margin-left: 0;
	width: 100%;
	height:360px;
}
.serviceHeaderInfo {
	position:relative;
	width: 366px;
	height:320px;
	padding-left:30px;
	padding-top:20px;
	padding-bottom:20px;
}
.serviceKey{
	display:none;
	position:absolute;
	bottom:0;
	right:0;
	width:130px;
	height:180px;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:20px;
}
.serviceHeaderInfo>.infoText{
	width:245px;
}
.underHeader {
	width:100%;
}
.serviceOuter{
	width:100%;
}
.serviceContainer {
	margin:0 auto;
}

/*Client*/
.clientHeader {
	clear: both;
	margin-left: 0;
	width: 100%;
	height:360px;
}
.container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin: 0 -7.5px;
}
.clientOuter, .filler {
		flex-grow:1;
		flex-direction: column;
		min-width: 200px;
		padding: 15px;
		margin: 7.5px;
		flex-basis: 0;
		border-radius: 5px;
}
.clientInner {
		flex-grow: 1;
		align-items: center;
		height: 100%;
}
.client {
		align-items: center;
		justify-content: center;
}
.client.imageOuter {
		padding: 10px;
		justify-content: center;
		border-radius: 25px;
}
.client.imageInner {
		align-content: center;
		background-position: center;
		background-size:contain;
		background-repeat: no-repeat;
		min-height: 100px;
		/*min-width: 100%;*/
		height: 66%;
}
.client.textOuter {
	flex-grow: 1;
}
.client.textInner {
		padding: 15px 0 10px 0;
		/*padding-top: 25px;*/
		text-align: center;
		max-width: 100%;
		height: 100%;
}
/*Client*/

.selection{
	width:100%;
	height:30px;
}
.abouttext{
width: 100%;
}
.zeroMargin_mobile{
margin-left: 0;
}
.hide_mobile{
display: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 91.4836%;
	padding-left: 0.7581%;
	padding-right: 0.7581%;
	clear: none;
	float: none;
	margin-left: auto;
}
.header {
}
.content {
}
.footer {
}
.item {
width: 100%;
clear: both;
margin-left: 0;
}
.service {
	width: 200px;
}
.serviceHeader {
clear: both;
margin-left: 0;
width: 100%;
}
.serviceHeaderInfo {
}
.serviceHeaderInfo>.infoText{
	width:205px;
}
.underHeader {
}
.serviceKey{
	display:block;
}
.serviceContainer{

}

.abouttext{
width: 100%;
}
.hide_tablet{
display: none;
}
.zeroMargin_tablet{
margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 1424px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 84.076%;
	max-width: 1424px;
	padding-left: 0.4619%;
	padding-right: 0.4619%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
.header {
}
.content {
}
.footer {
}
.item {
width: 24.1758%;
margin-left: 1.0989%;
clear: none;
}
.service {
	margin-left: 0px;
	clear: none;
}
.serviceHeader {
	margin-left: 1.0989%;
	clear: none;
	width: 100%;
}
.serviceHeaderInfo {
}

.underHeader {
}
.serviceContainer {
}

.abouttext {
	width: 65%;
}
.sidebar{
	width:34%;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
.map{
	margin-left:3%;
	width:50%;
}
.contactinfo{
	margin-left:13%;
	width:28%;
}
}