/* Modular Scale
	----------------------
	16px @ 1:1.618	
  95px @ 1:1.618	
	----------------------*/

/* COLORS

#ececec = light grey
#787878 = med grey
#363934 = med greenish grey 
#252323 = dark greenish grey 
#22422c = green

/*	--------------------------------------------------
		Global Reset & Standards
	-------------------------------------------------- */
	
	/* 
		Eric Meyer's CSS Reset
		http://meyerweb.com/eric/tools/css/reset/ 
		v2.0 | 20110126
		License: none (public domain)
	*/
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
		vertical-align: baseline;
	}
	html {
		font-size: 62.5%; 
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1.5;
	}
	ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	sub {vertical-align: sub;}
	sup {vertical-align: super;}
	
	strong {font-weight: bold;}
	
	body { background: #fff; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 1.5; color: #555; position: relative; -webkit-font-smoothing: antialiased; }
 
  .clear:after {
    clear: both;
  }
  .clear:before, .clear:after {
    content: "";
    display: table;
  }
  /* -----------------------------------------
	 Fonts
  ----------------------------------------- */

  @font-face {
	font-family: 'BodoniBookItalic';
	src: url('../fonts/bodoni-webfont.eot');
	src: url('../fonts/bodoni-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bodoni-webfont.woff') format('woff'), url('../fonts/bodoni-webfont.ttf') format('truetype'), url('../fonts/bodoni-webfont.svg#webfontNyOoKcMp') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  @font-face {
	font-family: 'futuramc';
	src: url('../fonts/futuramc-webfont.eot');
	src: url('../fonts/futuramc-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/futuramc-webfont.woff') format('woff'), url('../fonts/futuramc-webfont.ttf') format('truetype'), url('../fonts/futuramc-webfont.svg#WebfontRegular') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  @font-face {
  font-family: 'futuralight';
  src: url('../fonts/futuralight-webfont.eot');
  src: url('../fonts/futuralight-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/futuralight-webfont.woff') format('woff'),
       url('../fonts/futuralight-webfont.ttf') format('truetype'),
       url('../fonts/futuralight-webfont.svg#futura-lightlight') format('svg');
  font-weight: normal;
  font-style: normal;

  }
  
/* -----------------------------------------
   Mixins
----------------------------------------- */  
.fancy {
  -webkit-box-shadow:  0px 2px 4px rgba(0, 0, 0, .25);
	-moz-box-shadow:  0px 2px 4px rgba(0, 0, 0, .25);
	box-shadow:	 0px 2px 4px rgba(0, 0, 0, .25);
}
	
/* -----------------------------------------
   Site
----------------------------------------- */
html.lt-ie9 img,
html.lt-ie9 video,
html.lt-ie9 audio {
  width: 100%;
}

body {
	color: #363934;
  	color: rgba(54,57,52,0.9);
	font-style: normal;
	font-weight: normal;
	font-family: 'futuralight', arial, sans-serif;
	padding-top: 78px;
}

body:not(.newsletter) {
	background: url('../images/bg_body.jpg') repeat 0 0;
}

.content_primary,
.content_secondary {
	overflow: hidden;
	padding: 22px 10px 42px 10px;
}
.content_secondary {
	background: #252323;
}
.pattern,
.content_secondary {
  padding-top: 10px;
}
.pattern {
  background: url('../images/bg_sub.jpg') repeat 0 0;
  border-top: 1px solid #c0c0c0;
}
#global_footer .pattern {
  background: url('../images/bg_sub_foot.jpg') repeat;
  border: 0;
  overflow: hidden;
  padding-bottom: 10px;
}
.container {
  margin: 0 auto;
  max-width: 1040px;
}
.newsletter-container {
  margin: 0 auto;
  max-width: 800px;
}
.col {
  float: left;
}
.offset_by_1col {
  margin-left: 11.25%; /* 117/1040 */
}
.offset_by_2col {
  margin-left: 22.5%; /* 234/1040 */
}
.offset_by_3col {
	margin-left: 33.75%; /* 351/1040 */
}
.section_2col {
	width: 20.961538%; /* 218/1040 */
}
.section_3col {
  width: 32.307692%; /* 336/1040 */
}
.section_4col {
  width: 43.557692%; /* 453/1040 */
}
.section_5col {
  width: 54.711538%; /* 569/1040 */
}
.section_6col {
	width: 65.961538%; /* 686/1040 */
}
.section_7col {
	width: 77.211538%; /* 803/1040 */
}
.section_9col {
  width: 100%;
}
.section_2col_in_7 {
	width: 27.148194%; /* 218/803 */
}
.margin_16px_6col {
	margin-left: 2.3323615%; /* 16/686 */
}
.margin_16px_9col {
	margin-left: 1.5384615%; /* 16/1040 */
}
.set_1col {
	width: 30.059524%; /* 101/336 */
	margin-right: 4.7619048%; /* 16/336 */
}
.set_1col + div.col,
.set_1col + p {
	width: 65.178571%; /* 219/336 */
}
ul.grouping {
  clear: both;
  overflow:hidden;
}
ul.grouping li {
  float: left;
}
ul.grouping_3col li {
	width: 32.307692%; /* 336/1040 */
}
ul.grouping_3col li + li,
ul.grouping_3col li + hr + li {
  margin-left: 1.5384615%; /* 16/1040 */
}

.newsletter-container ul.grouping_3col li {
	width: 30.75%; /* 246/800 */
}

.newsletter-container ul.grouping_3col li + li {
  	margin-left: 3.75%; /* 30/800 */
}

ul.newsletter-items .newsletter-item + .newsletter-item {
	margin-top: 26px;
}

ul.grouping_5col {
  margin: 0 22.5% 0 20.961538%; /* 234/1040 | 218/1040 */
}
ul.grouping_5col li {
  width: 17.176871%; /* 101/588 */
  margin-left: 2.7210884%; /* 16/588 */
}
ul.grouping_5col li li {
  width: 100%;
}
.credit_items {
	width: 100%;
	float: none;
	cursor: pointer;
}
.credit_items dd + dt {
	margin: 26px 0 0 0;
}
#header_wrapper {
	width: 100%;
	padding-bottom: 6px;
	position: fixed;
	top: 0;
	border-top: 1px solid #252323;
	background: none 0 0;
	z-index: 100;
}
#global_header {
  overflow: hidden;
  background: url('../images/bg_light.jpg') repeat 0 0;
	-webkit-box-shadow:	 0px 0px 6px 1px rgba(0, 0, 0, .35);
	-moz-box-shadow:  0px 0px 6px 1px rgba(0, 0, 0, .35);
	box-shadow:	 0px 0px 6px 1px rgba(0, 0, 0, .35);
	padding: 0 10px;
	position: relative;
}
.lt_ie9 #global_header {
  border-bottom: 1px solid #c0c0c0;
}
#logo_container {
	background: url('../images/bg_dark.jpg') repeat 0 0;
	padding: 0.57692308%; /* 6/1040 */
	width: 31.153846%; /* 324/1040 */
	-webkit-box-shadow:	 0px 0px 6px 1px rgba(0, 0, 0, .35);
	-moz-box-shadow:  0px 0px 6px 1px rgba(0, 0, 0, .5),0px 0px 6px 1px rgba(0, 0, 0, .35);
	box-shadow:	 0px 0px 6px 1px rgba(0, 0, 0, .35);
	float: left;   
}
#global_header nav {
	float: left;
}
#global_header li{
	display: block;
	float: left;
	margin-left: 16px;
	padding-top: 19px;
}
#global_header ul li a, #global_header ul li a:link, #global_header ul li a:visited {
	font-family: 'BodoniBookItalic', Georgia, serif;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	font-size: 2rem;
	color: #787878;
	color: rgba(37,35,35,0.7);
	text-decoration: none;
	border-bottom: none;
	text-transform: uppercase;
}
.ie7 #global_header ul li a, .ie7 #global_header ul li a:link, .ie7 #global_header ul li a:visited {
  color: #787878;
}
#global_header ul li a:hover,
#global_header ul li a:focus,
#global_header ul li a:active,
.ie7 #global_header ul li a:hover,
.ie7 #global_header ul li a:focus,
.ie7 #global_header ul li a:active{
	color: #252323;
}
#global_header li.current {
	border-top: 3px solid #22422c;
	padding-top: 16px;
}
header#global_header li.current a{
	color: #252323;
}
#global_footer {
	background: url('../images/bg_foot.jpg') repeat 0 0;
	overflow: hidden;
	-webkit-text-shadow: 2px 2px rgba(0, 0, 0, .8);
	-moz-text-shadow: 2px 2px rgba(0, 0, 0, .5),0px 0px 6px 1px rgba(0, 0, 0, .8);
	text-shadow: 2px 2px rgba(0, 0, 0, .8);	   
	-webkit-box-shadow:	 0px 0px 6px 1px rgba(0, 0, 0, .55);
	-moz-box-shadow:  0px 0px 6px 1px rgba(0, 0, 0, .55);
	box-shadow:	 0px 0px 6px 1px rgba(0, 0, 0, .55);
	color: #d7d7d7;
  color: rgba(236,236,236,0.8);
}
.content_footer {
  padding: 16px 10px;
}
#network_links ul {
  clear: none;
  float: right;
  margin-right: 36.821429%; /* 117/336 */
}
#legal {
  float: right;
  text-align: right;
  font-size: 13px;
  font-size: 1.3rem;
  margin: 26px 0 3px;
}
	
/* -----------------------------------------
   Page
----------------------------------------- */
#recent_work p span {
  font-style: italic;
}
.date {
  background: #d4d4d4;
  background: rgba(0,0,0,0.1);
	text-align: center;
	font-size: 42px;
	color: #000;
	line-height: 1;
	padding: 10px 0;
	font-family: 'futuramc', arial, sans-serif;
	float: left;
}
.date span {
	font-size: 26px;
	display: block;
	padding-top: 3px;
}
.date + p {
	color: #252323;
	margin-top: 10px;
}
#old_news {
	clear: both;
	position: relative;
}
#old_news li {
	padding-top: 16px;
}
#old_news li:nth-child(3n+1) {
	margin-left: 0;
}
#about h3 {
	margin: 26px 0 10px;
}
#notable_projects .col a {
	display: block;
}
#work li > h3 {
	margin-bottom: 6px;
}
#work .section_header {
	margin-bottom: 26px;
}
ul.work-set {
	padding-bottom: 26px; 
	border-bottom: 1px solid #363934;
	margin-bottom: 26px;
}
#credits h3 {
	font-size: 4.2rem;
	font-size: 42px;
}
#credits img {
	float:none;
}
.credit-extras {
	margin-top: 2.5rem;
}
#contact_form .content_primary {
	margin-bottom: 0;
}
#contact_form p a{
	display: inline;
}
#contact_form input {
	width: 100%;
	font-size: 2.4rem;
	font-size: 24px;
  font-family: 'futuramc', arial, sans-serif;
}
#contact_form fieldset div {
	margin-top: 26px;
}
.lazy-hidden {
	background: url("../images/ajax-loader.gif") no-repeat scroll 50% 50% #ececec;
}

.buy-box {
	margin-top: 30px;
}
.buy-box h5 {
	margin-bottom: 4px;
}
.buy-box p + p {
	margin-top: 0.5em;
}
.newsletter-container .image {
	display: block;
	margin-bottom: 16px;
	padding: 3px;
}

.newsletter-container header {
	margin-bottom: 40px;
}

/* -----------------------------------------
   Typography
----------------------------------------- */
h1 {
	text-indent: -999em;
	background: url('../images/kole_logo.png') no-repeat;
	margin-bottom: 0;
	height: 59px;
	width: 238px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	h1 {
		background: url('../images/kole_logo@2x.png') no-repeat;
		background-size: 400px;
	}
}

.newsletter-container h1 {
	background: url('../images/kole_logo_333.jpg') no-repeat;
	height: 110px;
	margin: 0 auto;
	width: 562px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.newsletter-container h1 {
		background: url('../images/kole_logo_333@2x.jpg') no-repeat;
		background-size: 562px 110px;
	}
}

h2,h3,h4,article h1, dt {
  font-weight: normal;
	font-style: normal;
	color: #252323;
	-webkit-text-shadow: 0px 1px 3px rgba(0, 0, 0, .35);
	-moz-text-shadow: 0px 1px 3px rgba(0, 0, 0, .35);
	text-shadow: 0px 1px 3px rgba(0, 0, 0, .35);
}
h2,article h1 {
  font-family: 'BodoniBookItalic', georgia, serif;
	font-size: 42px;
	font-size: 4.2rem;
	margin-bottom: 10px;
}
.newsletter-container h2 {
	font-family: 'futuramc', arial, sans-serif;
	margin-top: 30px;
}
h2.impact {
	font-size: 95px;
	font-size: 9.5rem;
	line-height: 1;
}
h3, h4, dt {
  font-family: 'futuramc', arial, sans-serif;
}
h3 {
	font-size: 24px;
	font-size: 2.4rem;
}
h4, dt {
  font-size: 19px;
  font-size: 1.9rem;
  color: #605f5f;
  color: rgba(37,35,35,0.7);
}
dt {
  font-size: 22px;
  font-size: 2.2rem;
}
.credit_items dt:hover {
	color: #22422c;
}
.credit_items dt.current {
	color: #000;
}
.credit_content p {
	font-size: 12px;
	font-size: 1.2rem;
}
nav h2 {
  display: none;
}
.resize h4 {
  position:absolute;
  top: 0;
  left: 0;
  color: #ececec;
  background: #000;
  padding: 5px;
  width: 100%;
}
.overlay hgroup {
	z-index: 1;
	position: absolute;
	text-align: center;
	height: auto;
	width: 100%;
	top: 20%;
}
.overlay hgroup.large {
	top: 0;
}
.overlay h4 {
	color: #fff;
	color: rgba(255,255,255,0.8);
	font-size: 26px;
	font-size: 2.6rem;
}
#credits .overlay h3 {
	color: #d7d7d7;
	color: rgba(215,215,215,0.8);
	text-transform: uppercase;
	font-size: 36px;
	font-size: 3.6rem;
}
p + p {
	margin-top: 1em;
}
p.intro {
	font-size: 20px;
	font-size: 2.0rem;
	color: #252323;
	color: rgba(54,57,52,0.9);
	font-style: italic;
	letter-spacing: 0.05em;
	word-spacing: 0.15em;
}
p.subtext {
	font-style: italic;
}
article h1 {
  font-size: 36px;
  font-size: 3.6rem;
  background: none;
  height: auto;
  width: auto;
  text-indent: 0;
}
cite {
  text-align: center;
  display: block;
  font-style: italic;
  margin-bottom: 10px;
}
article h2 {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 10px 0;
}
article p.intro {
  font-size: 16px;
  font-size: 1.6rem;
}
article p {
  color: #252323;
}
p.note {
  font-style: italic;
  font-size: 12px;
  font-size: 1.2rem;
}
#global_footer h4,
#global_footer h3 {
  color: #dbdbdb;
  color: rgba(236,236,236,0.7);
}
.ie7 .content_footer h3, .ie7 #network_links h3 {
  color: #dbdbdb;
}
#network_links h3 {
  margin: 0;
	line-height: 1;
}

/* -----------------------------------------
   Buttons
----------------------------------------- */
#network_links li a,
a.jump_global_footer {
  background: url('../images/icon_sprite.png') no-repeat 0 0;
  text-indent: -999em;
  display: block;
  overflow: hidden;
  text-align: left;
}
#contact_form button {
	margin-top: 26px;
	width: 101px;
	height: 36px;
	float: left;
	padding: 0 15px;
	background: #252323;
}
#subscribe_form button{
	width: 101px;
	height: 28px;
	float: right;
	padding: 0 15px;
}
.lt_ie9 #subscribe_form button {
  padding: 0 20px;
}

/* -----------------------------------------
   Links
----------------------------------------- */
a, a:link, a:visited {
  font-family: 'futuramc', arial, sans-serif;
  outline: none;
  color: #63786a;
  color: rgba(34,66,44,0.7);
  text-decoration: none;
	transition: color 0.5s ease 0s;
	-moz-transition: color 0.5s ease 0s; 
	-webkit-transition: color 0.5s ease 0s;
	-o-transition: color 0.5s ease 0s;
}
.ie7 a, .ie7 a:link, .ie7 a:visited{
  color: #63786a;
}
a:hover, a:focus, a:active, .ie7 a:hover, .ie7 a:focus, .ie7 a:active {
	color: #22422c;
}
span.read-more, span.read-less {
	white-space: nowrap;
}
.important_link {
	font-size: 18px;
	font-size: 1.8rem;
	padding-right: 12px;
	background: url('../images/arrow_off.png') no-repeat right 9px;
	display: inline-block;
	margin-top: 26px;
}
.important_link:hover {
  background: url('../images/arrow_on.png') no-repeat right 9px;
}
.lt_ie9 .important_link, .lt_ie9 .important_link:hover{
  background-position: right 7px;
}
a.jump_global_footer {
  display: none;
}
#global_footer h4 a,
#global_footer h4 a:link,
#global_footer h4 a:visited {
  text-transform: uppercase;
	color: #b7b7b7;
	color: rgba(236,236,236,0.7);
}
#global_footer a,
#global_footer a:link,
#global_footer a:visited {
  color: #ececec;
  color: rgba(236,236,236,0.6);
}
.ie7 #global_footer h4 a, .ie7 #global_footer h4 a:link, .ie7 #global_footer h4 a:visited {
  color: #b7b7b7;
}
#global_footer #sub_nav a:hover,
#global_footer #sub_nav a:focus,
#global_footer #sub_nav a:active {
  color: #dbdbdb;
  color: rgba(236,236,236,0.9);
}
.ie7 #global_footer #sub_nav a:hover, .ie7 #global_footer #sub_nav a:focus, .ie7 #global_footer #sub_nav a:active {
  color: #dbdbdb;
}
#global_footer #sub_nav h4 a.current {
	color: #fff;
}
#network_links li a,
#network_links li a:link,
#network_links li a:visited{
  height: 30px;
  margin-left: 5px;
}
#network_links li.linked_in a {
  margin-left: 0;
}
#network_links li.facebook a{
  width: 14px;
}
#network_links li.twitter a{
 width: 31px;
 background-position: -24px 0; 
}
#network_links li.youtube-icon a{
  width: 28px;
  background-position: -65px 0;
}
#network_links li.linked_in a{
  width: 28px;
  background-position: -103px 0;
}
#network_links li a:hover,
#network_links li a:active,
#network_links li a:focus {
  opacity: 0.7;
}
/* -----------------------------------------
   Elements
----------------------------------------- */
.credit_content {
	margin-top: 19px;
	position: relative;
	display: none;
}
.credit_content a + p {
	margin-top: 1em;
}
.details {
  display: none;
}
img, video, audio, input {
  max-width: 100%;
}
img {
	float:right;
	vertical-align: middle;
}
.resize {
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  cursor: pointer;
}
.ie6 img, .ie6 video, .ie6 audio, .ie6 input {
  width: 100%;
}
.video_container {
	margin-bottom: 10px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video_container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.fig_container {
  position: relative;
}
.play_btn {
  position: absolute; 
  top: 30%; 
  left: 40%;
}
hr {
	float: left;
	margin: 36px 0;
	width: 100%;
	border: 0; 
	height: 1px;
	background: #c0c0c0;
}
footer hr {
	margin: 0 0 16px;
	background: #787878;
}
a img {
	border: 0;
	cursor: pointer;
}
a[href^='http'] img {
	float: none;
}
span.details {
	display: inline;
}
.overlay{
	background-color: #252323;
	box-shadow: 0 0 30px 50px #000 inset, 0px 2px 4px rgba(0, 0, 0, .25);
	position: relative;
	top: 0;
	left: 0;
}
.overlay img {
	opacity: 0.3;
}
.ie8 .overlay img{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.ie6 .overlay img, .ie7 .overlay img {
  filter: alpha(opacity=20);
}
.link_container {
	font-family: 'futuralight', arial, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	margin-left: 36px;
}
article {
  max-width: 686px;
  margin: 0 auto;
}
#featured_testimonials header {
	width: 27.148194%; /* 218/803 */
}
#featured_testimonials figure {
	width: 12.577833%; /* 101/803 */
}
#featured_testimonials div.testimonial {
	width: 56.288917%; /* 452/803 */
}
#featured_testimonials div.testimonial,
#featured_testimonials figure {
	margin-left: 1.992528%; /* 16/803 */
}

/* -----------------------------------------
   Forms
----------------------------------------- */
form input {
	border: none;
	background: #fff;	
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .7);
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .7);
	display: block;
	padding: 5px 0 5px 4px;
	color: #787878;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: 'futuralight', arial, sans-serif;
	-moz-transition: all 200ms ease;
	-webkit-transition: all 200ms linear;
	transition: all 200ms ease;
}
form input:focus {
	-webkit-box-shadow: 0px 0px 2px 2px #22422c;
	-moz-box-shadow: 0px 0px 2px 2px #22422c;
	box-shadow: 0px 0px 2px 2px #22422c;
}
form label {
	display: block;
	font-family: 'futuramc', arial, sans-serif;
	font-size: 2.4rem;
	font-size: 24px;
}
form button{
	font-family: arial, sans-serif;
	color: #ececec;
	font-size: 14px;
	font-size: 1.4rem;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, .5); 
	background: #787878;
	border: none;
	-webkit-box-shadow: inset 0px 0px 8px 2px rgba(0, 0, 0, .5), 0px 0px 2px 1px rgba(0, 0, 0, .7);
	-moz-box-shadow: inset 0px 0px 8px 2px rgba(0, 0, 0, .5), 0px 0px 2px 1px rgba(0, 0, 0, .7);
	box-shadow: inset 0px 0px 8px 2px rgba(0, 0, 0, .5), 0px 0px 2px 1px rgba(0, 0, 0, .7); 
	cursor: pointer;
}
.lt_ie9 form button {
  background-color: #605f5f;
}
textarea {
	width: 100%;
	height: 154px;
	margin-top: 16px;
}
button span {
	background: url('../images/icon_sprite.png') no-repeat -156px 0;
	width: 7px;
	height: 8px;
	display: block;
	margin-top: 5px;
	float: right;
}
.lt_ie9 button span {
  margin-top: 7px;
}
.ie7 button span {
  display: none;
}
input.error,
textarea.error {
	-webkit-box-shadow: 0px 0px 2px 1px rgba(178,34,34,.7);
	-moz-box-shadow: 0px 0px 2px 1px rgba(178,34,34,.7);
	box-shadow: 0px 0px 2px 1px rgba(178,34,34,.7);
}
label.error {
	color: #b22222;
}
#contact .notification_error {
	color: #7E2217;
	background: #D19494;
	border: 1px solid	#660000;
	padding: 16px;
}
footer .notification_error {
	color: #FF0000;
}
.notification_ok {
	color: #22422c;
	background: #E6F2D9;
	border: 1px solid #334224;
	padding: 16px;
	text-shadow: none;
}
#subscribe {
  position: relative;
}
#subscribe_form input {
	width: 72.406181%; /* 328/453 */
	float: left;
	background: #ececec;
}
#subscribe_form label.error {
  position: absolute;
  top: 26px;
  font-size: 14px;
  float: left;
}

/* -----------------------------------------
   Helpers
----------------------------------------- */
.show_on_mobile {
	display: none;
}

/* -----------------------------------------
   Media Queries
----------------------------------------- */

@media screen and (max-width: 965px) {
  #subscribe_form input {
    float: none;
    width: 99%;
  }
  #subscribe_form button, #network_links ul {
    float: none;
    margin: 22px 0 0;
		clear: both;
  }
	#network_links h3 {
		float: none;
	}
}

@media screen and (max-width: 870px) {
	
	body {
		padding-top: 40px;
	}
	
	/* Lists */
	#sub_nav ul.grouping li {
		float: none;
		border-top: 1px solid #787878;
		width: 100%;
	}
	#sub_nav a {
	  display: block;
	}
	ul.grouping_3col li,
	.newsletter-container ul.grouping_3col li {
		width: 100%;
	}
	ul.grouping_3col li + li {
		margin: 26px 0 0;
	}
	#credits ul.grouping_3col li + li {
		margin: 6px 0 0 0;
	}
	#credits ul.grouping_3col li + hr + li,
	.newsletter-container ul.grouping_3col li + li {
	  margin-left: 0;
	}
	#old_news {
		padding-top: 26px;
	}
	ul.grouping_5col {
		width: 77.211538%; /* 803/1040 */
		margin: 0 auto;
	}
	ul.grouping_5col li {
		margin-left: 0;
	}
	
	/* Layout */
	#logo_container {
		float: none;
		margin: 0 auto;
		width: 336px;
		padding: 0;
	}
	.section_9col {
		margin: 0 auto;
		width: 336px; */
	}
	
	/* Navigation */
	#global_header nav {
		display: none;
	}
	
	/* Headers and Text*/
	h1 {
		height: 40px;
		width: 162px;
		background-position: -240px 0;
		margin: 0 auto;
		padding: 2px 0;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
		h1 {
			background: url('../images/kole_logo@2x.png') no-repeat -238px 0;
			background-size: 400px;
		}
	}
	.newsletter-container h1 {
		height: 66px;
		width: 336px;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
		.newsletter-container h1 {
			background: url('../images/kole_logo_333@2x.jpg') no-repeat;
			background-size: 336px 66px;
		}
	}
	h2, h2.impact {
		font-size: 36px;
		font-size: 3.6rem;
	}
	#credits h3 {
		font-size: 26px;
		font-size: 2.6rem;
	}
	#sub_nav h4 {
	  margin: 8px 0;
	}
	p.intro {
		font-size: 18px;
		font-size: 1.8rem;
	}
	
	/* Links */
	a.jump_global_footer {
		z-index: 101;
	  position: absolute;
	  display: block;
	  background-position: -165px 0;
	  width: 30px;
	  height: 30px;
	  top: 5px;
	  right: 9px;
	  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.25);
  	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.25);
	  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.25);
		background-color: #fff;
	}
	
	/* Misc */
	.show_on_mobile {
		display: block;
	}
	.credit_content {
		margin-top: 36px;
	}
	
}

@media screen and (max-width: 700px) {
	#about + figure {
		display: none;
	}
	.section_6col {
		width: 100%;
	}
	#featured_testimonials header {
    width: 100%;
  }
  #featured_testimonials div.testimonial, #featured_testimonials figure {
    margin-top: 26px;
  }
  #featured_testimonials figure {
    margin-left: 0;
    width: 17.750439%; /* 101/569 */
  }
  #featured_testimonials div.testimonial {
  	width: 79.43761%; /* 452/569 */
  	margin-left: 2.8119508%; /* 16/569 */
  }
	#network_links {
		float: none;
		margin: 0 auto;
		width: 260px;
	}
	#network_links h3 {
		float: left;
	}
	#network_links ul {
		clear: none;
		float: left;
	}
	#network_links ul {
		margin-top: 0;
	}
	#network_links li a, #network_links li a:link, #network_links li a:visited {
		margin-left: 16px;
	}
	#subscribe {
		width: 77.211538%; /* 803/1040 */
		margin: 26px auto 0 11.25%; /* offset_by_1col 117/1040 */
		float: left;
		display: inline;
	}
	#subscribe_form input {
		width: 97.796143%; /* 355/363 */
	}
	.margin_16px_9col {
		margin: 0;
	}
}

@media screen and (max-width: 600px) {
 article h1 {
   font-size: 30px;
   font-size: 3rem;
 } 
 article h2 {
   font-size: 20px;
   font-size: 2rem;
 }
 p.intro {
	  font-size: 14px;
	  font-size: 1.4rem;
	  letter-spacing: normal;
	  word-spacing: normal;
  }
}
@media screen and (max-width: 505px) {
	#featured_testimonials figure {
    margin-left: 0;
    width: 17.750439%; /* 101/569 */
  }
  #featured_testimonials div.testimonial {
  	width: 79.43761%; /* 452/569 */
  	margin-left: 2.8119508%; /* 16/569 */
  }
  nav ul li a, button {
    -webkit-user-select: none;
  }
}

@media screen and (max-width: 472px){
	#logo_container, ul.grouping_5col, .section_9col, .section_7col, .section_5col, .section_4col, #featured_testimonials div.testimonial, #subscribe {
	width: 100%;
	}
	#global_header {
	  padding: 0;
	}
	#legal {
		font-size: 12px;
		font-size: 1.2rem;
	}
	h2, #credits h3 {
    font-size: 32px;
    font-size: 3.2rem;
  }
  .offset_by_1col {
    margin: 0;
  }
  #featured_testimonials figure {
    display: none;
  }
  #featured_testimonials div.testimonial {
  	margin-left: 0;
  }
  #global_footer .pattern {
    padding: 10px;
  }
  #subscribe {
		margin: 26px 0 0 0;
	}
	#subscribe_form input{
	  width: 100%;
	}
	#credits ul.grouping_3col li {
	  width: 336px;
	}
}
@media screen and (max-width: 370px) {
  #credits ul.grouping_3col li {
	  width: 100%;
	}
}
@media screen and (max-width: 350px) {
  p.intro {
	  font-size: 14px;
	  font-size: 1.4rem;
	  letter-spacing: normal;
	  word-spacing: normal;
	}
	p {
	  font-size: 12px;
	  font-size: 1.2rem;
	}
	h3, article h1 {
    font-size: 20px;
    font-size: 2rem;
  }
  h4, article h2 {
    font-size: 16px;
    font-size: 1.6rem;
}
  form input {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 300px) {
  h1 {
    margin: 0 10px;
  }
  .fig_container h4 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  form input {
    font-size: 10px;
    font-size: 1rem;
  }
  #latest_news .set_1col {
    margin: 0;
    width: 100%;
  }
  .set_1col + div.col {
    width: 100%;
    margin-top: 4px;
  }
  #legal p{
    font-size: 8px;
    font-size: 0.8rem;
  }
  #network_links {
    width: 100%;
  }
  #network_links h3 {
    margin-bottom: 8px;
  }
  #credits .overlay h3 {
    font-size: 20px;
    font-size: 2rem;
  }
  .overlay h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}