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

img {
  /* Silly IE...  Doesn't use bicubic by default... */
  -ms-interpolation-mode: bicubic;
}

a					{ text-decoration:none; outline:none; color:#24a84e; }
a:hover,a:focus		{ border-bottom:1px dotted; }
a img				{ border:none; outline:none; }

body				{ margin:0; padding:0;
					font-family:'Open Sans',Helvetica, Arial, sans-serif;
					font-size:95%; /* 16px - to change this, do ( )px / 16px and use ems */ /* NOTE: I changed it to 90% without worrying about what size that actually makes it... scales all fonts appropriately */
					line-height:1.35em; /* 18px / 16px (16 from font-size because no number value line-height has been set) */
					letter-spacing:.046875em; /* .75px / 16px (16 from font-size because no number value letter spacing has been set) */
					-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
					-webkit-text-size-adjust: 100%;
					/*background:url(images/fabric_white.png) center repeat;*/
					background:url(images/backgroundRepeat.png) repeat;
					color:#333;
					text-shadow:0px 1px 1px #fff;
					}

h1,h2,h3,h4,h5			{ font-family: 'PT Serif Caption', serif; font-weight:normal; line-height:1em; text-shadow:0 1px -1px #fff; }
h1					{ font-size:2.75em; /* 44px / 16px */ line-height:1.125em; letter-spacing:-.025em; /* -1px / 40px */ }
h2					{ font-size:1.625em; /* 32px / 16px */ border-bottom:1px solid #ccc; }
h2.hasIcon			{ height:30px; line-height:30px; background:left top no-repeat; /* background-size:20px; */ padding-left:37px; /* color:#85c1e5; */ }
h2.hasIcon a		{ color:#000; border:none; }
h3					{ font-size:1.25em; /* 20px / 16px */ padding-bottom:0; margin-bottom:0; font-weight:normal; }
h3 + p				{ padding-top:0; margin-top:0; }

img					{ /* max-width:100%; */ }
img.scale-with-grid { max-width: 100%; height: auto; }

p					{ letter-spacing:.053125em; /* .85px /16 */ line-height:1.5em; /* 24 / 16 */ }

.aboutImage			{ border:#24a84e 1px solid; }

.arrow,.arrowLeft				{ display:inline; }
.arrow img,.arrowLeft img				{ vertical-align:middle; margin-top:-0.4em; /* 12px / 24px */ margin-left:0.25em;  }

.banner				{  /* margin:5% 0 0 0; 10/200 */ margin-bottom:0; padding:4% 2.5%; background:bottom right no-repeat #fff; border:1px solid #ccc; position:relative; min-height:140px; /* 170 / 960 */ -moz-box-shadow: 0px 0px 10px #ddd; -webkit-box-shadow: 0px 0px 10px #ddd; box-shadow: 0px 0px 10px #ddd; }
.banner img			{ max-width:90%; }
.banner + div.row	{ /* margin-bottom:5%; */ padding-top:.625%; /* 6 / 960 */ }
.banner + div.row div	{ background:#ccc; width:10px; height:10px; margin-right:5px; float:right; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.banner + div.row div.highlighted	{ background:#24a84e; }
.banner	.column,.banner .columns		{ vertical-align:middle; text-align:center; }

.banner .bannerText		{ text-align:left; }
.banner .bannerText h1	{ margin-bottom:0; padding-bottom:0; margin-top:0; }
.banner .bannerText h1 + p	{ margin-top:0; padding-top:0; }

.banner .oneBanner	{ display:none; }
.banner .oneBanner img	{ max-height:140px; }


.blogEntry			{ border-bottom:1px solid #ccc; padding-bottom:15px; cursor:pointer; }
.blogEntry .arrow   { text-transform:uppercase; font-size:0.85em; }
.blogEntry img		{ vertical-align:middle; margin-top:-0.4em; }

.bioHeader			{ font-family: 'PT Serif Caption', serif; color:#24a84e; font-size:1.25em; /*20px*/ }
.bioText			{ line-height:1.8em; }

.browserDimmer		{ background:url(images/browserDimmer_White_80.png) repeat; width:100%; height:100%; position:fixed; top:0; left:0; z-index:98; display:none; }

.button				{ 
					  display:inline-block;
					  background-color: #eee;
					  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.50, #eee), color-stop(0.99, #fff));
					  background-image: -webkit-linear-gradient(center bottom, #eee 50%, #fff 99%);
					  background-image: -moz-linear-gradient(center bottom, #eee 50%, #fff 99%);
					  background-image: -o-linear-gradient(bottom, #eee 50%, #fff 99%);
					  background-image: -ms-linear-gradient(top, #eee 50%,#fff 99%);
					  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
					  background-image: linear-gradient(top, #eee 50%,#fff 99%);
					  padding:4px 8px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #ccc; color:#333; font-weight:normal; text-shadow:0 1px 0 #fff; font-size:90%;
					}
.button:hover		{ border-color:#24a84e; border-style:solid; }
.button:active		{ }

.buttonTitle		{ float:right; font-size:0.363636364px; /* 16 / 44 */ }

.capabilitiesBlurbs .gallery a	{ border-bottom:none; }
.capabilitiesBlurbs .oneBlurb	{ padding:0.2% 2.083333333% 0 2.083333333%; border-bottom:1px solid #ccc; }
.capabilitiesBlurbs .oneBlurb p	{ line-height:1.75em; /* 28 / 16 */ }
.capabilitiesBlurbs .oneBlurb.highlighted	{ background:url(images/browserDimmer_White_80.png) center repeat; }

.capabilitiesMenu ul	{ padding:0; margin:0; padding-top:1%; }
.capabilitiesMenu ul li	{ list-style:none; padding:2.083333333%; /* 20/960 */ border-bottom:1px solid #ccc; }
.capabilitiesMenu ul li:hover,.capabilitiesMenu ul li.highlighted	{ background:url(images/browserDimmer_White_80.png) center repeat; }
.capabilitiesMenu ul li a:hover	{ border:none; }

.casestudies				{ padding-left:0; padding-right:0; }
.casestudies .gallery		{ text-align:center; background:#fff; border:1px solid #ccc; margin-left:.625%; margin-right:.625%; /* 6px / 960px */ }
.casestudies .gallery img	{ max-width:70%; margin:8% 0; }

.casestudyLogo		{ text-align:left; }
.casestudyLogo img	{ max-width:50%; padding:4.1666667%; /* 20/480 */ background:#fff; }

.centered			{ } /* check style_skeleton.css for some important .centered values, or override here */

.clientGallerySingle	{ padding:5.7142857%; /* 20 / 350 */ border:1px solid #ccc; border-bottom-color:#ccc; background:#fff; position:relative; }
.clientGallerySingle img	{ max-height:20%; margin:5% 0; z-index:50;}
.clientGallerySingle .hasCasestudy	{ position:absolute; right:-10px; top:-13px; /* background:#24a84e; border:1px solid #24a84e; */ }
.clientGallerySingle .hasCasestudy a:hover { border:none;}
.clientGallerySingle .clientGalleryDescription	{ display:none; font-weight:normal; }
.clientGallerySingle.highlighted		{ position:absolute; z-index:100; border:1px solid #ccc; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc; }

.emailValidate		{ font-size:80%; color:#FF0000; }

.footer				{ text-align:center; padding-top:01.04%; padding-bottom:01.04%; margin-top:2.083333333%; /* 20px / 960px */ background:url(images/browserDimmer_White_50.png) repeat; border-bottom:1px solid #ccc; border-top:1px solid #ccc; }

.menuHighlight		{ color:#24a84e !important; }

.loading			{ position:absolute; left:50%; margin-top:6%; padding:02.0833333%; /* 20px / 960px */ background:#000; text-align:center; display:none; font-weight:bold; z-index:99; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }

.mediagallery a:hover	{ border-bottom:none; }
.mediagallery img	{ max-height:100px; }

.menu				{ position:relative; padding-top:1%; /* 20/200 */ font-size:1.125em;/*  18px / 16px */  }
.menu a				{ color:#333; }
.menu a:hover,.menu a:focus		{ color:#000; border:none; }
.menu ul			{ padding:0; /* margin-top:7.5%; 72px / 960px */ text-align:right; }
.menu ul li			{ display:inline-block; list-style:none; vertical-align:middle; text-align:center; /* margin-right:02.0833333%; 20px / 960px */ font-family:'Open Sans',Helvetica, Arial, sans-serif; text-transform:none; letter-spacing:0;  /* .03125em;.5px / 16px */ line-height:1.25em; /* border-right:1px solid #ccc; */ text-shadow:0 -1px 1px #fff; padding:1.041666667% 0 1.041666667% 4.163333333% ; /* 40 / 960 */ }
.menu ul li:hover a		{ color:#24a84e; }
/*.menu ul li:hover	{ -moz-box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow: 0px 0px 5px #ccc; box-shadow: 0px 0px 5px #ccc; }*/
.menu ul li img		{ vertical-align:middle; }
.menu.text ul li			{ text-align:right; }
.menu.text ul		{  }

.menu.logo img		{ max-width:90%; margin:0; margin-bottom:0.373134328%; /* 50 / 134 */ text-align:left; }

.more				{ text-align:right; font-size:75%; /* 9 / 16 */ /* font-family:'Open Sans',sans-serif; */ /* padding-top:4.166666667%; 40/960 */ }
.more a				{ /* border-top:1px solid #ccc; */ padding:4px 10px; }
/* .more a:hover		{ background-color:#eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.70, white), color-stop(0.99, #eeeeee));
						background-image: -webkit-linear-gradient(center bottom, white 70%, #eeeeee 99%);
						background-image: -moz-linear-gradient(center bottom, white 70%, #eeeeee 99%);
						background-image: -o-linear-gradient(bottom, white 70%, #eeeeee 99%);
						background-image: -ms-linear-gradient(top, #ffffff 70%,#eeeeee 99%);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
						background-image: linear-gradient(top, #ffffff 70%,#eeeeee 99%); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } */
.more a:hover		{ border-bottom:none; border-top-color:#24a84e; background:#24a84e; color:#fff; }

.newsList			{ border-bottom:1px solid #ccc; padding-bottom:2.083333333%; /* 20 / 960 */ }
.newsTitle a		{ color:#000; }
.newsTitle a:hover		{ color:#24a84e; }
.newsList:last-child { }

.popUp				{ position:absolute; left:50%; z-index:99; display:none; margin-top:6%; background:#fff; padding:02.0833333%; /* 20px / 960px */ border:1px solid #999; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.popUp .close		{ position:absolute; top:0; right:0; padding:0; padding-right:15px; /* 2px / 25px */ color:#24a84e; font-weight:bold; }
.popUp .close a		{ color:#24a84e; }

.prevNextNavigation	{ text-align:left; padding:3.0833333% 0; /*20/960*/ }

.shareicons			{ text-align:right; padding-top:1.041666667%; /* 10/960 */ padding-bottom:.520833333%; /* 5/960 */ }
.shareicons img,.shareicons span,.shareicons iframe /*,.shareicons div */	{ display:inline-block; vertical-align:top; margin-top:0; padding-top:0; }
.shareicons .IN-widget	{ margin-top:8px; }
.shareicons .st_fblike_hcount	{ margin-top:6px; }
.shareicons .st_plusone_hcount	{ margin-top:8px; }

.smartInputStart	{ color:#999; }

.successMessage		{ position:fixed; top:20%; left:50%; width:260px; margin-left:-150px; padding:20px; border:2px solid #666; background:#fff; text-align:center; font-weight:bold; display:none; z-index:99; }

.topShadow			{ /* background-color: #fff;
					  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.90, white), color-stop(0.99, #f8f8f8));
					  background-image: -webkit-linear-gradient(center bottom, white 90%, #f8f8f8 99%);
					  background-image: -moz-linear-gradient(center bottom, white 90%, #f8f8f8 99%);
					  background-image: -o-linear-gradient(bottom, white 90%, #f8f8f8 99%);
					  background-image: -ms-linear-gradient(top, #ffffff 90%,#f8f8f8 99%);
					  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
					  background-image: linear-gradient(top, #ffffff 90%,#f8f8f8 99%); */
					  position:fixed; top:0; width:100%; z-index:0; height:60px;
					  background:url(images/topShadow.png) top center repeat-x; }

.tweet				{ /* font-family:'Quattrocento Sans',sans-serif; */ font-size:80%; line-height:1.25em; /* 20px / 16px */ position:absolute; margin-top:0; padding-top:0; display:none; }

#fullScreenBGDiv	{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:0; overflow:hidden; display:none; }
#fullScreenBG		{ left:50%; margin-left:-1000px; width:2000px; position:fixed; }

/* Forms
__________________________________________________ */

input,textarea				{ background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
						background-image: -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
						background-image: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
						background-image: -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
						background-image: -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
						background-image: linear-gradient(top, #ffffff 85%,#eeeeee 99%);
						border: 1px solid #aaa; padding:1%; outline:none; margin:0 0 1% 0; /* height:1%; */ }
input[type=text]:focus,input[type=email]:focus,textarea:focus			{ background-color: #24a84e; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #24a84e), color-stop(0.99, #207a3c));
						background-image: -webkit-linear-gradient(center bottom, #24a84e 85%, #207a3c 99%);
						background-image: -moz-linear-gradient(center bottom, #24a84e 85%, #207a3c 99%);
						background-image: -o-linear-gradient(bottom, #24a84e 85%, #207a3c 99%);
						background-image: -ms-linear-gradient(top, #24a84e 85%,#207a3c 99%);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24a84e', endColorstr='#207a3c',GradientType=0 );
						background-image: linear-gradient(top, #24a84e 85%,#207a3c 99%); color:#fff; }

textarea				{ height:150px; }						

input[type=submit],input.button		{ width:inherit; padding:8px 12px; background:#fff; }

.chzn-container-single	{ margin-bottom:0.5%; } /* easy overrides for basic chosen.js select styles */
.chzn-container-multi .chzn-choices { padding:1%; margin-bottom:1%; } /* easy overrides for basic chosen.js select styles */

input.requiredRed,select.requiredRed + div.chzn-container,textarea.requiredRed	{ background:#FFC0BD; } /* requiredReds... all one group for consistency */

input,textarea		{ width:75%; font-size:125%; padding:2%; }


/* #Media Queries
-------------------------------------------------- */
	
	/* iPad Portrait/Browser */
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		
		.banner .bannerText h1	{ font-size:2em; /* 32 / 16 */ }
		.banner .bannerText h1 + p	{ font-size:.875em; /* 14 / 16 */ }
		
		/* .definitionBanner	{ letter-spacing:0; } */
			
	}
		
	/* Mobile/Browser */
	@media only screen and (max-width: 767px) {
		
		.banner				{ display:none; }
		.bannerControls	{ display:none; }
		
		.footer			{ font-size:.75em /* 12 / 16px */; }
			
		.logo			{ text-align:center; }
		
		.mainContent	{ width: 97.9167%; }
		
		.menu ul		{ text-align:center; }
		.menu ul li		{ padding:1.041666667 2.083333333%; /* 10 & 20 / 960 */ }
		.menu ul li.logo	{ display:block; margin-bottom:2.0833333%; /* 20px / 960px */ }
		
		.menu.logo img	{ max-width:50%; }
		
		.noMobile		{ display:none; }
		
		.shareicons		{ text-align:center; }
		
		.sidebar		{ display:none; }
		
		.tweet			{ display:none; }
	}
	
	/* Mobile Landscape/Browser */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}
	
	/* Anything smaller than standard 960 */
	@media only screen and (max-width: 959px) {
						
		.tweet			{ display:none; }
			
	}
	
	/* iPad Portrait Only */
	@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {
		.clearfix	{ }
	}
	
	/* Mobile Only */
	@media only screen and (max-width: 767px) and (max-device-width: 1000px) {}
	
	/* Mobile Landscape Only */
	@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {}