*,.reset{
	margin:0;
    padding: 0;
    border:none;
	outline:none;
	list-style-type:none;
}
body {
	font-size: 62.5%;
	color: #333;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family:"roboto", sans-serif;
}
h1,h2{
	clear:both;
	/*font-family: "futura-pt-n4","futura-pt",sans-serif;
	font-weight:500;*/
	font-weight:normal;
}
h1,.maincol>p:first-child{
	font-size:4em;
	line-height:1.1em;
	margin-bottom:.5em;
	color:#057BC1;
}
h1 a,h2 a{
	text-decoration:none;
}
h1 a{
	color:#057BC1
}
h2{
	color:#057BC1;
	font-size:2.2em;
	line-height:1.2em;
	margin-bottom:.5em;
}
p+h2,ul+h2{
	margin-top:1.3em;
}
/*h2:first-child{
	margin-top:0;
}*/
h3{
	font-size:1.4em;
	line-height:1.5em;
}
p,ul{
	font-size:1.4em;
	margin-bottom:1em;
	line-height:1.5em;
}
p.msg{
	padding:20px;
	margin-bottom:4px;
	color:#FFF;
	font-weight:bold;
	background:#68B40E;
	/*background:#6C3;*/
}
p.msg.error{
	background:#F00;
}
p.msg a{
	color:#FFF;
}
.msg+*{
	margin-top:30px;
}
.msg+.box{
	margin-top:0;
}
p.small{
	font-size:1.1em;
}
.maincol ul{
	margin-left:4px;
}
.maincol li{
	/*background:url(/images/bullet.png) no-repeat left .55em;*/
	padding-left:14px;
	position:relative;
}
.maincol li:before{
	content:"";
	position:absolute;
	top:.5em;
	left:0;
	height:6px;
	width:6px;
	background:#057BC1;
	border-radius:50%;
}

ul.multicol,#footer ul{
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
ul ul{
	font-size: 1em;
}
a{
	color:#FF6600;
	text-decoration:underline;
	cursor:pointer;
}
a:hover{color:#812882;}
/*img,iframe{
	display:block;
}*/
iframe{
	display:block;
}

.container{
	/*max-width:1024px;*/
	max-width:1200px;
	margin:0 auto;
	position:relative;
	padding:0 20px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
}
.col{
	float:left;
	width:31.25%;
	margin-left:3.1%;
}
.col:first-child{
	margin-left:0 !important;
}
.box .col{
	width:48.4%;
}

.maincol{
	width:62.5%;
	margin-top:-242px;
	min-height:300px;/*Fix*/
}
.maincol.full{
	width:100%;
}
.maincol img,
.sidebar .box img{
	width:100%;
	height:auto;
}

.sidebar{
	margin-left:6.2%;
}
.sidebar .phone{
	font-size:3.8em;
	/*font-family: "futura-pt-n4","futura-pt",sans-serif;
	font-weight:400;*/
	line-height: 1em;
	margin-bottom:.6em;
	border-bottom:1px solid #CCC;
	padding-bottom:26px;
}
.sidebar .phone a{
	text-decoration:none;
}

#header{
	/*box-shadow:0 1px 0 rgba(0,0,0,.1);*/
	/*position:relative;*/
	position: fixed;
	top:0;
	width: 100%;
	background: #FFF;
	z-index: 100;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	height:60px;
}
#logo{
	/*font-family: "futura-pt-n4","futura-pt",sans-serif;
	font-size:2.6em;
	font-weight: 500;*/
	/*line-height:36px;*/
	position:absolute;
	left:20px;
	top:50%;
	margin:0;
	margin-top:-10px;
	height:20px;
	/*min-width:40px;*/
	/*padding-right:29px;*/
	/*width:auto;*/
}
/*#logo a{
	color: #057BC1;
	text-decoration:none;
}*/
#logo a:hover img{
	opacity:.6;
}
/*#logo span{
	font-family: Arial, Helvetica, sans-serif;
	line-height:1em;
	font-size:12px;
	font-weight: normal;
	color:#F60;
	position:absolute;
	top:7px;
	right:0;
	text-transform:uppercase;
}*/
#logo img {
	height: 100%;
	width: 100%;
	max-width: 171px;
	/*max-width: 210px;*/
}


#banner{
	background:#057BC1;
	/*color:#FFF;*/
	margin:60px 0 66px;
	position:relative;
}
#banner .intro h1,#banner .intro p{
	color:#FFF;
}
#banner .container{
	height:176px;
	z-index:1;
}
#banner.big{
	/*padding:34px 0 42px;*/
	padding:50px 0;
}
#banner.big .container{
	height:auto;
	display:flex;
	display:-webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
#banner .intro{
	width:47%;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	margin-bottom:0 !important;
}
#banner .slideshowcol{
	width:47%;
	float:right;
	/*max-width:530px;*/
	/*margin:-8px 0 -16px;*/
	margin-left:6%;
}
#banner .button{
	box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
#banner .button:hover{
	box-shadow: 0 8px 12px rgba(0,0,0,.2) !important;
}
#banner ul.buttonList{
	display:none;
}
#banner.big ul.buttonList{
	display:block;
}
#banner p.bannerButtons{
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-23px;
}
#banner.big p.bannerButtons{
	display:none;
}
.bg{
	height:100%;
	position:absolute;
	top:0;
}
.bg.lightbluebg{
	background:url(/images/lightbluebg.png) no-repeat right bottom;
	width:32%;
	max-width:862px;
	left:0;
}
.bg.greenbg{
	background:url(/images/greenbg.png) no-repeat left;
	background-size:cover;
	width:45%;
	max-width:734px;
	right:0;
}
.bg.purplebg{
	background:url(/images/purplebg.png) no-repeat left top;
	width:20%;
	height:100%;
	max-width:220px;
	right:0;
}


#footer{
	margin:70px 0 18px;
	padding:32px 0;
	/*background:#49A8D9 url(/images/footerbg.png) no-repeat center;*/
	background:#49A8D9;
	/*text-shadow: 0 1px 0 rgba(0,0,0,.2);*/
	box-shadow: inset 0 2px 4px rgba(0,0,0,.2);
	color:#FFF;
}
#footer h2{
	margin-bottom:.6em;
}
#footer li{
	margin-bottom:4px;
}
#footer a{color:#FFF;}
#footer a:hover{opacity:.6;}
#footer .col{
	margin-left:6.2%;
}
#footer .aboutcol{
	width:34%;
}
#footer .contactcol{
	width:22%;
}
#footer .contactcol .address p:first-child{
	margin:0;
}
#footer .contactcol p.phone a{
	text-decoration:none;
}
#footer .contactcol p.phone a:before{
	content:"T";
	font-weight:bold;
	margin-right:8px;
}
.copyright{
	text-align:center;
	font-size:1.2em;
	margin-bottom:1.8em;
}
.terms{
	margin-left:14px;
}
.terms a{
	color:#000;
}



.intro h1,.intro h2{
	font-size:3em;
	line-height:1.2em;
	margin-bottom:.5em;
	position:relative;
}
.intro p,.intro ul{
	font-size:1.7em;
	margin-bottom:1.3em;
	/*line-height:1.4em*/
}
.intro{
	margin-bottom:36px;
}




/*buttons*/
/*.buttons{
	font-family: "futura-pt-n4","futura-pt",sans-serif;
	font-weight: 500;
	font-size:1.8em;
	line-height:36px;
	margin-bottom:0;
}*/
/*.buttons.med{
	font-size:2em;
	line-height:40px;
}*/
/*.buttons.big{
	font-size:2.2em;
	line-height:46px;
}*/
.buttonList li{
	float:left;
	margin-right:6px;
	margin-bottom:6px;
}
.button,.btn{
	background:#FF6600;
	color:#FFF !important;
	padding:10px 20px;
	text-decoration:none;
	text-shadow:none;
	cursor:pointer;
	display:inline-block;
	line-height:20px;
	font-size:18px;
	font-family:inherit;
  border-radius: 4px;
}
.button.med{
	font-size:18px;
	line-height:24px;
}
.button.big{
	font-size:19px;
	line-height:30px;
}
/*.buttons.big .button{
	padding:0 17px;
}*/
.button:hover{
	box-shadow:0 2px 4px rgba(0,0,0,.2) !important;
	transition: box-shadow 400ms;
}
.button:active{
	box-shadow:inset 0 2px 4px rgba(0,0,0,.2) !important;
}

.button.icon{
	padding-left:42px;
	position:relative;
}
.button.icon:before{
	content:"";
	position:absolute;
	left:13px;
	top:50%;
	margin-top:-7px;
	height:14px;
	width:20px;
	background-position-y: top !important;
}
.button.facebook{background:#3B5998;}
.button.googleplus{background:#D73D32;}
.button.linkedin{background:#0077B5;}
.button.pinterest{background:#CB2027;}
.button.twitter{background:#55ACEE;}
.button.twitter:before{background:url(/images/icons/social.png);}
.button.youtube{background:#D73D32;}
.button.youtube:before{background:url(/images/icons/social.png) -20px;}
.button.rss{background:#FF6600}
.button.rss:before{background:url(/images/icons/social.png) -40px}
.buttonContainer{
	margin:0 -6px 14px 0;
}


.socialIcon{
	padding-left:24px;
	position:relative;
	text-decoration:none;
}
.socialIcon:before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-7px;
	height:14px;
	width:20px;
	/*background-position-y: center !important; Not supported by Firefox*/
	background-position:left center !important;
}
.socialIcon:hover{
	color: #FF6600 !important;
}
.socialIcon:hover:before{
	/*background-position-y: bottom !important; Not supported by Firefox*/
	background-position:left bottom !important;
}
.socialIcon.twitter{
	color:#55ACEE;
}
.socialIcon.twitter:before{background:url(/images/icons/social.png);}



/*Blog posts on home page*/
.blogpost{
	padding-left:60px;
	position:relative;
}
.blogpost h2{
	margin-top:0;
}
.blogpost p{
	margin-bottom:.6em;
}
.blogpost .roundImage{
	position:absolute;
	left:0;
	margin-top:2px;
}


a.readmore{
	padding-right:19px;
	position:relative;
	text-decoration:none;
}
a.readmore:after{
	content:"";
	display:block;
	width:14px;
	height:14px;
	background:url(/images/arrow.png) top;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-7px;
}
a.readmore:hover:after{background-position:14px;}

/*boxes*/
.box{
	background:white;
	padding:40px;
  border-radius: 4px;
}
.box:not(:last-child){
	margin-bottom:26px;
}
.box h2{
	font-size:2em;
}
.box a{color:#FFF;}
.box a:hover{color:#E5E5E5;}


/*blog*/
.col.blog h1{
	font-weight:400;
	/*border-top:1px solid #CCC;
	padding-top:34px;
	margin-top:34px;*/
	margin-bottom:.3em;
}
/*.col.blog h1:first-of-type{
	border:none;
	padding-top:0;
	margin-top:0;
}*/
.col.blog .article{
	border-top:1px solid #CCC;
	padding-top:34px;
	margin-top:34px;
	margin-bottom:40px;
}
.col.blog .article:first-of-type{
	border:none;
	padding-top:0;
	margin-top:0;
}
.col.blog h1.small{
	font-size:3em;
	line-height:1.2em;
	margin-bottom:.6em;
	font-weight:500;
}
.col.blog .box{
	margin-bottom:4px;
	padding:30px;
}
/*.col.blog form.box{
	margin-top:40px;
}*/
.col.blog .box .info{
	opacity:.7;
	margin:0;
}
.artInfo{
	color:#FF6600;
}
.mainImage{/*Needs to wrap image for attribution*/
	margin-bottom:26px;
	clear:both;/*Needed for when social buttons wrap on smaller screens*/
}
.mainImage .image{
	margin-bottom:2px;
	border: 1px solid #E6E6E6;
}
.mainImage .attribution{
	font-size:1.1em;
}

.recentArticles li{margin-bottom:.5em;}
.recentArticles li a{color: #057BC1;}
.recentArticles li a:hover{color: #812882;}


/*SOCIAL BUTTONS*/
.socialButtons{
	height:20px;
	line-height:20px;
	margin:0 0 20px !important;
	display:block;
}
.socialButtons li{
	float:left;
	margin:0 6px 6px 0;/*Margin bottom needed for when social buttons wrap on smaller screens*/
	background:none;
	padding:0;
	overflow:hidden;
}
.socialButtons li:before{
	display:none;
}
.socialButtons li.twitter{
	width:79px;
}
.socialButtons li.pinterest{
	height:20px;
}





/*Contact page*/
.officeInfo{
	position:relative;
	padding-left:82px;
}
.officeInfo h2,.officeInfo p{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:1.5em;
	margin:0;
	line-height: 1.4em;
	color:#057BC1;
}
.officeInfo h2{
	font-weight:bold;
}
.officeInfo .hours{
	position:absolute;
	right:0;
	top:0;
	text-align: right;
}
.officeInfo .roundImage{
	position:absolute;
	top:50%;
	left:0;
	margin-top:-35px;
}


.bio{
	position:relative;
	padding-left:122px;
	margin-top:36px;
	min-height:100px;
}
.bio p{
	margin-bottom:.6em;
}
.bio .roundImage{
	position:absolute;
	top:3px;
	left:0;
}
.nopic{
	opacity:.5;
}




/*Round images*/
.roundImage{
	width:48px;
	height:48px;
	overflow:hidden;
	border-radius:50%;
	position:relative;
	line-height:48px;
	font-size:2.4em;
	/*font-family: "futura-pt-n4","futura-pt",sans-serif;
	font-weight: 400;*/
	color:#FFF;
	text-align:center;
}
.roundImage.med{
	width:70px;
	height:70px;
	line-height:70px;
}
.roundImage.big{
	width:100px;
	height:100px;
	line-height:100px;
	font-size:4.5em;
}
.roundImage a{
	display:block;
	color:#FFF;
	text-decoration:none;
}
.roundImage img{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);/*Chrome*/
	width:auto;
	height:100%;
	min-height: 100%;
	min-width:100%;
}


.clippedImage{
	overflow:hidden;
	height:260px;
	margin-bottom:20px;
	position:relative;
}
.clippedImage img{
	min-height:100%;
	min-width:100%;
	width:auto;
	position:absolute;
	top:50%;
	left:50%;
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);/*Chrome*/
}




ul.extentions{
	/*font-family: "futura-pt-n4","futura-pt",sans-serif;
	font-weight:500;*/
	font-size:1.6em;
	color:#057BC1;
	line-height:1.8em;
	margin-bottom:36px;
}
ul.extentions strong{
	font-weight:500;
	width:50%;
	max-width:150px;
	display:inline-block;
}


/*collapsable ul*/
ul.collapsable ul{
	display:none;
}


/*Clients page*/
ul.viewSelect{
	height:20px;
	line-height:20px;
	font-size:1.8em;
	/*font-family: "futura-pt-n4","futura-pt",sans-serif;*/
	font-weight:500;
	padding-top:30px;
	margin:0 0 30px;
}
ul.viewSelect li{
	float:left;
	padding-left:0;
	margin-right:30px;
}
ul.viewSelect li:before{
	display:none;
}
ul.viewSelect a{
	padding-left:30px;
	text-decoration:none;
	color:#057BC1;
}
ul.viewSelect a:before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-10px;
	width:20px;
	height:20px;
	background:url(/images/list-tile.png) right top;
}
ul.viewSelect a:hover,ul.viewSelect a.current{
	color:#FF6600;
}
ul.viewSelect a:hover:before,ul.viewSelect a.current:before{
	/*background-position-y:bottom;*/
	background-position:right bottom;
}
/*Have to add hover statements since position-y is not supported by Firefox*/
ul.viewSelect a.tile:before{background-position:left top;}
ul.viewSelect a.tile:hover:before,ul.viewSelect a.tile.current:before{background-position:left bottom;}

/*Client list*/
ul.clients{
	margin:0 -4px;
}
ul.clients li{
	float:left;
	width:33.33%;
	padding:0 4px 8px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	/*min-width:96px;*/
}
ul.clients li:before{
	display:none;
}
ul.clients img{
	width:100%;
	height:auto;
}
.maincol ul.clients li{
	width:20%;
}

table{
	border-collapse: collapse;
	width:100%;
	font-size:1.3em;
}
td{
	padding:7px 9px;
}
table.clickable{
	clear:both;
	/*font-size:1.3em;*/
	color:#057BC1;
	/*width:100%;*/
	/*border-collapse: collapse;*/
}
table.clickable tr{
	cursor:pointer;
}
table.clickable tr:nth-child(odd){
	background:#E6F1F8;
}
table.clickable tr:hover{
	background:#057BC1;
	color:#FFF;
}
table.clickable td{
	/*padding:7px 9px;*/
	vertical-align:top;
}
table.clickable a{
	color:#057BC1;
	text-decoration:none;
}
table.clickable tr:hover a{
	color:#FFF;
}


/*Thank you page*/
div.services{
	padding-top: 30px;
}



/*Search results*/
.gsc-control-cse *{
	margin: 0 !important;
	padding: 0 !important;
	border:none !important;
	background:none !important;
}
.gsc-control-cse {
	font-size:1.4em !important;
	line-height: 1.5em;
	padding: 0 !important;
	margin-top:40px;
	background:none !important;
	border:none !important;
}
.gsc-control-cse .gsc-table-result {
	font-size:1em !important;
}
.gsc-webResult .gsc-result {
	margin-bottom:30px !important;
}
.gcsc-branding,.gsc-above-wrapper-area{
	display:none;
}
.gsc-thumbnail-inside {
	margin-bottom:3px !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
	margin-right:8px !important;
}




/*Sitemap*/
.sitemap h2{margin-top:0;}
.sitemap h2 a{color:#057BC1;}
.sitemap h2 a:hover{
	color:#812882;
	text-decoration:none;
}
.sitemap ul{margin:0;}
.sitemap>ul>li>a{
	/*font-weight:bold;*/
	color:#333;
}
.sitemap li:before{display:none;}
.sitemap>ul>li{
	padding:20px 0 0;
	float:left;
	width:33.33%;
	margin-bottom:26px;
	font-weight:bold;
	border-top:1px solid #CCC;
}
.sitemap>ul>li:nth-child(4){
	clear:both;
}
.sitemap ul ul li{
	float: none;
	width:auto;
	margin:0;
	font-weight:normal;
	padding:0;
}
.sitemap a{
	color:#888;
	text-decoration:none;
}
.sitemap a:hover{text-decoration:underline;}
.sitemap>ul>li>a:only-child{display:none;}/*This hides the IT support item*/

ul.subnav{
	/*font-family: "futura-pt-n4","futura-pt",sans-serif;*/
	font-weight: 500;
	font-size:1.6em;
	line-height:2.4em;
	margin-bottom:2.2em;
}
ul.subnav a{
	text-decoration:none;
	color:#057BC1;
	position:relative;
	padding-left: 32px;
}
ul.subnav a:hover,ul.subnav a.current{
	color:#FF6600;
}
ul.subnav a:before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-9px;
	height:18px;
	width:18px;
	background:url(/images/icons/subnav.png);/*defaul image is pallet*/
	/*background-position-y: top !important; Not supported by Firefox*/
	background-position:left top;
}
ul.subnav a:hover:before,ul.subnav a.current:before{
	/*background-position-y: bottom !important; Not supported by Firefox*/
	background-position:left bottom;
}
/*Have to add hover statements since position-y is not supported by Firefox
ul.subnav a.webcasting:before{background-position:-36px;}
ul.subnav a.cms:before{background-position:-72px;}
ul.subnav a.webvideo:before{background-position:-18px;}
ul.subnav a.mobile:before{background-position:-54px;}
ul.subnav a.marketing:before{background-position:-234px;}
ul.subnav a.seo:before{background-position:-144px;}
ul.subnav a.conversions:before{background-position:-108px;}
ul.subnav a.ppc:before{background-position:-162px;}
ul.subnav a.local:before{background-position:-90px;}
ul.subnav a.social:before{background-position:-180px;}
ul.subnav a.tracking:before{background-position:-126px;}
ul.subnav a.businesscard:before{background-position:-216px;}
ul.subnav a.graphicdesign:before{background-position:-198px;}*/
ul.subnav a.webcasting:before{background-position:-36px top;}
ul.subnav a.webcasting:hover:before,ul.subnav a.webcasting.current:before{background-position:-36px bottom;}
ul.subnav a.cms:before{background-position:-72px top;}
ul.subnav a.cms:hover:before,ul.subnav a.cms.current:before{background-position:-72px bottom;}
ul.subnav a.webvideo:before{background-position:-18px top;}
ul.subnav a.webvideo:hover:before,ul.subnav a.webvideo.current:before{background-position:-18px bottom;}
ul.subnav a.mobile:before{background-position:-54px top;}
ul.subnav a.mobile:hover:before,ul.subnav a.mobile.current:before{background-position:-54px bottom;}
ul.subnav a.systems:before{background-position:-252px top;}
ul.subnav a.systems:hover:before,ul.subnav a.systems.current:before{background-position:-252px bottom;}
ul.subnav a.marketing:before{background-position:-234px top;}
ul.subnav a.marketing:hover:before,ul.subnav a.marketing.current:before{background-position:-234px bottom;}
ul.subnav a.seo:before{background-position:-144px top;}
ul.subnav a.seo:hover:before,ul.subnav a.seo.current:before{background-position:-144px bottom;}
ul.subnav a.conversions:before{background-position:-108px top;}
ul.subnav a.conversions:hover:before,ul.subnav a.conversions.current:before{background-position:-108px bottom;}
ul.subnav a.ppc:before{background-position:-162px top;}
ul.subnav a.ppc:hover:before,ul.subnav a.ppc.current:before{background-position:-162px bottom;}
ul.subnav a.local:before{background-position:-90px top;}
ul.subnav a.local:hover:before,ul.subnav a.local.current:before{background-position:-90px bottom;}
ul.subnav a.social:before{background-position:-180px top;}
ul.subnav a.social:hover:before,ul.subnav a.social.current:before{background-position:-180px bottom;}
ul.subnav a.tracking:before{background-position:-126px top;}
ul.subnav a.tracking:hover:before,ul.subnav a.tracking.current:before{background-position:-126px bottom;}
ul.subnav a.businesscard:before{background-position:-216px top;}
ul.subnav a.businesscard:hover:before,ul.subnav a.businesscard.current:before{background-position:-216px bottom;}
ul.subnav a.graphicdesign:before{background-position:-198px top;}
ul.subnav a.graphicdesign:hover:before,ul.subnav a.graphicdesign.current:before{background-position:-198px bottom;}

/*responsive video*/
.video{
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

::selection {background: #54B3DF;}

/*overrides*/
.clear{clear:both;}
.blue{background-color:#057BC1 !important;}
.background-lightblue{
  background-color:#54B3DF !important;
}
.background-orange{
  background-color:#FF6600 !important;
}
.green{background-color:#A7D41F !important;}
.background-purple{
  background-color:#812882 !important;
}
.background-lightblue,
.background-purple{
  color:white;
}
.background-lightblue h2,
.background-purple h2,
.background-orange h2{
  color: inherit;
}
.white{
	background-color:#FFF;
	color:#057BC1 !important;
}
.topBorder,.blogpost,.viewSelect,.services{
	border-top:1px solid #CCC;
	clear:both;
	margin-top:20px;
	padding-top:20px;
	clear:both;
}
.blogpost:first-child{
	border:none;
	margin-top:0;
	padding-top:0;
}

.marginBottom{
	margin-bottom:20px !important;
}
.border{
	border: 1px solid #E6E6E6;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.shadow{
	margin-bottom:50px !important;
	position:relative;
}
.shadow img{
	border-bottom: 1px solid #CCC;
	z-index:2;
	position:relative;
}
.shadow:after{
	content:"";
	height:50px;
	width:100%;
	position:absolute;
	bottom:-25px;
	background: -webkit-radial-gradient(ellipse contain, #E5E5E5 0%,rgba(229,229,229,0) 100%);
	z-index:1;
}

hr{
	background:#CCC;
	height:1px;
	margin:26px 0;
}
.clearfix:after{
	content:"";
	clear:both;
	display:block;
}

/*Box ad - bigger h2 and centred button*/
.feature *{
	text-align:center;
}
.feature h2{
	font-size:3em;
	margin-bottom:.6em;
}
.feature h2.small{
	font-size:2.4em;
}
.feature p.small{
	text-align:left;
}
.feature .button{
	margin: 0 auto;
	display: inline-block;
}

/* CSS helper to hide items quickly */
.hidden {
	display: none;
}

/*Hide unloaded typekit fonts to prevent font-change flash
.wf-loading #logo, .wf-loading #nav, .wf-loading #banner .intro{
	visibility:hidden;
}*/

@media (min-width: 769px) {
	#menu{
		display:none;
	}
	.maincol>h1:first-child,.maincol>p:first-child{
		height:176px;
		vertical-align: middle;
		display: table-cell;
		padding-bottom:66px;
		color:#FFF;
		font-size:4.5em;
	}
	.services h2{
		/*padding:0 12px;
		vertical-align: middle;*/
		display: table;
		width:100%;
		margin-bottom:18px;
		/*min-width:100%;*/
	}
	.services h2 a{
		background:#057BC1;
		color:#FFF;
		/*display:block;*/
		height:90px;
		text-align:center;
		padding:0 12px;
		vertical-align: middle;
		display: table-cell;
		/*min-width:100%;*/
	}
}

@media (max-width: 934px) {
	/*#nav li.button{
		display:none;
	}*/
	.sidebar .phone{
		font-size:3.6em;
	}
	/*#header{
		height:50px;
	}
	#logo{
		font-size:2.2em;
	}*/
	/*#banner{
		margin-top:50px;
	}*/
	.button.big{
		font-size:18px;
		line-height:24px;
	}
	#banner p.bannerButtons{
		margin-top:-20px;
	}
}

@media (max-width: 768px) { /*only on mobile*/
	.nomo{
		display:none !important;
	}
	body{
		background:#057BC1;
	}
	.maincol h1:first-child{
		/*color:#057BC1;*/
		/*padding-bottom:0.5em;*/
		font-size:4em;
	}
	.maincol>p:first-child{
		display:none;
	}
	#contentWrapper{
		background:#FFF;
		box-shadow: 0 0 8px rgba(0,0,0,0.4);
		position:absolute;
		width:100%;
		/*top:0;
		bottom:0;*/
		min-width:320px;
		transition: right .4s;
		-webkit-transition: right .4s;/*iOS*/
	}
	#contentWrapper.hide{
		right:85%;
		position:fixed;
	}
	.col{
		float:none;
		width:100% !important;
		margin:0 0 36px !important;
	}
	#header{
		/*height:50px;*/
		position: relative;
	}
	#menu{
		display:block;
		background: url(/images/menu.png) no-repeat center;
		width:60px;
		height:0;
		padding-top:60px;
		overflow:hidden;
		position:absolute;
		right:0;
		top:0;
		cursor:pointer;
		margin:0;
	}
	#banner{
		margin:0 0 34px;
	}
	#banner.big{
		padding:32px 0;
	}
	.intro h1{
		font-size:2.5em;
	}
	.intro p{
		font-size:1.6em;
	}
	.slideshowcol{
		display:none;
	}
	/*.box{
		margin:0 -20px 36px;
	}*/
	/*.box{
		margin:0 0 36px;
	}*/
	ul.clients li{
		width:96px !important;
	}
	/*ul.clients li{
		min-width:96px;
	}*/
	#banner .container{
		height:80px;
	}
	#banner ul.buttonList{
		display:block;
		position:absolute;
		top:50%;
		margin-top:-20px;
	}
	#banner.big ul.buttonList{
		position:relative;
		top:auto;
		margin-top:0;
	}
	#banner p.bannerButtons{
		display:none;
	}
	.bg.lightbluebg{width:50%;}
	.bg.greenbg{display:none;}
	.bg.purplebg{display:none;}
	#footer{
		background-image: none;
	}
	.contact .phone, .contact .extentions, .hours{
		display:none;
	}
	.sitemap ul li{
		float:none;
		width:100%;
	}
	.bio{
		padding-left:60px;
	}
	.roundImage.big{
		width:48px !important;
		height:48px !important;
		line-height:48px !important;
	}
	/*.roundImage.big img{
		height:110%;
	}*/
	.services h2 a{
		background: none !important;
	}
	#map_canvas {
		height: 280px !important;
	}
	.terms{
		display:block;
	}
}