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

a					{ text-decoration:none; color:#06C; outline:none; }
a:hover				{ color:#039; border-bottom:1px dotted; }
a:visited			{ color:#039; }
a img				{ border:none; }

body				{ margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-weight:normal; color:#000; background:#bbd1df; text-shadow: 0 1px 1px #fff;
					font-size:.75em; /* 12px / 16px */ /* use 100% for 16px */
					line-height:1.666666667em; /* 20px / 12px (12 from font-size) */
					letter-spacing:.125em; /* 1.5px / 12px (12 from font-size) */
					-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
					-webkit-text-size-adjust: 100%; }

img, div 			{ behavior: url(iepngfix.htc); }

.about .contentBlock .module_4	{ color:#333; }
.about .contentBlock .module_4 h2	{ padding-bottom:0; margin-bottom:0; line-height:1.125em; }
.about .contentBlock .module_4.list	{ vertical-align:top; margin-top:10px; }

.aboutIntro			{ text-align:center; padding:10px 0px; /* font-family:"minion-pro-1","minion-pro-2", serif; font-size:1.666666667em /* 20/ 12 */ /*; line-height:1.2em /* 24 / 20 */ /*; font-style:italic; letter-spacing:0.05em; */ font-family: "proxima-nova-1","proxima-nova-2", Helvetica, Arial, sans-serif; font-size:1.25em; /* 15/ 12 */ line-height:1.333333333em; /* 20/15 */ letter-spacing:0.08em; /* color:#414141; */ color:#333; font-weight:100; }
.aboutIntro .callout	{ font-weight:bold; color: /* #414141 */ #515151; font-style:italic; font-family:"minion-pro-1","minion-pro-2", serif; font-size:1.2em; display:inline-block; vertical-align:text-bottom; text-shadow: 0 1px 1px #fff; }

.biodiv	table.biotable			{ width:66.666666667%; padding-bottom:25px; position:relative; }
.biodiv table.biotable td			{ width:20%; text-align:left; vertical-align:top; }
.biodiv table.biotable td.headshot	{ width:60px; }
.biodiv table.biotable td .imagediv	{ margin-top:25px; width:75%; height:75%; border:4px solid #fff; }
.biodiv p			{ display:none; }
.biodiv .author	{ font-weight:bold; /* clear:both; display:inline-block; */ }

.breadcrumb			{ display:inline-block; color:#666; vertical-align:middle; padding-top:10px; }
.breadcrumb a		{ padding:2px; color:#000; }
.breadcrumb a:hover	{ color:#000; }

.browserDimmer		{ background:#bbd1df; width:100%; height:200%; position:fixed; top:0; left:0; z-index:98; display:none; opacity:.9; filter:Alpha(opacity=90); /* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); */ }

.button				{ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #ccc; background:#fff; padding:12px; color:#000; text-transform:uppercase; }
.button:hover		{ background:#eee; }
.button:active		{ background:#eee; }
.button a,a.button	{ border-bottom:1px solid #ccc; color:#000; }

.calloutText		{ width:50%; float:left; }
.calloutStory		{ width:40%; float:right; padding:2.5%; padding-top:0; background:url(images/browserDimmer_White_80.png) repeat; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }

.casestudy			{ text-align:left; }
.casestudy h1		{ font-size:20px; line-height:20px; letter-spacing:0,02em; }
.casestudyCallout	{ font-family:"minion-pro-1","minion-pro-2", serif; font-style:italic; font-size:18px; line-height:20px; letter-spacing:0; text-align:left; }
.casestudyCalloutAuthor	{ font-family:"minion-pro-1","minion-pro-2", serif; font-style:italic; font-size:16px; line-height:16px; letter-spacing:0; text-align:left; }
.casestudyLabel		{ font-size:11px; line-height:24px; letter-spacing:0.06em; padding:0; color:#333; margin-bottom:0;  } /* background:url(images/feedLine_homepage.png) -25px 100% no-repeat; margin-bottom:10px; */
/* .casestudyLabel a:hover	{ padding:8px 12px 6px 12px; background:rgba(255,255,255,.5); } */
.casestudyLogo		{ position:absolute; right:0; top:0; margin-top:-100px; }

.casestudyPopup		{ position:absolute; left:50%; margin-left:-500px; width:1000px; z-index:98; display:none; }
.casestudyPopup .casestudyPopupImage	{ background:url(images/casestudyPopupBG_repeat.png) center repeat-y; padding:25px 50px; }
.casestudyPopup .casestudyPopupCaption	{ background:url(images/casestudyPopupBG_bottom.png) top center no-repeat; height:60px; line-height:60px; padding:0 30px; color:#fff; text-shadow: 0 1px 1px #000; }
.casestudyPopup .casestudyPopupCaption a	{ color:#fff; }

.centered			{ max-width:1000px; margin-left:auto; margin-right:auto; position:relative; z-index:2; }

.clientListSpan		{ letter-spacing:0.1em; }
/* .clientListSpan:hover	{ font-weight:bold; letter-spacing:0.09em; } */

.contact			{ position:absolute; right:0; padding:15px; top:0; z-index:199; font-family: etica-display, Helvetica, Arial, sans-serif; font-weight:100; font-size:30px; line-height:20px; letter-spacing:0em; text-shadow: 0 1px 1px #fff; text-transform:uppercase; color:#363636; text-align:right; cursor:pointer; }
.contact form		{ padding-top:10px; }
.contact input,.contact textarea		{ background:#fff; border:1px solid #ccc; outline:none; padding:5px; color:#666; }
.contact input:focus,.contact textarea:focus	{ background:#ccc; border-color:#fff; color:#fff; }
.contact textarea	{ width:175px; height:75px; }
.contact label		{ vertical-align:top; }
.contact p			{ padding:0; margin:0; }
.contact p.extraInfo	{ font-size:50%; padding-top:20px; }
.contact a			{ color:#000; }
.contact .extraInfo	{ display:none; font-size:60%; }

.contactPopup		{ display:none; position:absolute; right:0; width:200px; padding:20px; background:#fff; height:400px; top:0; margin-top:-400px; z-index:200; }

.content			{ z-index:1; position:relative; }

.contentBlock		{ position:relative; background:url(images/contentBlockLine.png) center bottom no-repeat; background-size:100%; padding:10px; }
.contentBlock:hover	{ /* background:url(images/contentBlock_hover.png) bottom no-repeat; */ }
.contentBlock h1	{ font-family: etica-display, Helvetica, Arial, sans-serif; font-weight:100; font-size:4.166666667em /* 50/12 */; line-height:100px; letter-spacing:0em; text-shadow: 0 1px 1px #fff; text-transform:uppercase; color:#363636; padding:0; margin:0; }
.contentBlock h1 a	{ color:#363636; }
.contentBlock h1 a:hover	{ /* border-bottom:none; */ }
.contentBlock .module_4	{ /* width:225px; margin:0 10px; display:inline-block; */ position:relative; vertical-align:middle; font-size:1em /* 12/12 */; line-height:1.666666667em /* 20/12 */; color:#333; }
.contentBlock .module_4:hover	{ /* background:url(images/module_4_hover.png) center no-repeat */ }
.contentBlock .module_4 .image	{ float:left; height:100%; vertical-align:middle; }
.contentBlock .module_4 .image a { border-bottom:none; }
.contentBlock .module_4 .image img	{ line-height:100px; vertical-align:middle; }
.contentBlock .module_4 .imagetext	{ margin-left:75px; padding-bottom:20px; }
.contentBlock .module_4 .title	{ font-family:"minion-pro-1","minion-pro-2", serif; font-size:1.333333333em /* 16px/12 */; line-height:1.125em /* 18px / 16 (font size) */; color:#000; letter-spacing:0.06em; }
.contentBlock .module_4 .title a	{ color:#000; }
.contentBlock .module_4.clients a	{ border-bottom:none; }
.contentBlock .module_3	{ /* width:300px; */ }
.contentBlock .module_3 .title	{ font-size:1.5em /* 18px / 12 */; }

.content3column		{ float:left; /* width:300px; */ padding-right:30px; }
.content3column.list	{ float:none; display:inline-block; vertical-align:top; }

.currentFilters		{ vertical-align:middle; }

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

.filterDropdown		{ position:absolute; background:#fff; border:1px solid #ccc; padding:10px 0; z-index:120; display:none; top:0px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
.filterDropdown a	{ display:block; padding:3px 40px 3px 20px; color:#333; }
.filterDropdown a:hover	{ border-bottom:none; }
.filterDropdown .on		{ background:url(images/checkmark.png) 95% 50% no-repeat #eee; color:#000; }
.filterDropdown .on:hover		{ background:url(images/x.png) 95% 50% no-repeat #eee; color:#999; }

.filterDropdownTrigger	{ padding:0; margin:0; margin-right:2.857142857% /* 20/700 */; float:left; }

.fly				{ position:absolute; z-index:200; display:none; width:20px; height:20px; }

.footer				{ border-top:1px solid #fff; color:#333; position:relative; z-index:2; margin-top:40px; clear:both; font-size:75%; }
.footerSocialMedia	{ float:right; padding:10px; }
.footerSocialMedia a	{ display:block; }

.fullstory			{ /* display:none; */ color:#000; letter-spacing:0.12em; line-height:18px; overflow:hidden; }

.homepageIntro		{ font-family: "proxima-nova-1","proxima-nova-2", Helvetica, Arial, sans-serif; font-size:1.25em; /* 15/ 12 */ line-height:1.333333333em; /* 20/15 */ letter-spacing:0.08em; /* color:#414141; */ color:#666; padding:80px 1.666666667% /* 16 / 960 */ ; height:50px; width:33.854166667%; /* 325 / 960 */; font-weight:100; }
.homepageIntro .title	{ font-weight:normal; letter-spacing:0; font-size:18px; color:#212121; font-family:"minion-pro-1","minion-pro-2", serif; }
.homepageIntro a.title	{ color:#ccc; text-shadow:none; }
.homepageIntro .callout	{ font-weight:bold; color: /* #414141 */ #515151; font-style:italic; font-family:"minion-pro-1","minion-pro-2", serif; font-size:1.2em; display:inline-block; vertical-align:text-bottom; text-shadow: 0 1px 1px #fff; }

.loading			{ position:fixed; left:50%; margin-left:-50px; width:100px; height:40px; top:0; background:#FFCC00; text-align:center; display:none; line-height:40px; font-weight:bold; z-index:99; }

.menu				{ padding-top:30px; padding-bottom:10px; text-align:left; position:relative; }
.menu a				{ }
.menu a:hover		{ border-bottom:none; }
.menu img			{ vertical-align:middle; margin-left:-6px; }
.menu #logo			{ width:225px; }
.menu #siteloading		{ position:absolute; width:24px; height:24px; top:0; left:0; margin-top:72px; /* margin-left:95px; */ margin-left:89px; }

.module				{ background:#fff; height:125px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-box-shadow:0 4px 10px rgba(100,100,100,.4); -webkit-box-shadow:0 4px 10px rgba(100,100,100,.4); box-shadow:0 4px 10px rgba(100,100,100,.4); margin:1%; padding:0 6.666666667% /* 20px/300px */; overflow:visible; }
.module a:hover		{ border-bottom:none; }
.module p.title,.module p.title a		{ font-family:"minion-pro-1","minion-pro-2", serif; font-size:1.25em /* 20/16 */; letter-spacing:0.06em; color:#000; padding-bottom:0; margin-bottom:0; }
.module p.title		{ padding-top:26px; }
.module p.subtitle,.module p.subtitle a	{ font-family: "proxima-nova-1","proxima-nova-2", Helvetica, Arial, sans-serif; font-size:.916666667em /* 11/12 */; line-height:14px; letter-spacing:0.06em; color:#888; padding-top:0; margin-top:0; }
.module p.subtitle	{ line-height:14px; }
.module.hover		{ background:#777;
					  /* background-color:#fff;
					  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.01, #ededed), color-stop(0.99, #fff));
					  background-image: -webkit-linear-gradient(center bottom, #ededed 1%, #fff 99%);
					  background-image: -moz-linear-gradient(center bottom, #ededed 1%, #fff 99%);
					  background-image: -o-linear-gradient(bottom, #ededed 1%, #fff 99%);
					  background-image: -ms-linear-gradient(top, #ededed 1%,#fff 99%);
					  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#fff',GradientType=0 );
					  background-image: linear-gradient(top, #ededed 1%,#fff 99%) */ }
.module .image		{ float:left; padding-right:10px; padding-top:20px; height:105px; }

.popup				{ position:absolute; left:50%; z-index:99; display:none; margin-top:6%; background:#fff; border:1px solid #999; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); -moz-box-shadow: 0 4px 5px rgba(0,0,0,.15); -o-box-shadow: 0 4px 5px rgba(0,0,0,.15); box-shadow: 0 4px 5px rgba(0,0,0,.15); }
.popup .close		{ position:absolute; right:0; top:0; margin-right:-20px; margin-top:-20px; }

.presentationOnOff	{ position:absolute; top:0; left:50%; margin-left:-100px; width:200px; text-align:center; z-index:90; font-size:80%; }

.presentationPopUp	{ position:absolute; left:50%; z-index:99; display:none; margin-top:6%; background:#fff; width:360px; padding:20px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; border:1px solid #ccc; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); -moz-box-shadow: 0 4px 5px rgba(0,0,0,.15); -o-box-shadow: 0 4px 5px rgba(0,0,0,.15); box-shadow: 0 4px 5px rgba(0,0,0,.15); }
.presentationPopUp h1	{ font-family:"minion-pro-1","minion-pro-2", serif; }
.presentationPopUp .close	{ display:none; }

.project			{ /* width:703px; padding:6px 6px 3px 6px; */ width:98.75% /* 100-.625-.625 */; padding:.625% .625% .3125% .625% /* 6/960 and 3/960 */; margin:0 auto; position:relative; clear:both; }
.project p			{ text-align:center; }
.project .button	{ background:none; }
.project .button:hover	{ background:#fff; }
.project .projectImage .oneImage	{ text-align:center; cursor:pointer; }
.project .projectImage .oneImage img,.project .projectImage .oneImage video	{ border:1px solid #ccc; }
.project .projectImage .oneImage p	{ text-align:left; font-style:italic; color:#333; }

.relatedheadlines	{ position:absolute; margin-left:725px; width:275px; }

.requiredRed		{ border:1px solid #CA0202; }

.shareicons			{ clear:both; padding:40px 0; }
.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; }

.testimonial		{ width:70%; margin:0 auto; display:none; }
.testimonial .author	{ font-size:0.75em; font-family: "proxima-nova-1","proxima-nova-2", Helvetica, Arial, sans-serif; font-style:normal; text-align:right; }
.testimonial .callout	{ font-style:normal; display:inline; font-size:1.1em; letter-spacing:0.05em; }
.testimonial .quote		{ padding-bottom:0; margin-bottom:0; /* font-size:0.9em; line-height:1.2em; */ }
.testimonial .quotationmark	{ font-size:2em; vertical-align:middle; }

.workModule .imagetext	{ line-height:1.25em; }
.workModule .imagetext .title { line-height:1.125em /* 18px / 16 (font size) */; }

#fullScreenBGDiv	{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:0; overflow:hidden; }

#homepageBG			{ position:absolute; margin-left:-600px; left:50%; top:0; margin-top:40px; width:1200px; height:615px; text-align:center; z-index:0; display:none; }
#homepageBG .leaf	{ position:absolute; z-index:20; display:none; }

#logos				{ height:65px; padding-bottom:20px; }
#logos a:hover		{ border-bottom:0; }

#modules			{ overflow:auto; }

div#nextPage			{ right:0; text-align:right; padding-right:20px; }
div#prevPage			{ left:0; text-align:left; padding-left:20px; }
div#nextPage,div#prevPage	{ position:absolute; z-index:180; top:0; margin-top:-17px; display:none; }
div#nextPage a:hover,div#prevPage a:hover	{ border-bottom:none; }
div#nextPage.highlight a img,div#prevPage.highlight a img	{ background:url(images/browserDimmer_White_80.png) repeat; border:1px solid #F00; -moz-border-radius:40px; -webkit-border-radius:40px; border-radius:40px; padding:20px; }
div#nextPage img,div#prevPage img			{ vertical-align:middle; width:34px; height:34px; }
div#nextPage p,div#prevPage p				{ display:none; padding:10px; background:#fff; width:170px; position:absolute; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; border:1px solid #ccc; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); -moz-box-shadow: 0 4px 5px rgba(0,0,0,.15); -o-box-shadow: 0 4px 5px rgba(0,0,0,.15); box-shadow: 0 4px 5px rgba(0,0,0,.15); line-height:16px; font-size:90%; margin-top:-10px; }
div#nextPage p a,div#prevPage p a			{ color:#000; }
div#prevPage p								{ margin-left:40px; }
div#nextPage p								{ margin-left:-200px; }

/* 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:4%; width:88%; outline:none; margin:0 0 1% 0; /* height:1%; */ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
input:focus,textarea:focus			{ background:#eee }

input.button			{ width:auto; }

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

/* #If window is smaller than centered (so homepage tree doesn't cause horizontal scrollbars)
================================================== */ 

    @media only screen and (max-width: 1000px) {
		
		.centered			{ overflow:hidden; padding-left:2.5%; padding-right:2.5%; }
		
	}

/* #Desktop only
================================================== */ 

    @media only screen and (min-width: 960px) {
		
		.noDesktop			{ display:none; }

	}

/* #Tablet (Portrait)
================================================== */ 
/* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
		
		.contentBlock h1	{ font-size:3.333333333em /* 40/12 */; }
		
		.homepageIntro		{ width:36.666666666% /* 40%-1.666666667%-1.666666667% */; }
		
		.noTablet			{ display:none; }
		
		#homepageBG			{ margin-top:0px; margin-left:-550px; /* width:100%; overflow:hidden; */ }
				
	}

/*  #Mobile (Portrait) 
================================================== */
    
    /* Note: Design for a width of 320px */
    
    @media only screen and (max-width: 767px) {
		
		.aboutIntro			{ /* font-size:1.5em 18/ 12 */ /*; line-height:1em; 18 / 18 */ text-align:left; color:#666; letter-spacing:0.05em; }
		
		.biodiv	table.biotable	{ width:100%; }
		
		.calloutText		{ width:100%; }
		.calloutStory		{ width:90%; padding:0 5% 5% 5%; }
		
		.casestudyLogo		{ margin-bottom:10%; }
				
		.circleArrow		{ float:right; width:20px; height:20px; margin-top:5%; background:url(images/browserDimmer_Black_80.png) repeat; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; vertical-align:middle; }
		.circleArrow img	{ width:100%; height:100%; }
		
		.clients			{ text-align:center; padding-bottom:4%; }
		
		.contact			{ font-size:1em; }
		
		.contentBlock h1	{ font-size:1.666666667em /* 20 /12 */; line-height:2.5em /* 30 /12 */; text-align:left; }
		
		.filterDropdownTrigger		{ float:none; }
		
		.footer				{  line-height:1em; text-align:center; }
		.footerSocialMedia	{ float:none; }
		.footerSocialMedia a	{ display:inline-block; }
		
		.homepageIntro		{ width:96.666666666% /* 100%-1.666666667%-1.666666667% */; letter-spacing:0.05em /*.041666667em .5 /12 */; padding-bottom:4%; }
		
		.menu				{ text-align:center; }
		.menu #siteloading		{ display:none; }
		
		.noMobile			{ display:none; }
		
		.testimonial		{ width:90%; }
			
		.workTitle			{ display:none; }
		
		#homepageBG			{ display:none; }
				
	}