/*
kor.com
Content: kor / info@kor.com
Design: Dan Perrera / kor / dan@kor.com
HTML/CSS: Johannes Booy / Booyant / jbooy@booyant.com
Scripting / ExpressionEngine: Michael Witwicki / Booyant / mwitwicki@booyant.com
Extra help & cups of tea: Jeff Ausura / Booyant / jausura@booyant.com
*/

/* @group Reset */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

/* @end Reset */
html {
	text-rendering: optimizeLegibility;
}
body {
	font: 100%/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #575151;
	width:100%;
	margin:0 auto;
}

/* @group Base styles */

/*====================
General styles
======================*/

p {margin-bottom: 1em;}
strong {}
em {font-style: italic;}
hr {border: none; top: 0; margin: 0; clear: both; display: none;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}

/*====================
List styles
======================*/
dl, ol, ul {margin:1em 0;}
ol, ul {padding:0 0 0 2.6em;}
dd {margin:.5em 0;}
dt {font-weight:bold;}
ul {list-style: none;}
ul ul {padding: 0 0 0 1em;}
li {list-style: disc; margin:.5em 0;}
li li {list-style: circle;}
nav ul {padding: 0;}
nav li {list-style: none;}

/*====================
Heading styles
======================*/

h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1 {font-size: 1.7142857143em; color: #93658c; margin-bottom: 1.8em; line-height: 1.4em;}
h2 {font-size: 1.7142857143em; color: #93658c; margin-bottom: 0; line-height: 1.4em; font-weight: 300; letter-spacing: .02em; }
h3 {font-size: 1.4285714286em; color: #93658c; font-weight: 300; letter-spacing: .02em; }
h4 {}
h5 {}


/*====================
Link styles & type stuff
======================*/
a {
	color: #008fcc;
	-moz-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	-ms-transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	transition: color 0.2s linear;
	outline: none;
}
a:hover,
a:focus {
	color: #cc0000;
}

.banner nav a:hover,
#primary a:hover,
#kor-areas a:hover,
#primary-footer a:hover {color: #feeba7;}

a.contact {
	font-weight: bold;
}
abbr[title],
dfn[title] {
	cursor:help;
}
abbr[title="and"] {
	font-family: Cochin, "Hoefler Text", Baskerville, Palatino, Georgia, serif;
}

/*====================
Form styles
======================*/

form {margin: 1em 0;}

input,
input[type=text],
textarea {
	border: 1px solid #966a90;
	background: #f5f5f5;
	padding: 9px;
	font: .8571em "Helvetica Neue", Arial, sans-serif;
}

input:focus,
textarea:focus {
	border-color: #FFA717;
}

fieldset {
	margin: 1em 0;
	padding: 0;
	border: none;
}

form label {
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
}

form ol {
	padding: 0;
}
form li {
	list-style: none;
	margin-bottom: 12px;
}

/*====================
Table styles
======================*/
table {border-collapse:collapse; border-spacing:0; width: 100%; margin: 1em 0 2em;}
th {font-weight:bold;}
td, th {padding:.3em .5em .3em 0; text-align:left;}
caption {text-align: left; font-weight: bold; margin-bottom: 1em;}

/*====================
Buttons
======================*/

button, .btn {
	border: none;
	border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    background: #684a66; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#795677', endColorstr='#684a66'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#795677), to(#684a66)); 
	background: -moz-linear-gradient(top,  #795677,  #684a66); 
    display: inline-block;
    text-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 0.99);
    text-decoration: none;
    padding: 5px 14px;
    letter-spacing: .08em;
    line-height: 1;
    font: .8571em "Helvetica Neue", Arial, sans-serif;
    cursor: pointer;
    font-weight: bold;
    clear: both;
    margin: 20px 0;
    font-weight: 500;
    color: #fff;
}
button:after, .btn:after {
	content:url(/assets/img/core/icn/white-arrow.png);
	margin-left: 14px;
}

button:hover, .btn:hover {
	color: #ffeba6;
	-moz-box-shadow:inset 0 0 10px #333;
   	-webkit-box-shadow:inset 0 0 10px #333;
   	box-shadow:inset 0 0 10px #333;
}

/*====================
Other general reusable styles
======================*/

#skip-to-content {
	left: -999em;
	position: absolute;
	margin: 0;
	top: -999em;
}

.group:after,
#work-viewer .slider figure:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.clear {clear:both;}


/* @end Base styles */

/*====================
Frame
======================*/

.stage {
	margin: 0 auto;
	width: 940px;
	padding: 0 10px;
	position: relative;
}

.stage:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.banner, #get-around, #content hgroup {
	min-width: 970px;
}

/* @group Header */

.banner {
	background: #f89721 url(/assets/img/core/bg/header.png) 0 0 repeat-y;
	padding-bottom: 34px;
}
	.banner .stage {
		height: 95px;
	}
	#logo {
		margin: 0 auto;
		width: 940px;
		padding: 31px 0 10px 0;
	}
		#logo a {
			width: 98px;
			height: 52px;
			background: url(/assets/img/core/bg/logo.png) 0 0 no-repeat;
			text-indent: -9999em;
			display: block;
		}
/* @group Search form */
	#search {
		background-color: rgba(248,151,33, .3);
		margin: 0;
		border-radius: 18px;
    	-moz-border-radius: 18px;
    	-webkit-border-radius: 18px;
    	position: absolute;
		right: 12px;
		top: 5px; 
		padding: 3px 0;
   		-moz-box-shadow:inset 0 0 1px rgba(0,0,0, .2);
   		-webkit-box-shadow:inset 0 0 1px rgba(0,0,0, .2);
   		box-shadow:inset 0 0 1px rgba(0,0,0, .2);
	}
		#search label {
			display: none;
		}
		#search input {
			border: none;
			padding: 0;
			background: none;
			color: #fff;
		}
		#search-enter {
			float: left;
			width: 104px;
			font-size: 11px;
			margin-left: 8px;
		}
		#search #search-btn {
			float: right;
			margin-right: 7px;
		}
/* @group For webkit */
	@media screen and (-webkit-min-device-pixel-ratio:0){
		#search {
			background: none;
			top: 2px;
		}
		#search-btn {
			display: none;
		}
		#search input {
			color: #666;
		}
	}
/* @end For webkit */
/* @end Search form */
/* @end Header */

/* @group Navigation */

/* @group Common nav */
#get-around {
	background: url(/assets/img/core/bg/primary.png) 50% 0 repeat-x;
	margin-top: -31px;
	position: relative;
}
#get-around .stage {
	position: relative;
}
	#get-around ul {
		font-size: .875em;
		margin: 0;
	}
		#get-around li {
			float: left;
			margin: 0 1px 1px 0;
		}
			#get-around a {
				color: #fff;
				font-family:"Helvetica";
				letter-spacing: .02em;
				text-decoration: none;
				display: block;
				line-height: 1em;
			}
			#get-around .selected a {
				color: #feeba7;
			}
			

#big-drop-down{
	display: none;
	position: absolute;	
	top: 30px;
	left: 0;
	background: #795677 url(/assets/img/core/bg/sec-title.png) 0 0 repeat-x;
	width: 100%;
	z-index: 999;
	border-top: 1px solid #493448;
	border-bottom: 1px solid #5b4059;
}

#big-drop-down .centering{
	width: 940px;
	margin: 0 auto;
}
#big-drop-down ul{
	float: left;
	width: 220px;
	margin-right: 20px;
	padding-top: 10px;
}
#big-drop-down ul.last{
	margin-right: 0;
}
#big-drop-down ul li{
	float: none;
	border-bottom: 1px solid #61425f;
	background: url(/assets/img/core/icn/white-arrow.png) 0 12px no-repeat;
	padding: 8px 30px 8px 11px;
	font-size: 13px;
}
#big-drop-down ul li.last{
	border-bottom: none;
}
#big-drop-down ul li a{
	line-height: 1.3em;
}

#big-drop-down a:hover {color: #FEEBA7}

			
/* @end Common nav*/

/* @group Variation primary */
		
		#primary a {
			padding: 8px 14px;
			font-family: "Helvetica";
			font-weight: 500;
			background: url(/assets/img/core/bg/primary-node.png) 0 0 repeat-x;
		}
		#primary .selected a {
			
		}
		#primary li.last a {
			width: 451px; 
		}
		@media screen and (-webkit-min-device-pixel-ratio:0){
			#primary li.last a {
				min-width: 462px;
			}
		}
		#drop {
			position: relative;
		}
		#drop:after {
			content:"";
			position:absolute;
			top:0;
			right:22px;
			width:2px;
			height:100px;
			background: url(/assets/img/core/bg/drop.gif) 0 0 no-repeat;	
		}
		#drop a {
			padding-right: 32px;
		}
		#drop a:after {
			background: url(/assets/img/core/icn/white-arrow.png) 0 0 no-repeat;
			content:"";
   			position:absolute;
   			right: 9px;
   			top: 13px;
  			width:5px;
  			height:7px;
  			-webkit-transform:rotate(90deg);
   			-moz-transform:rotate(90deg);
   			-ms-transform:rotate(90deg);
  			-o-transform:rotate(90deg);
   			transform:rotate(90deg);
		}
		
/* @end Variation primary*/
		
/* @group Kor service areas */	
	#kor-areas {
		position: absolute;
		right: 12px;
		top: -26px;
	}
		#kor-areas li {
			margin-left: 19px;
		}
		#kor-areas a {
			background: url(/assets/img/core/icn/white-arrow.png) 0 50% no-repeat;
			padding-left: 10px;
			text-decoration: none;
			border: none;
		}
	
/* @end Kor service areas */

/* @group Page content */	

#content {
	font-size: 0.875em;
	padding-bottom: 60px;
}

/* .stage {background: url(/assets/grid.gif) 0 0 no-repeat;} */ 

#content hgroup {
	background: #795677 url(/assets/img/core/bg/sec-title.png) 0 0 repeat-x;
	padding: 57px 0 17px;
	margin-bottom: 44px;
	font-weight: 100;
}
	#content hgroup h1, #content hgroup h2 {
		float: left;
		font-size: 48px;
		margin: 0;
		line-height: 1;
		font-weight: 100;
		letter-spacing: .04em;
	}
	#content hgroup h1 {
		color: #fff;
	}
	#content hgroup h2 {
		color: #b38cb1;
		border: none;
		margin-left: 10px;
	}
	.full h1 {
		width: 50%;
	}


/*//////////////////*/
/* Our Work Styles */
/*////////////////*/

.work-grid {
	width:960px;
	margin:0 auto;
	padding:0;
}

.work-grid .to-do li:first-child {
	margin-left:0;
}

.work-grid .to-do li {
	margin:0 0 26px 26px;
	padding:0;
}

.work-grid .to-do li a.detail-img {
	width:300px;
	height:300px;
	border:1px solid #fff;	
}

.work-grid .to-do li a.detail-img:hover {
	border:1px solid #E3E5E0;	
}

/* Recipe Styles */	

#content.recipe {
	background: url(/assets/recipe_landing.png) bottom center no-repeat;
	min-height:720px;
}
#content.recipe-detail {
	background: none;
}

#content.recipe aside.list, #content.recipe-detail aside.list {
	border-left:1px solid #93658c;
	float:right;
	padding-left:20px;
}

#content.recipe aside ul#recipe-list, #content.recipe-detail aside ul#recipe-list {
	padding:0;
}
#content.recipe aside ul#recipe-list li, #content.recipe-detail aside ul#recipe-list li {
	line-height:1.2em;
	list-style:none;
	list-style-position: inside;
	margin:.5em 0;
}
#content.recipe aside ul#recipe-list li a, #content.recipe-detail aside ul#recipe-list li a {
	display:block;
	color:#e51b24;
	font-size:.875em;
	text-decoration: none;
}

#content.recipe aside ul#recipe-list li a:visited, #content.recipe-detail aside ul#recipe-list li a:visited {
	color:#8b9a91;
}
#content.recipe aside ul#recipe-list li a:hover, #content.recipe-detail aside ul#recipe-list li a:hover {
	color:#6a1e69;
	text-decoration: underline;
}

}
#content.recipe-detail #recipe-headline {
	color:#e51b24;
	font-size: 1.4em
}
#content.recipe-detail .stage {
	margin-bottom:40px;
}
#content.recipe-detail a {
	color:#e51b24;
	font-size:1.2em;
	font-weight: 500;
	text-decoration: none;
}

/* Recipe-col1 */
#recipe-col1 {
	float:left;
	width:234px;
}
#recipe-col1 span {
	background:#6a1e69;
	color:#fad426;
	display:block;
	padding:6px 20px;
}
#recipe-col1 #ingredient-list {
	background:#8b9a91;
	color:#fff;
	padding:20px;
	margin-top:6px;
	line-height: 1.3em;
}
#recipe-col1 #ingredient-list ul {
	padding:0;
	margin:0;
}
#recipe-col1 #ingredient-list ul li:first-child {
	margin-top:0;
}
#recipe-col1 #ingredient-list ul li {
	list-style:none;
	margin:1em 0;
}
/* Recipe-col-recipe-sharing */
#recipe-col1 #recipe-share {
	border:1px solid #8b9a91;
	color:#8b9a91;
	margin-top:6px;
	padding:20px;
}
#recipe-col1 #recipe-share ul {
	padding:0;
	margin:0;
	list-style-position: outside;
}
#recipe-col1 #recipe-share ul li {
	list-style-position: inside;
	vertical-align: top;
}
#recipe-col1 #recipe-share ul li a {
	color:#8b9a91;
	font-size:14px;
	font-weight:normal;
	padding-left:10px;
	vertical-align: 12px;	
}
#recipe-col1 #recipe-share ul li a:hover {
	text-decoration: underline;
	cursor: pointer;	
}
#recipe-col1 #recipe-share ul .print-recipe {
	list-style-image: url(/assets/print.gif);
}
#recipe-col1 #recipe-share ul .email-share {
	list-style-image: url(/assets/mail.gif);
}
#recipe-col1 #recipe-share ul .facebook-share {
	list-style-image: url(/assets/facebook.gif);
}
#recipe-col1 #recipe-share ul .tweet-share {
	list-style-image: url(/assets/twitter.gif);
}

/* Recipe-col2 */
#recipe-col2 {
	float:left;
	margin-left:6px;
	width:460px;
}
#recipe-col2 span {
	background:#d9002b;
	color:#fff;
	display:block;
	font-size: 1.2em;
	padding:4px 20px 4px 30px;
	max-height:25px;
}
#recipe-col2 #directions {
	float:left;
	margin-top:6px;
	padding:20px 20px 20px 30px;
	line-height: 1.3em;
}
#recipe-col2 #directions ul {
	padding:0;
}
#recipe-col2 #directions ul li {
	margin:1em 0;
}

/* Recipe-col3 */
#recipe-col3 {
	color:#fff;
	float:left;
	width:240px;
}
#recipe-col3 span {
	background:#d9002b;
	color:#fff;
	float:left;
	padding:6px 0 6px 20px;
	margin-left:1px;
	width:220px;
}
#recipe-col3 #recipe-list {
	float:left;
	background:transparent;
	color:#444;
	padding-left:20px;
	margin-top:6px;
	width:220px;
}
#recipe-col3 ul#recipe-list li {
	list-style:none;
	line-height:1.2em;
}
#recipe-col3 ul#recipe-list li a {
	font-size:.875em;
	font-weight:normal;
}
#recipe-col3 ul#recipe-list li a:hover {
	color:#6a1e69;
	text-decoration: underline;
}
#recipe-col3 ul#recipe-list li a:visited {
	color:#8b9a91;
}



/* @group Grid structure */

.narrow {
	width: 140px; /* Span two columns */
}

.qtr {
	width: 220px; /* Span three columns */
}

.thrd {
	width: 300px; /* Span four columns */
}

.hlf {
	width: 460px; /* Span six columns */
}

.two-thrd {
	width: 620px;
}

.full {
	width: 100%;
}

.seven {
	width: 540px;
}

/* @group More layout controls */ 
.col-l{
	float: left;
}

.col-r{
	float: right;
}

.m-r {
	margin-right: 20px;
}

.m-l {
	margin-left: 20px;
}
/* @end More layout controls */
/* @end Grid structure */

/* @group Reusable layout */

.home-thumb-grid {
	width:960px;
	margin:0px;
	padding:0px;
}
	.home-thumb-grid li {
		width: 160px;
		margin:0px
		padding:0px;
	}
	
	.home-thumb-grid li a img {
		width: 140px;
		padding:0px;
		margin:0px;
	}
	
	.home-thumb-grid li.last {

	}

.thumb-grid {
	margin: 0;
	padding: 0;
}
	.thumb-grid li {
		float: left;
		list-style: none;
		margin-right: 20px;
		padding:0
	}
	.thumb-grid li.last {
		margin-right: 0;
	}
	/* .thumb-grid.r2 li:nth-child(2n+2){
		margin-right: 0;
	}
	.thumb-grid.r3 li:nth-child(3n+3){
		margin-right: 0;
	}
	.thumb-grid.r4 li:nth-child(4n+4){
		margin-right: 0;
	} */


.thumb-grid .selected img, .thumb-grid a:hover img {
	-webkit-transform:scale(1.4);
}
.thumb-grid .selected img {
	z-index: 4;
}
.thumb-grid a:hover img {
	z-index: 11;
}
.intro {
	font-size: 1.7142857143em;
	color: #93658c;
	margin-bottom: .4em;
	font-weight: 300;
	letter-spacing: .02em;
}

.intro.breath {
	line-height: 1.4em;
	margin-bottom: 1em;
}

.intro.squash {
	line-height: 1.25em;
}

.line-list {
	font-size: .9285714286em /* 13/14 */; 
	padding: 0;
	margin: 5px 0 0;
}	
	.line-list li {
		border-top: 1px solid #c3c3c3;
		margin: 0;
		list-style:none;
		padding: 0;
	}
	.line-list li:last-child {
		border-bottom: 1px solid #c3c3c3;
	}
		.line-list li a {
			color: #333;
			text-decoration: none;
			display: block;
			line-height: 1.3em;
			padding: 7px 10px;
			background-image: url(/assets/img/core/icn/yellow-arrow.png);
			background-position: 0 50%;
			background-repeat: no-repeat;
		}
		.line-list li a:hover, .line-list .selected a {
			background-color: #fffdf7;
			color: #cc0000;
		}
ul.no-link li {
	padding: 7px 0;
}

.controls {
	position: absolute;
	bottom: 10px;
	padding: 0;
	margin: 0;
}
	.controls li {
		list-style: none;
		margin: 0;
	}
		.controls a {
			display: block;
			height: 23px;
			width: 23px;
			text-indent: -9999em;
			opacity: .9;
		}
		.controls a:hover {
			opacity: 1;
		}
		.controls .pag-prev, .controls .home-pag-prev {
			float: left;
		}
		.controls .pag-prev a, .controls .home-pag-prev a {
			background: url(/assets/img/core/icn/left-pag.png) 0 0 no-repeat;
		}
		.controls .pag-next, .controls .home-pag-next {
			float: right;
		}
		.controls .pag-next a, .controls .home-pag-next a {
			background: url(/assets/img/core/icn/right-pag.png) 0 0 no-repeat;
		}
.slider {
	padding: 0;
	margin: 0;
}

	.slider li {
		list-style: none;
		margin: 0;
		display: none;
	}
	.slider li.on {
		display: block;
	}

.pag-circle {
	padding: 0;
	margin: 14px auto;
	width: 150px; /* remove after jscript */
}
	.pag-circle li {
		float: left;
		list-style: none;
		margin-right: 5px;
	}
	.pag-circle li a {
		background-image: url(/assets/img/core/bg/blog/pag-circle.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		display: block;
		width: 13px;
		height: 13px;
		text-indent: -9999em;
	}
	.pag-circle .on a, .pag-circle a:hover {
		background-position: 0 -13px;
	}

/* @group Heading variatons */	

.blog-sidebar h2, #korq-board h2 {
	background: #684a66; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#795677', endColorstr='#684a66'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#795677), to(#684a66)); 
	background: -moz-linear-gradient(top,  #795677,  #684a66);
	color: #fff; 
	font-weight: bold;
	padding: 4px 12px;
	font-size: 1em
}
/* @end Reusable layout */


/* @group Section variations */

/* @group Homepage */

.hp-wrap {
	background: #f89721 url(/assets/img/core/bg/header.png) 0 0 repeat-y;
}

.cs-port {
	clear: both;
	width: 100%;
	position: relative;
	margin: 20px 0;
}

.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
	position: absolute;
	top: 40px;
}
.bx-prev {
	left: -32px;
}

.bx-next {
	right: -12px;
}

#co-focus {
	margin: 52px 0 0 0;
}

#co-focus nav {
	color: #f5a22f;
	font-weight: 100;
	font-size: .933333333333em;
	letter-spacing: .03em;
	margin: 34px 0;
}

#co-focus nav a {
	color: #fff;
	text-decoration: none;
}

#co-focus h2 {
	color: #fff;
	font-weight: 100;
	font-size: 1.437em;
	line-height: 1.521739em;
	letter-spacing: .03em;
}

#co-focus h2 span {
	color: #f5a22f;
	font-weight: 300;
	display: block;
	margin: 8px 0;
}

.to-do {
	padding: 0;
	margin: 16px auto;
}
.to-do li {
	width: 300px;
	float: left;
	margin-right: 20px;
	list-style: none;
}

.to-do .last {
	margin-right: 0;
}

.to-do h3 {
	color: #cc0000;
	font-size: 1.1428571429em;
	line-height: 1.1875em;
	font-weight: 400;
	margin: 10px 0 6px;
}

.to-do li p {
	font-size: .9285714286em /* 13/14 */;
	width: 220px;
}
.to-do .btn {
	margin: 8px 0;
}
#korq-board {
	margin: 30px 0 0;
	position: relative;
}
#korq-board h2 {
	font-size: .8125em;
	line-height: 1.8em;
}
#korq-board section .agg, 
#korq-board section #scrollbar1,
#korq-board section #scrollbar2,
#korq-board section #scrollbar3 {
	display: none;
}
#korq-board .on .agg,
#korq-board .on #scrollbar1,
#korq-board .on #scrollbar2,
#korq-board .on #scrollbar3 {
	display: block;
}

#korq-board section {
	margin-top: 26px;
	padding: 0 12px;
	background-color: #e17022;
	color: #fff;
	font-size: .875em;
	line-height: 1em;
}

#korq-board section footer {
	color: #f5a22f;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
#korq-board section section {
	background: none;
	padding: 0;
	margin: 0;
}
#korq-board .on h3, #korq-board section h3 a:hover {
	background-color: #e17022;
}
#korq-board section h3 {
	position: absolute;
	top: 31px;
	line-height: 10px;
}

#korq-board section h3 a {
	font-size: 12px;
	color: #fff;
	display: block;
	padding: 8px 15px;
	text-decoration: none;
}

#korq-board .all h3 {
	left: 0;
}
#korq-board .news h3 {
	left: 41px;
}
#korq-board .twitter h3 {
	left: 99px;
}
.agg {
	padding: 6px 0 0;
	margin: 0;
}
.agg li {
	padding: 12px 20px 8px 40px;
	margin: 0;
	list-style: none;
	background-position: 0 10px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #d76839;
}

.agg p, .agg h4 {
	margin-bottom: 0;
}

.agg a {color: #fff; text-decoration: none;}

.agg .tweet {
	background-image: url(/assets/img/core/icn/korq-tweet.png);
}
.agg .news-item {
	background-image: url(/assets/img/core/icn/korq-news.png);
}

.agg footer {
	margin-top: 6px;
}

.news-item h4  {
	font-size: 1.4em;
	line-height: 1em;
	font-weight: 500;
}

/* @group About */

#full-bio {
	margin-left: 160px;
    padding-top: 6px;
}

#full-bio header {
	border-bottom: 1px solid #c3c3c3;
	padding: 8px 0;
	margin-bottom: 12px;
}
#full-bio .title {
	color: #f5a22f;
	display: block;
}

p.brief {
	font-size: 20px;
}

#full-bio header img {
	position: absolute;
	left: 10px;
	top: 6px;
}

#team-roles {
	margin-top: 54px;
}

#team-roles ul {
	padding: 0;
	margin: 0;
}

#team-roles li {
	float: left;
	width: 140px;
	list-style: none;
	margin: 0 20px 0 0;
}

#team-roles li:last-child {
	margin: 0;
}

#team-roles dl {
	margin-top: .5em;
}
#team-roles dt {
	color: #93658c;
	line-height: 1.3em;
	font-weight: 400;
}

#team-roles dd {
	margin: .2em 0;
}

#team-roles li a {
	color: #575151;
	text-decoration: none;
	display: block;
	line-height: 1.3em;
	padding-left: 10px;
	background-image: url(/assets/img/core/icn/yellow-arrow.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
}

#team-roles li a:hover, #team-roles dd.selected a {
	color: #cc0000;
}

#extra-bio {
	margin-top: 50px;
}

#extra-bio .line-list {
	margin-top: 3px;
}

#extra-bio section, #extra-bio nav {
	margin-top: 30px;
}

.fact {
	color: #93658c;
}

.hdr-line {
	border-bottom: 1px solid #c3c3c3;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
/* @end About */

/* @group Services */

.services {
	margin: 24px 0;
}

.services.extra {
	margin-top: 50px;
}

.services .thumb-grid li:nth-child(2n) {
	margin-right: 0;
}
.services ul {
	width: 300px;
	float: left;
	padding-left: 0;
	margin: 10px 20px 0 0;
}

.services ul ul {
	margin: 0 0 0 18px;
	font-style: italic;
}

.services li {
	list-style: none;
}

.services .thumb-grid li {
	margin-right: 10px;
	margin-bottom: 0;
}
.services aside {
	width: 300px;
	margin-top: 16px;
	float: right;
}
.services h2{
	margin-bottom: 40px;
}
.services h2 a {
	color: #cc0000;
	border-bottom: 1px solid #837d7d;
	text-decoration: none;
	display: block;
}

.services h2 a:hover {
	color: #93658C;
}

.services h3 {
	font-size: 1em;
	font-weight: 500;
}

.services .col-left,
.services .col-right{
	width: 280px;
	float: left;
	padding-right: 20px;
}
.services .col-left ul,
.services .col-right ul{
	width: 280px;
}

/* @end Services */

/* @group Kor areas */

/* New Media  */
#brand-process {
	width: 992px;
	margin: 80px 0 0 -32px;
}
#brand-process section, #brand-process aside {
	float: left;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0 28px 0 13px;
}
#brand-process h2, #brand-process aside h2  {
	color: #fff;
	font-size: 1.2857142857em;
	height: 33px;
	padding-top: 7px;
	margin-bottom: 10px;
	font-weight: 500;
}
#brand-process aside h2 a {
	color: #fff;
	text-decoration: none;
}
#brand-process .arrow-1 {
	width: 198px; 
	padding: 0 28px 0 33px;
}
.arrow-2, .arrow-3 {width: 199px;}
.arrow-1 {
	background-image: url(/assets/img/core/bg/bs/dr.gif);
}
.arrow-2 {
	background-image: url(/assets/img/core/bg/bs/fp.gif);
}
.arrow-3 {
	background-image: url(/assets/img/core/bg/bs/droll.gif);
}

#brand-process aside.arrow-4 {
	background-image: url(/assets/img/core/bg/bs/cs.gif);
	width: 238px;
	padding-right: 0;
}


/* @end Kor areas */


/* @group Methodology */
#process {
	position: relative;
	padding-top: 50px;
}
	#process h2 a {
		position: absolute;
		top: 0;
		background-repeat: no-repeat;
		background-position: right 0;
		background-image: url(/assets/img/core/bg/slider/tab.png);
		display: block;
		height: 37px;
		background-position: right 0;
		color: #93658c;
		text-decoration: none;
		font-size: .75em;
		padding: 3px 0;
		width: 139px;
		text-align: center;
	}
	
	#process section:last-child h2 a {
		background-image: url(/assets/img/core/bg/slider/tab-end.png);
	}
	#process .on h2 a, #process h2 a:hover {
		color: #fff;
		z-index: 100;
	}
	#process div {
		display: none;
		color: #fff;
		width: 463px;
		padding: 30px 56px;
		margin: 0 auto;
		font-size: 1.1428571429em;
	}
	#process .on div {
		display: block;
		min-height: 260px;
	}
		#process h3 {
			color: #fff;
			margin-bottom: 10px;
			font-size: 1.5em;
			line-height: 1.25em; 
		}

#process .controls {
	left: 30px;
	width: 560px;
}
/* @group Tabs */
#process .tab1 h2 a {
	left: 0;
	z-index:5;
	margin-left: 10px;
	background-image: url(/assets/img/core/bg/slider/tab-start.png);
}

#process .tab1.on div {
	background: #7eac9e;
}

#process .tab1.on h2 a, #process .tab1 h2 a:hover {
	background-image: url(/assets/img/core/bg/slider/tab1-on.png);
	
}

.tab2 h2 a {
	left: 149px;
	z-index:4;
	margin-left: -20px;
}

#process .tab2.on h2 a, #process .tab2 h2 a:hover {
	background-image: url(/assets/img/core/bg/slider/tab2-on.png);
} 

#process .tab2.on div  {
	background: #93658c;
}

.tab3 h2 a{
	left: 288px;
	z-index:3;
	margin-left: -40px;
}

#process .tab3.on h2 a, #process .tab3 h2 a:hover {
	background-image: url(/assets/img/core/bg/slider/tab3-on.png)
}

#process .tab3.on div  {
	background: #de1350;
}

.tab4 h2 a {
	left: 427px;
	z-index:2;
	margin-left: -60px
}

#process .tab4.on h2 a, #process .tab4 h2 a:hover {
	background-image: url(/assets/img/core/bg/slider/tab4-on.png)
}

#process .tab4.on div  {
	background: #f6912a;
}

.tab5 h2 a{
	left: 566px;
	z-index:1;
	margin-left: -80px
}

#process .tab5.on h2 a, #process .tab5 h2 a:hover {
	background-image: url(/assets/img/core/bg/slider/tab5-on.png)
}

#process .tab5.on div  {
	background: #81ae9f;
}


/* @end Tabs */
/* @end Methodology */

/* @group Case Studies */

.cs-wrap {
	background: #795677 url(/assets/img/core/bg/sec-title.png) 0 0 repeat-x;
}

#work-viewer {
	position: relative;
	margin-bottom: 54px;
}
#work-viewer .controls {
	left: 20px;
	width: 760px;
}

#work-viewer .slider {
	width: 780px;
}

#work-viewer .slider figure {
	border-right: 1px solid #6c4e72;
	background: #fff;
	width: 780px;
	height: 474px;
}

#work-viewer .slider figure img {
	float: right;
}

#work-viewer .intro  {
	position: absolute;
	top: 160px;
	left: 90px;
	color: #fff;
	letter-spacing: 0;
	line-height: 1.4em;
	z-index: 20;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);
}

#work-viewer figcaption  {
	position: absolute;
	z-index: 20;
	top: 62px;
	left: 40px;
	width: 220px;
}

#work-viewer figcaption h2 {
	color: #3b699a;
	margin-bottom: .3em;
}

#work-viewer .resolve {
	position: absolute;
	top: 34px;
	left: 90px;
	z-index: 20;
}

.resolve h2 {
	color: #ffb000;
	font-weight: bold;
	margin-bottom: .7em;
}

.resolve p {
	font-size: 1.7142857143em;
	color: #fff;
	margin-bottom: 0;
	line-height: 1.4em;
	font-weight: 100;
	letter-spacing: .04em;
	margin-bottom: 1em;
}

#viewer-nav {
	width: 160px;
}

#viewer-nav h1 {
	color: #ffb000;
	font-size: .9285714286em /* 13/14 */;
	font-weight: bold;
	margin: 21px 0 8px 11px;
}

#viewer-nav ul {
	font-size: .9285714286em /* 13/14 */;
	margin: 0;
}
#viewer-nav li {
	border-top: 1px solid #6b4666;
	margin: 0;
}

#viewer-nav li a {
	color: #fff;
	text-decoration: none;
	display: block;
	line-height: 1.3em;
	padding: 7px 10px 7px 22px;
	background-image: url(/assets/img/core/icn/white-arrow.png);
	background-position: 10px 50%;
	background-repeat: no-repeat;
	font-weight: 300;
}

#viewer-nav li a:hover, #viewer-nav .selected a {
	color: #ffb000;
}



/* @end Case Studies */

/* @group Contact */

.extra-contact {
	width: 380px;
}

#contact input,
#contact textarea {
	width: 100%;
}

#contact .hlf {
	width: 442px;
}

#contact .thrd {
	width: 282px;
}

#contact legend {
	display: none;
}

.map {
	border: 1px solid #94688c;
	height: 284px;
	margin-bottom: 20px;
}
.map a {
	display: block;
}

#contact, #contact fieldset, #contact ol {
	margin: 0;
}

.kor-contact {
	font-size: .9285714286em /* 13/14 */;
	font-weight: 500;
}
.kor-contact .telephone{
	margin-top: 5px;
}
.kor-contact .email a {
	color: #cc0000;
	text-decoration: none;
}

/* @end Contact */	

/* @group Blog */	
.blog-entry:first-of-type {
	padding-top: 0;
}
.blog-entry:last-of-type {
	border-bottom: none;
}
.blog-entry {
	border-bottom: 1px solid #c3c3c3;
	padding: 40px 0;
}
.blog-entry a {
	color: #c00;
	text-decoration: none;
	font-weight: bold;
}
.blog-entry h2 {
	margin-bottom: 20px;
}
.blog-entry h1 a {
	font-weight: 400;
}
.blog-entry h1 a:hover {
	color: #94688c;
}
.blog-entry header {
	margin-bottom: 30px;
}
.blog-entry h1 {
	color: #cc0000;
	margin-bottom: 12px
}

.blog-entry figcaption {
	color: #93658c;
	font-style: italic;
}

.blog-entry footer {
	
}
.cat-section {
	width: 100%;
	background-color: #f5f5f5;
	
}
.cat-section p {
	background: url(/assets/img/core/icn/blog/category.png) 0 8px no-repeat;
	padding: 4px 0 4px 20px;
	width: 920px;
	margin: -42px auto 30px auto;
}



.meta {
	font-size: .9285714286em /* 13/14 */; 
	padding: 0;
	margin: 5px 0 0;
}	
	.meta li {
		border-top: 1px solid #c3c3c3;
		margin: 0;
		list-style:none;
		padding: 7px 20px;
		background-position: 0 50%;
		background-repeat: no-repeat;
		line-height: 1.3em;
	}
	.meta li:last-child {
		border-bottom: 1px solid #c3c3c3;
	}
		.meta li a {
			color: #93658c;
			text-decoration: none;
			font-weight: normal;
		}
		.meta li a:hover {
			
		}
		
.meta li.comment {
	background-image: url(/assets/img/core/icn/blog/comment.png);
}
.meta li.time {
	background-image: url(/assets/img/core/icn/blog/time.png);
}
.meta li.author {
	background-image: url(/assets/img/core/icn/blog/author.png);
}
.meta li.category {
	background-image: url(/assets/img/core/icn/blog/category.png);
}


.blog-work-viewer .slider {
	background-color: #e3e5e0;
	width: 100%;
}
	.blog-work-viewer .slider li {
		text-align: center;
	}

.blog-work-viewer {
	position: relative;
}
	.blog-work-viewer .controls {
		position: absolute;
		top: 50%;
		width: 100%;
		height: 23px;
	}
		.blog-work-viewer .pag-prev {
			margin-left: 20px;
		}
		.blog-work-viewer .pag-next {
			margin-right: 20px;
		}
		
.blog-work-viewer figure {
	padding: 20px 0;
}
.blog-sidebar {
	font-size: .9285714286em /* 13/14 */;
	margin-top: 46px;
}

.tweets, .recent-posts {
	background: #f5f5f5;
}
.blog-sidebar article, .blog-sidebar ul {padding: 0 12px;}

.tweets article {
	margin-top: 10px;
	border-bottom: 1px solid #fff;
}
.tweets article span {
	display: block;
	font-weight: bold;
	color: #f5a22f;
	font-size: .8125em;
	margin-top: 4px;
}
.recent-posts {
	margin-top: 20px;
}
.recent-posts ul {
	font-size: .9285714286em /* 13/14 */;
	margin: 0;
}	
	.recent-posts li {
		border-bottom: 1px solid #fff;
		margin: 0;
		padding: 7px 0;
	}
	.recent-posts li a {
		text-decoration: none;
		display: block;
		padding: 0 10px;
		background-image: url(/assets/img/core/icn/yellow-arrow.png);
		background-position: 0 5px;
		background-repeat: no-repeat;
		color: #444040;
	}
	.recent-posts li a:hover {
		color: #cc0000;
	}
.full-entry {
	border-bottom: 0;
}
.full-entry footer {
	margin-top: 91px;
}
.full-entry footer .meta {
	position: fixed;
}
.comments {
	border-top: 1px solid #c3c3c3;
	padding-top: 40px;
}
.comments footer {
	float: left;
	width: 135px;
	margin: 0;
}
.comments article {
	background: #f5f5f5;
	padding: 14px 10px;
}
.comments article:nth-of-type(2n){
	background: #fffbf2;
} 

.name {
	font-weight: 500;
	color: #93658c;
	margin: 0;
}
.comments h2 {
	color: #575151;
	margin-bottom: 20px;
}
.comments article div {
	float: right;
	width: 448px;
}

.comments article:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

#leave-comment {
	color: #575151;
	font-size: 1.71429em;
    font-weight: 300;
    letter-spacing: 0.02em;
    line-height: 1.4em;
}
#leave-comment textarea {
	width: 602px;
}
#leave-comment label {
	display: none;
}
#blog-comments {
	margin: 40px 0 0;
}
#blog-comments ol {
	margin: 0;
}
#blog-comments label {
	color: #93658c;
}
#blog-comments fieldset {
	margin: 0;
}
#info li {
	float: left;
	margin-right: 20px;
}
#info li:last-child {
	margin-right: 0;
}
#info input {
	width: 282px;
}
/* @end Section variation */


/* @group Footer */

#primary-footer {
	background: #f89721 url(/assets/img/core/bg/header.png) 0 0 repeat-y;
	color: #fff;
	font-size: .75em;
	padding: 25px 0 100px;
	height:auto;
}
	#primary-footer ul, #primary-footer li {
		margin: 0;
	}
	#primary-footer a {
		color: #fff;
		text-decoration: none;
	}
	#primary-footer section {
		float: left;
	}
	#site-map {
		float: right;
	}
	
	#site-map ul {
		float: left;
		width: 100px;
		margin-left: 20px;
	}
	
	
#primary-footer .org {
	text-transform: lowercase; 
	font-size: .95em;
	font-weight: bold;
}
/* @end Footer */

input.error, textarea.error {
	background: pink;
}

label.error {color: red; font-weight: bold;}

.errors {
	background: #fff;
	margin-top: 2em;
	padding: 1em 2em;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #ccc;
	font-size: 1.2em;
	display:none;
}


/* Stuff Michael Added */
#scrollbar1, #scrollbar2, #scrollbar3 { 
	width: 270px; 
	clear: both; 
	padding: 10px;
}
	
#scrollbar1 .viewport,
#scrollbar2 .viewport,
#scrollbar3 .viewport { 
	width: 240px; 
	height: 260px; 
	overflow: hidden; 
	position: relative;  
}
	
	
#scrollbar1 .overview,
#scrollbar2 .overview,
#scrollbar3 .overview { 
	list-style: none; 
	position: absolute; 
	left: 0; 
	top: 0; 
}

	
#scrollbar1 .thumb .end, #scrollbar1 .thumb,
#scrollbar2 .thumb .end, #scrollbar2 .thumb,
#scrollbar3 .thumb .end, #scrollbar3 .thumb { 
	background-color: #ffffff; 
	height: 24px; 
	width:8px; 
	border-radius: 18px;
	-moz-border-radius: 18px; 
	-webkit-border-radius: 18px; 
}

	
#scrollbar1 .scrollbar,
#scrollbar2 .scrollbar,
#scrollbar3 .scrollbar { 
	position: relative; 
	float: right; 
	width: 8px; 
	border-radius: 18px;
	-moz-border-radius: 18px; 
	-webkit-border-radius: 18px;
}

#scrollbar1 .track,
#scrollbar2 .track,
#scrollbar3 .track { 
	background-color: #f89721; 
	height: 200px; 
	width:8px; 
	position: relative; 
	padding: 0 1px; 
	border-radius: 18px; 
	-moz-border-radius: 18px; 
	-webkit-border-radius: 18px; 
}
	
#scrollbar1 .thumb,
#scrollbar2 .thumb,
#scrollbar3 .thumb { 
	height: 24px; 
	width: 8px; 
	cursor: pointer; 
	overflow: hidden; 
	position: absolute; 
	top: 0; 
}

	
#scrollbar1 .disable,
#scrollbar2 .disable,
#scrollbar3 .disable { 
	display: none; 
}
	
.hidden-slider-text {
	display: none;
}
