/* CSS Document that Re-sets and Normalizes HTML Elements */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;border:0;outline:0;font-style:inherit;font-size:100%;
}
/**************************** Clearing Styles **************************/
.clearit { clear: both;height: 0;overflow: hidden; }
.clearfix:after, #header:after, #maincontent:after, #footer:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.clearfix, #header, #maincontent, #footer { zoom:1 }

/******************* Image Element and Icon Styles **************/
img { border:none; }
img.icon { vertical-align: middle; margin:0 5px 0 0; border:none; }
/**************************** Body **************************/
body {
	width:100%;
	margin:0px auto;
	padding:0 0 25px 0;
	background:#f6f6f6 url(img/site-bg.png) 0 0 repeat-x;
	font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
}
/**************************** Header Section **************************/
#header {
	width:960px;
	margin:0 auto;
	height:auto;
	padding:18px 0 0 0;
}
/**************************** Logo Section **************************/
#header a#logo {
	float:left;
	width:258px;
	height:66px;
	background:url(img/kepha-partners.png) no-repeat;
	text-align:left;
	border:none;
	text-indent:-9999em;
}
/**************************** Navigation Section **************************/
#header ul#navigation {
	display:block;
	float:right;
	width:auto;
	margin:0;
	padding:19px 0 0 0;
}
#header ul#navigation li {
	display:block;
	float:left;
	width:auto;
	font-size:16px;
	line-height:16px;
	list-style-type:none;
	margin:0 16px 0 0;
	padding:2px 16px 2px 0;
	border-right:solid 1px #4c6f97;
	letter-spacing:0.010em;
	font-weight:normal;
}
#header ul#navigation li.news {
	margin-right:0px;
	padding-right:0px;
	border-right:none;
}
#header ul#navigation a {
	color:#fff;
	text-decoration:none;
	text-shadow:0 0 4px #000;
}
#header ul#navigation a:hover {
	color:#a0bee0;
	text-decoration:none;
}
/* Active Nav States */
body#home #header ul#navigation li.home a, 
body#approach #header ul#navigation li.approach a, 
body#portfolio #header ul#navigation li.portfolio a, 
body#case-studies #header ul#navigation li.case-studies a, 
body#about #header ul#navigation li.about a, 
body#news #header ul#navigation li.news a {
	color:#a0bee0;
}
/**************************** Positioning Statement Section **************************/
#positioning {
	width:100%;
	height:279px;
	margin:0 0;
	padding:0 0;
	border-top:solid 4px #fff;
	background:#fff url(img/positioning-banner.jpg) top center no-repeat;
	text-align:center;
}
#positioning h1 {
	font-size:35px;
	line-height:51px;
	color:#fff;
	font-weight:normal;
	margin:0;
	padding:68px 0 0 0;
	font-family:'Crimson Text', Georgia, "Times New Roman", Times, serif;
	text-shadow:0 0px 5px #000;
	letter-spacing:0.0250em;
}
#positioning h2 {
	font-size:12.5pt;
	line-height:17px;
	font-weight:normal;
	color:#60584a;
	margin:0;
	padding:70px 0 0 0;
	letter-spacing:0.0150em;
}
/**************************** Main Content Section **************************/
#maincontent {
	display:block;
	width:100%;
	margin:0px;
	padding:32px 0 20px 0;
	background:#fff;
}
#maincontent-inner {
	width:960px;
	margin:0 auto;
	height:auto;
}
#maincontent h1, #maincontent h2 {
	font-size:23px;
	font-weight:normal;
	line-height:1.0em;
	color:#103f74;
	font-family:"Times New Roman", Georgia, Times, serif;
	letter-spacing:0.0250em;
	margin:0 0 16px 0;
	padding:0 0 12px 0;
	border-bottom:solid 1px #d5d5d5;
}
#maincontent h1 {
	font-size:28px;
	line-height:1.15em;
	padding-bottom:0px;
	margin-bottom:18px;
	border:none;
}
#maincontent h2 span.gray, #maincontent h3 span.gray {
	color:#999;
	margin-left:3px;
}
#maincontent h3 {
	font-size:17px;
	color:#222;
	margin:0 0 18px 0;
	padding:0 0 8px 0;
	border-bottom:solid 1px #ddd;
	font-weight:normal;
	letter-spacing:0.005em;
	line-height:1.35em;
}
#maincontent h3.enlarged {
	font-size:21px;
}
#maincontent #content.news h3 {
	font-size:16px;
	color:#222;
	margin:0 0 12px 0;
	padding:0 0 4px 0;
	font-weight:normal;
}
#maincontent h4 {
	font-size:14px;
	font-weight:bold;
	margin:0 0 20px 0;
	line-height:1.5em;
}
#maincontent p {
	font-size:14px;
	line-height:1.75em;
	margin:0 0 20px 0;
	padding:0;
	color:#423e37;
}
#maincontent p.mrg-bottom-none {
	margin-bottom:12px;
}
#maincontent a.showhide-principles {
	padding-left:21px;
	background:url(img/expand-bg.png) 0 2px no-repeat;
}
#maincontent a.expanded {
	background-position:0 -15px;
}
#maincontent #content.news p {
	margin-bottom:12px;
}
#maincontent #content.news p.read-more {
	margin-bottom:36px;
	font-size:8.5pt;
	text-transform:uppercase;
}
#maincontent p.centered {
	text-align:center;
}
#maincontent p.byline {
	text-align:right;
	font-style:italic;
	color:#5a5449;
}
#maincontent a {
	color:#184d89;
	text-decoration:none;
}
#maincontent a:hover {
	text-decoration:underline;
}
#maincontent a.float-right {
	display:block;
	float:right;
	width:auto;
	font-size:13px;
	margin:0 0 14px 50px;
	padding-top:7px;
}
#maincontent ul, #maincontent ol {
	font-size:1.0em;
	line-height:1.5em;
	margin:0 0 25px 10px;
	padding-left:7px;
}
#maincontent ul li {
	font-size:1.0em;
	margin-bottom:5px;
	padding-left:5px;
	list-style-type:disc;
	font-size:14px;
	color:#423e37;
}
#maincontent ol li {
	font-size:1.0em;
	margin-bottom:5px;
	padding-left:5px;
	list-style-type:decimal;
	font-size:14px;
	color:#423e37;
}
#maincontent blockquote {
	font-style:italic;
}
#maincontent em {
	font-style:italic;
}
#maincontent strong {
	font-weight:bold;
}
/**************************** Main Content Section **************************/
#maincontent ul#home-columns {
	display:block;
	margin:0;
	padding:0;
}
#maincontent ul#home-columns li.column-left, 
#maincontent ul#home-columns li.column-middle, 
#maincontent ul#home-columns li.column-right {
	position:relative;
	display:block;
	float:left;
	width:290px;
	margin:0 45px 0 0;
	padding:0;
	list-style-type:none;
}
#maincontent ul#home-columns li.column-middle, #maincontent ul#home-columns li.column-right { margin-right:0px; }
#maincontent ul#home-columns li.column-right { float:right; }
#maincontent ul#home-columns li h2 { font-size:22px; }

#maincontent ul#home-columns li.column-right img:hover {
	box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; -moz-box-shadow:0 0 5px #ccc;
}

#maincontent ul#home-columns div#rotate {
	margin:0;
	padding:0;
}
#maincontent ul#home-columns div#rotate ul, #maincontent ul#home-columns div#rotate li {
	margin:0;
	padding:0;
	list-style-type:none;
}
#maincontent ul#home-columns li p.middle-mrg-link {
	margin-top:27px;
}
#maincontent ul#home-columns li p.right-mrg-link {
	position:absolute;
	top:338px;
	left:0px;
}

#maincontent ul#home-columns ol {
	margin:0 0;
	padding:0 0;
}
#maincontent ul#home-columns ol#mission {
	margin:0;
	padding:0;
}
body #maincontent ul#home-columns li.column-left ol#mission li.mission {
	float:none;
	margin:0 0 14px 18px;
	padding:0 0 0 4px;
	font-size:14px;
	line-height:1.75em;
	color:#423E37;
	list-style-type:decimal;
}

/**************************** Form Element Styles ******************************/
#maincontent form {
	margin:0 0 20px 0;
	font-size:1.0em;
}
#maincontent fieldset {
	display:block;
	margin:0 0 20px 0;
	font-size:1.125em;
}
#maincontent label {
	display:block;
	margin:0 0 20px 0;
	font-size:1.125em;
}
#maincontent label.inline {
	display:inline;
	margin:0 14px 20px 0;
	font-size:1.0em;
}
/**************************** Form Input Styles ******************************/
#maincontent input, #maincontent textarea, #maincontent select {
	font-family:'HelveticaNeue-Light','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:1.125em;
	padding:2px 1px;
	width:auto;
}
#maincontent select {
	padding:0;
}
/**************************** Subpage Content Section **************************/
#content {
	float:left;
	width:680px;
}
/**************************** Sidebar Section **************************/
#sidebar {
	float:right;
	width:246px;
	padding-top:36px;
}
#maincontent #sidebar h3 {
	font-size:17px;
	font-weight:normal;
	color:#000;
	margin:25px 0 11px 0;
	padding:0;
	border:none;
}
#maincontent #sidebar p {
	font-size:14px;
	font-weight:normal;
	color:#333;
	margin:0 0 15px 0;
	padding:0;
	border:none;
	line-height:1.75em;
	letter-spacing:0.009em;
}

/* Case Study Sidebar Styles */
body#case-studies #maincontent #sidebar p {
	margin-top:6px;
}
body#case-study #maincontent #sidebar p {
	margin-top:45px;
}
body.case-bit9 #maincontent #sidebar a.case-bit9, 
body.case-exagrid #maincontent #sidebar a.case-exagrid, 
body.case-globoforce #maincontent #sidebar a.case-globoforce, 
body.case-open-ratings #maincontent #sidebar a.case-open-ratings, 
body.case-owneriq #maincontent #sidebar a.case-owneriq, 
body.case-performix #maincontent #sidebar a.case-performix, 
body.case-simple-tuition #maincontent #sidebar a.case-simple-tuition, 
body.case-streambase #maincontent #sidebar a.case-streambase, 
body.case-vertica #maincontent #sidebar a.case-vertica, 
body.case-virtual-iron #maincontent #sidebar a.case-virtual-iron {
	font-weight:bold;
}

/**************************** Team Bio Styles **************************/
#maincontent div.bio-block {
	display:block;
	margin:0 0 18px 0;
	padding:18px 18px;
	background:#f8f8f8;
	border:solid 1px #c0c8d2;
}
#maincontent div.bio-block div.bio-pic {
	display:block;
	float:left;
	width:120px;
	margin:0 15px 0 0;
}
#maincontent div.bio-block img {
	border:solid 1px #888;
}
#maincontent div.bio-block img:hover, #maincontent div.case-study img:hover {
	box-shadow:0 0 6px #999; -webkit-box-shadow:0 0 6px #999; -moz-box-shadow:0 0 6px #999;
}
#maincontent div.bio-block div.bio-text {
	display:block;
	position: relative;
	float:right;
	width:505px;
	margin:0;
}
#maincontent div.bio-block div.bio-text .social-icons {
	display: block;
	position: absolute;	
	right: 2px;
	top: -9px;
}
#maincontent div.bio-block div.bio-text .social-icons .twitter,
#maincontent div.bio-block div.bio-text .social-icons .linkedin {
	display: block;
	float: left;
	width: 28px;
	height: 28px;
	background-image: url(img/icons/social-icons.png);
	background-repeat: no-repeat;
}
#maincontent div.bio-block div.bio-text .social-icons .twitter {
	background-position: -45px -5px;
	margin-right: 7px;
}
#maincontent div.bio-block div.bio-text .social-icons .twitter:hover {
	background-position: -10px -5px;
}
#maincontent div.bio-block div.bio-text .social-icons .linkedin {
	background-position: -117px -5px;
}
#maincontent div.bio-block div.bio-text .social-icons .linkedin:hover {
	background-position: -82px -5px;
}
#maincontent #content div.bio-block div.bio-text h3 {
	line-height:1.0em;
	margin-bottom:14px;
	font-size:15px;
}
#maincontent #content div.bio-block div.bio-text p {
	margin-bottom:14px;
}
#maincontent #content div.bio-block div.bio-text p.mrg-bottom-none {
	margin-bottom:0px;
}
#maincontent #content div.bio-block div.bio-text a.showhide {
	padding-left:21px;
	background:url(img/expand-bg.png) 0 2px no-repeat;
}
#maincontent #content div.bio-block div.bio-text a.expanded {
	background-position:0 -15px;
}

#maincontent #content div.bio-block div.bio-text div.hidden {
	margin-bottom:0px;
	padding:12px 0 0 0;
}
#maincontent #content div.bio-block div.bio-text div.hidden p.last {
	margin-bottom:0px;
}

/**************************** Table Styles ******************************/
#maincontent table {
	margin:0 0 20px 0;
}
#maincontent table th {
	padding:5px 8px;
	border-bottom:solid 1px #ddd;
	text-align:left;
	font-weight:bold;
	font-size:14px;
}
#maincontent table td {
	padding:6px 8px;
	border-bottom:solid 1px #ddd;
	font-size:13px;
	color:#000;
}

#maincontent table.portfolio {
	margin:0 0 20px 0;
	border:solid 20px #f2f2f2;
}
#maincontent table.portfolio td {
	vertical-align:top;
	padding:12px 12px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	text-align:center;
	background:#f2f2f2;
	font-size:9.5pt;
	line-height:20px;
	color:#444;
}
#maincontent table.portfolio td.right {	border-right:none; }
#maincontent table.portfolio tr.bottom td { border-bottom:none; }
#maincontent table.portfolio tr.pad-top td { padding-top:20px; }

#maincontent table.portfolio td strong {
	font-weight:bold;
	display:block;
	margin:7px 0 7px 0;
	padding:0;
	font-size:15px;
}
#maincontent table.portfolio td img {
	border:solid 1px #ccc;
}
#maincontent table.portfolio td img:hover {
	border:solid 1px #999;
	box-shadow:0 0 6px #aaa; -webkit-box-shadow:0 0 6px #aaa; -moz-box-shadow:0 0 6px #aaa;
}

/********************* Case Studies Styles ************************/
#maincontent div#case-studies {
	display:block;
	padding:20px 24px;
	margin:0 0 20px 0;
	background:#f2f2f2;
}
#maincontent div#case-studies div.case-study {
	display:block;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:solid 1px #ccc;
}
#maincontent div#case-studies div.case-study-last {
	margin-bottom:0px;
	padding-bottom:0px;
	border-bottom:none;
}
#maincontent div#case-studies span.logo {
	display:block;
	float:left;
	width:200px;
}
#maincontent div#case-studies span.logo img {
	border:solid 1px #ccc;
}
#maincontent div#case-studies p.cso-byline {
	text-align:right;
	font-size:13px;
	color:#666;
	font-style:italic;
}

#maincontent div#case-studies span.case-study-details {
	display:block;
	float:right;
	width:425px;
}
#maincontent div#case-studies span.case-study-details h3 {
	font-size:17px;
	border-bottom:0px;
	padding:0;
	margin:0 0 14px 0;
	color:#000;
}
#maincontent div#case-studies span.case-study-details p.last {
	margin-bottom:0;
	padding:0;
}
#maincontent div#case-studies span.case-study-details p.cs-testimonial {
	display:block;
	padding:14px 14px;
	background:#f9f9f9;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	font-size:16px;
	color:#2c619d;
}
#maincontent div#case-studies span.case-study-details p.cs-byline {
	text-align:right;
	font-size:13px;
	color:#666;
}
#maincontent div#case-studies span.case-study-details p.cd-back {
	padding-top:10px;
	border-top:solid 1px #ccc;
}

/**************************** General Margin Styles - Can be applied to any element ******************************/
#maincontent .mrg-top-5 { margin-top:5px; }
#maincontent .mrg-top-10 { margin-top:10px; }
#maincontent .mrg-top-15 { margin-top:15px; }
#maincontent .mrg-top-20 { margin-top:20px; }
#maincontent .mrg-top-25 { margin-top:25px; }
#maincontent .mrg-top-30 { margin-top:30px; }

#maincontent .mrg-bottom-5 { margin-bottom:5px; }
#maincontent .mrg-bottom-10 { margin-bottom:10px; }
#maincontent .mrg-bottom-15 { margin-bottom:15px; }
#maincontent .mrg-bottom-20 { margin-bottom:20px; }
#maincontent .mrg-bottom-25 { margin-bottom:25px; }
#maincontent .mrg-bottom-30 { margin-bottom:30px; }

#maincontent .mrg-left-5 { margin-left:5px; }
#maincontent .mrg-left-10 { margin-left:10px; }
#maincontent .mrg-left-15 { margin-left:15px; }
#maincontent .mrg-left-20 { margin-left:20px; }
#maincontent .mrg-left-20 { margin-left:25px; }
#maincontent .mrg-left-20 { margin-left:30px; }

#maincontent .mrg-right-5 { margin-right:5px; }
#maincontent .mrg-right-10 { margin-right:10px; }
#maincontent .mrg-right-15 { margin-right:15px; }
#maincontent .mrg-right-20 { margin-right:20px; }
#maincontent .mrg-right-25 { margin-right:25px; }
#maincontent .mrg-right-30 { margin-right:30px; }

/**************************** Approach Page Styles **************************/
#maincontent ul#approach-list {
	display:block;
	margin:12px 0 0px 0;
	padding:0;
}
#maincontent ul#approach-list li {
	display:block;
	margin:0 32px 30px 32px;
	padding:0;
	list-style-type:none;
	font-size:13px;
	color:#000;
}
#maincontent ul#approach-list li img {
	display:block;
	float:left;
	width:100px;
	margin:0;
	border:none;
}
#maincontent ul#approach-list li span.how {
	display:block;
	float:right;
	width:470px;
	margin:0;
	padding-top:14px;
	border:none;
}
#maincontent ul#approach-list li h4 {
	margin-bottom:16px;
	font-size:15px;
}

/**************************** Footer Section **************************/
#footer {
	width:100%;
	margin:0;
	background:url(img/footer-bg.png) repeat-x;
	height:75px;
	padding:32px 0 60px 0;
}
#footer-inner {
	width:960px;
	margin:0 auto;
	height:auto;
}
#footer span.footer-logo {
	float:left;
	margin:0;
	padding:0;
	width:112px;
	height:40px;
	display:block;
	float:left;
	text-align:left;
	text-indent:-9999em;
	border:none;
	background:url(img/footer-logo.png) 0 0 no-repeat;
}
#footer span.footer-login {
	clear:left;
	float:left;
	margin:6px 0 0 0;
	padding:0 0 0 1px;
	width:auto;
	height:auto;
	display:block;
	border:none;
	font-size:12px;
	color:#736f64;
	line-height:26px;
}
#footer span.footer-login a {
	color:#736f64;
	text-decoration:none;
	padding-left:16px;
	background:url(img/icons/locked.gif) 0 3px no-repeat;
}
#footer span.footer-login a:hover {
	color:#736f64;
	text-decoration:underline;
}

#footer span.footer-links {
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	display:block;
	float:right;
	text-align:right;
	border:none;
	font-size:12px;
	color:#736f64;
	line-height:26px;
}
#footer span.footer-links em {
	margin:0 5px;
	color:#ccc;
}