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

/*
Theme Name: Integrity Redesign (November 2010)
Theme URI: http://www.integritystl.com
Description: Built with Integrity by Beth Buchanen
Version: 1.0
Author: Integrity
Tags: 
*/

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, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	position: relative;
	}

h1, h2, h3, h4, h5, h6 {/*clear: both;*/}
ol, ul {list-style: none;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}	/* CREDIT TO: http://sonspring.com/journal/clearing-floats */
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}		/* CREDIT TO: http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
* html .clearfix,	/* The following zoom:1 rule is specifically for IE6 + IE7.Move to separate stylesheet if invalid CSS is a problem. */
*:first-child+html .clearfix{zoom:1;}

.floatleft {float: left;}
.floatright {float: right;}
.nomargin {margin: 0px;}
.gutter {margin-right: 20px;}
.dummy {height: 1px;}
.one_column {width: 150px;}
.four_column {width: 660px;}
.marginBot10 {margin-bottom: 10px;}
.alignleft {float: left; margin-right: 15px; margin-bottom: 15px;}
.alignright {float: right; margin-left: 15px; margin-bottom: 15px;}
.author_title {padding-bottom: 8px;}

/* Site-Wide Typographic Styles */
body {font: normal normal 12px/22px "Helvetica Neue", Arial, Helvetica, sans-serif; margin: 0px 15px;}
p {margin: 8px 0px;}
img {display: block;}
blockquote {font: normal normal 13px/22px "Helvetica Neue", Arial, Helvetica, sans-serif;}
blockquote.page_desc {width: 630px; padding-right: 30px; color: #5c5c5c; font-size: 12px; line-height: 22px;}
blockquote.page_desc h5 {color: #5c5c5c; font-size: 12px; line-height: 22px; text-transform: none;}
blockquote.auth_desc {color: #5c5c5c; font-size:11px; line-height: 19px;}
	
a, a:visited, a:link {color: #ff7600; text-decoration: none; outline: none; border: none;}
a:hover {color: #ff7600; cursor: pointer; outline: none; border: none; text-decoration: underline;}
input[type=submit]:hover, input[type=button]:hover {cursor: pointer;}

h1 {font: normal bold 30px/30px "Helvetica Neue", Arial, Helvetica, sans-serif;}
h1.detail_heading {}
/* h1 {font: normal bold 63px/63px "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase;} */
	span.page_title {font: normal bold 63px/63px "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase; display: block; max-width: 750px;}

h2 {font: normal bold 14px/20px "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: none;}
	span.page_subheading {font: normal bold 23px/23px "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase; display: block;}
	span#page_subheading { font: normal bold 16px/23px "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase; display: block; margin-bottom: 15px; }
	h2.job_title {font: normal bold 20px/ 20px "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase; margin-top: 40px; margin-bottom: 15px;}
	h2#whatwedo {font: normal bold 30px/30px "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase; display: block; margin-bottom: 15px;}
	
/* h3 {font: normal bold 18px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;} */
h3 {font: normal normal 15px/25px "Helvetica Neue", Arial, Helvetica, sans-serif; color: #979797;}
	h3#whatwedo_text {font: normal normal 13px/22px "Helvetica Neue", Arial, Helvetica, sans-serif; color: #5c5c5c; padding-right: 30px;}
	li.left_nav_item h3 {font: normal normal 15px/20px "Helvetica Neue", Arial, Helvetica, sans-serif; color: #686868;}


	
h4 {font: normal normal 18px/22px "Helvetica Neue", Arial, Helvetica, sans-serif; color: #000;}
	li.client_problem h4 {font: normal normal 16px/16px "Helvetica Neue", Arial, Helvetica, sans-serif;}
/* h4 {font: normal normal 16px/16px "Helvetica Neue", Arial, Helvetica, sans-serif;} */
	h4.subheading {font: normal bold 14px/20px "Helvetica Neue", Arial, Helvetica, sans-serif; margin-top:12px;}
	h4.search_title {font: normal normal 20px/20px "Helvetica Neue", Arial, Helvetica, sans-serif; margin: 0px;}
	h4.search_title span.numbering {font-size: 20px; color: #5c5c5c; display: inline-block; min-width: 25px; font-weight: normal; margin-right: 10px; width: auto;}
	h4.epithet {padding-top: 6px; margin-top: 0px; margin-bottom: 18px; color: #5c5c5c; font-weight: normal;}
	h4.case_title {font: normal normal 20px/24px "Helvetica Neue", Arial, Helvetica, sans-serif; margin-top: 0px;}
	h4.landing_case_title {font-size: 18px; line-height: 22px; font-weight: normal; margin: 12px 15px 0px;}
	h3.contact_info_label {font-size: 18px; line-height: 18px; height: 18px; text-transform: uppercase; font-weight: bold; margin: 0px 0px 12px;}
	h4.blogpost_title {margin-bottom: 8px; margin-top: 10px;}
	.keysteps {font-size: 14px; font-weight: bold; line-height: 15px; text-transform: uppercase; padding-top: 12px; padding-bottom: 4px; display: inline-block;}
	
h5 {font: normal normal 12px/12px "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase;}
	h5.date {color: #5c5c5c;}
	div#blog_entries h5.date {margin: 8px 0px;}
	h5.home_blog-date {font-size: 10px;}
	h5.keyword {text-transform: none; color: #929292; margin: 20px 0px;}
	div#process_keywords h5.keyword {margin: 13px 0px;}
	div#keywords.one_column_keywords h5.keyword {margin: 13px 0px;}
	
h6 {font: normal normal 12px/19px "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 7px 0px; color: #666;}
	h6.categories {font-weight: normal; max-width: 360px;}
hr {margin: 15px 0px; height: 1px; background: #E1E1E1; border: none; outline: none;}

p.callout {color: #5c5c5c; font-size: 12px; line-height: 22px;}
p.job_description {margin-bottom: 32px;}

div.columnize div.column {margin-right: 20px;}
div.columnize.fullspan div.column {margin-right: 20px;}
div.columnize div.column.last {margin-right: 0px;}

span.page_title, span.page_subheading, h1 {margin-bottom: 15px;}
/*span.404-page-title {
	display: block;
	font: bold 63px/63px "Helvetica Neue", Arial, sans-serif;
	margin-bottom: 15px;
	max-width: 750px !important;
	text-transform: uppercase;
}*/
/* h4 {margin: 8px 0px;} */
h4.post_title {margin-top: 0px;}

/* a.back_button {font: normal normal 14px/14px "Helvetica Neue", Arial, Helvetica, sans-serif; padding: 4px 11px 5px 29px; border: 1px solid #fe7f3a; background: url(images/caret_white_left.png) no-repeat top left #fe5e08; color: #fff; display: inline-block;} */
.back_button {margin: 0px 0px 20px 0px;}
.orange.left {font: normal normal 14px/14px "Helvetica Neue", Arial, Helvetica, sans-serif; padding: 4px 29px 5px 11px; border: 1px solid #fe7f3a; background: url(images/caret_white_right.png) no-repeat top right #fe5e08; margin: 0px 0px 0px 0px; color: #fff; display: inline-block;}
.orange.right {font: normal normal 14px/14px "Helvetica Neue", Arial, Helvetica, sans-serif; padding: 4px 11px 5px 29px; border: 1px solid #fe7f3a; background: url(images/caret_white_left.png) no-repeat top left #fe5e08; margin: 0px 0px 0px 0px; color: #fff; display: inline-block;}
.orange:hover {text-decoration: none;}
.orange:hover {background-color: #c44602;}

/* Basic Positioning and Layout */
body {background: #fff;}
body.home {background: url(images/site-bg.png) repeat-x top center #fff;}
div#wrapper {width: 1000px; margin: 0px auto; position: relative;}
div#header {width: 100%; height: 80px;}
div#footer {width: 100%; height: 655px; background: url(images/footer_graphic.png) no-repeat center bottom; margin-bottom: 1px;}
div#colophon {color: #afafaf; font-size: 10px; line-height: 10px; font-style: italic; position: absolute; left: 0; bottom: 0; margin-left: 95px; margin-bottom: 15px;}
div#colophon a {}
span.page_subheading.footer_title {font-size: 18px; line-height: 21px; color: #a5a5a5; font-weight: normal; margin-top: 30px; display: block;}
span.page_subheading.footer_title strong {display: block; font-size: 28px; line-height: 28px;}

span#logo {
	width: 150px;
	height: 1px;
	float: left;
	background: url(images/home-sprite.png) no-repeat top left;
	padding-top: 54px;
	overflow: hidden;
	margin-bottom: 0px; 
	display: block;
}

div#top_menu div.menu-main-site-navigation-container {float: right; margin-top: 0px;}
div#top_menu li.menu-item {float: left;}
div#top_menu li.menu-item.current-menu-item a {font-weight: bold; color: #ff7600;}
div#top_menu li.menu-item a {color: #000; padding: 16px 18px 12px; font-size: 12px; line-height: 12px; display: block;}
div#top_menu li.menu-item a:hover {text-decoration: none;}
div#top_menu li.menu-item.first a {padding-left: 8px;}
div#top_menu li.menu-item.last a {padding-right: 0px;}
div#nav_indicator {height: 5px; width: 100%; background: url(images/indicator_bg.png) repeat-x; position: relative; }
div#indicator_bar {height: 5px; width: 50px; background: #ff7600; position: absolute; top: 0; left: 0;}


div#page_description {min-height: 175px; padding-bottom: 15px; margin-top: 35px;}
body.search-results div#page_description {min-height: 105px;}

div#content.grassR {background: url(images/grass_body_BR.png) no-repeat left bottom;}

/* Search Form */
form#searchform {float: right;}
input#s {font-size: 12px; line-height: 14px; height: 16px; padding: 3px 10px 4px 5px; width: 145px; border: 1px solid #e4e4e4; background: #fff; outline: none; display: block;}
input#searchsubmit {
	background: url(images/home-sprite.png) no-repeat -90px -79px; 
	border: none; 
	outline: none; 
	width: 25px; 
	height: 25px; 
	display: block; 
	margin-left: 5px;
}

/* Home Page */
div#slider {width: 100%; height: 432px; margin-bottom: 40px; overflow: hidden;}
div#home_register_1 {padding-bottom: 1px; border-bottom: 1px solid #c6c6c6; width: 100%; margin-bottom: 25px; background: url(images/pondering_man.png) no-repeat bottom right;}
div#services {width: 660px; padding-bottom: 35px;}
div#testimonial {width: 320px; margin-top: 12px;}
/* a#contact_us {color: #fff; padding: 5px 38px 6px 17px; background: #fe5e08; font-size: 14px; font-weight: normal; line-height: 14px; height: 14px; text-transform: none;} */
a#contact_us {padding: 5px 38px 6px 17px;}

div#your_needs {padding-bottom: 5px; margin-bottom: 35px; border-bottom: 1px solid #c6c6c6;}
div#your_needs div.column {width: 320px;}
li.client_problem {margin-bottom: 20px;}
span.numbering {font-size: 14px; font-weight: bold; display: inline-block; width: 32px;}
body.home div#testimonial h4.quote {text-indent: -5px;}
h4.quote {font-style: italic; font-weight: normal; font-size: 20px; line-height: 25px; /*text-indent: -5px; */}
cite.quote {font-size: 12px; line-height: 12px; display: block; margin-top: 13px; color: #9c9c9c; font-style: normal; text-transform: none; font-weight: normal;}
cite {text-transform: uppercase; font-weight: bold; font-size: 10px; font-style: normal; margin: 0px 0px 0px; display: block; line-height: 10px;}


div#home_column_L {width: 320px;}
div#home_column_R {width: 660px;}

	/* Slider */
div#slider {position: relative;}
div.slides {width: 99999px; height: 100%;}
div#slider div[id|=slide] {position: relative; display: none;}
div#slider div.slide {float: left; width: 1000px; height: 432px;}
div#slider_navigation {width: 56px; height: 25px; position: absolute; bottom: 19px; right: 1px;}
div.slide-text {width: 620px;}
div.slide-text p {font-size: 15px; line-height: 22px; color: #686868;}
div.slide_nav_button {width: 25px; height: 25px; background: #fe5e08; position: relative; overflow: hidden;}
div.slide_nav_button:hover {background: #c44602;}
a#slide-previous {display: block; width: 100px; margin-left: -38px; height: 100%; background: url(images/white_arrow_left_slidenav.png) no-repeat center center;}
a#slide-next {display: block; width: 100px; margin-left: -37px; height: 100%; background: url(images/white_arrow_right_slidenav.png) no-repeat center center;}


div#home_featured_case_studies {padding: 0px 0px 45px;}
div.home_featured_case h5 {width: 150px; height: 205px;}
div.home_featured_case {width: 320px;}
div.home_featured_case.two {width: 325px;}
div.home_featured_case h5, div.home_featured_case div.content {width: 150px;}
a#home-case_studies_seeall {margin-top: 20px;}

h5#one {background: url(images/casestudy_01.png) no-repeat top right;}
h5#two {background: url(images/casestudy_02.png) no-repeat top right; width: 155px;}

div#related_case_holder {position: relative;}
div.related_case_study {width: 330px; position: absolute; top: 0; left: 0; display: none; margin-left: -10px;}
div.related_case_study h5 {width: 150px; height: 205px;}
div.related_case_study h5, div.related_case_study div.content {width: 150px;}

div.related_case_study h5.casenumber {width: 160px; height: 310px; background-color: #fff; z-index: 999;}
h5#casenumber-1 {background: url(images/casestudies/casestudy_01.png) no-repeat top right;}
h5#casenumber-2 {background: url(images/casestudies/casestudy_02.png) no-repeat top right;}
h5#casenumber-3 {background: url(images/casestudies/casestudy_03.png) no-repeat top right;}
h5#casenumber-4 {background: url(images/casestudies/casestudy_04.png) no-repeat top right;}
h5#casenumber-5 {background: url(images/casestudies/casestudy_05.png) no-repeat top right;}
h5#casenumber-6 {background: url(images/casestudies/casestudy_06.png) no-repeat top right;}
h5#casenumber-7 {background: url(images/casestudies/casestudy_07.png) no-repeat top right;}
h5#casenumber-8 {background: url(images/casestudies/casestudy_08.png) no-repeat top right;}

/* Blog Widget on Home Page */
div#blog_title span.page_subheading {font-size: 20px; line-height: 20px; height: 20px; padding: 7px 13px 9px; font-weight: bold; color: #fff; background: #000; margin-right: 20px; margin-bottom: 0px; display: block;}
div#blog_title div#balloon_point {
	height: 22px; 
	background: url(images/home-sprite.png) no-repeat 0px -56px;
}
div#foosball_man {background: url(images/foosballman.png) no-repeat; width: 150px; height: 394px; margin-left: -20px;}
div#blogentries_container {width: 150px; position: relative; height: 450px; overflow: hidden;}
a.blog_slider_nav {width: 20px; height: 70px; cursor:pointer;}
div.thumbnail_mask {width: 148px; height: 68px; overflow: hidden; border: 1px solid #e1e1e1;}
img.blogpost_thumbnail {width: 148px;}
a#blog-left_arrow {background: url(images/home-sprite.png) no-repeat 0px -79px;}
a#blog-right_arrow {background: url(images/home-sprite.png) no-repeat -21px -79px;}
a#blog_seeall {padding-left: 12px; background: url(images/plus_sign_white.png) no-repeat left 1px; float: right; margin-top: 6px; color: #fff;}
a#blog_seeall:hover {color: #fff;}
div.blog_entry {position: absolute; top: 0; left: 0; display: none;}

/* Footer */
div#footer_navigation {border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; margin-bottom: 0px;}
li.footer_link {float: left; font-size: 12px; line-height: 12px; padding: 19px 20px;}
li.footer_link a {color: #797979;}
li.footer_link.first {padding-left: 0px;}
li.footer_link.copyright {float: right; padding-right: 0px;}
li.footer_service {font-size: 12px; line-height: 22px;}
li.footer_service em {font-size: 12px; line-height: 22px; color: #8b8b8b; font-style: normal;}
li.copyright {}
h6#copyright {font-size: 10px; line-height: 12px; height: 12px; color: #aeaeae; float: right; font-weight: bold; margin: 0px;}
h4#tweet-heading {
	font-size: 14px;
	line-height: 14px;
	color: #727272;
	background: url(images/feathers.png) no-repeat top right;
	width: 90px;
	height: 14px;
	padding: 11px 0px 8px;
}
div#tweet p {color: #8b8b8b; font-size: 11px; line-height: 15px; font-style: italic; width: 300px;}
div#tweet cite {text-transform: uppercase; font-weight: bold; font-size: 10px; font-style: normal; margin: 8px 0px 0px; display: block;}
div#tweet h6.date-stamp {font-weight: bold; font-size: 10px; color: #afafaf; line-height: 14px;}


/* Social Media Icons */
div[id|=footer] {height: 545px;}
div[id|=footer].gutter {margin-right: 16px;}
div#footer-socialize {background: url(images/footer_divider-01.png) no-repeat top right; width: 324px;}
div#footer-services {background: url(images/footer_divider-02.png) no-repeat top right; width: 324px;}
div#footer-contact {width: 320px; position: relative;}
div#contact_map {background: url(images/contact_map.png) no-repeat 0px 0px; position: absolute; width: 340px; height: 476px; z-index: -1; top: 73px; left: -20px;}
a.footer-social_media {height: 90px; display: block;}
a.footer-social_media {cursor: pointer;}
a#footer-facebook {background: url(images/socialmediaicons_03.png) no-repeat 0px -15px; width: 42px;}
a#footer-facebook:hover {background-position: 0px -106px;}
a#footer-twitter {background: url(images/socialmediaicons_04.png) no-repeat 0px -15px; width: 71px;}
a#footer-twitter:hover {background-position: 0px -107px;}
a#footer-youtube {background: url(images/youtube_dude.png) no-repeat 0px 0px; width: 114px; height: 120px; margin-top: -10px;}
a#footer-youtube:hover {background-position: 0px -120px;}
a#footer-linkedin {background: url(images/socialmediaicons_05.png) no-repeat 0px -3px; width: 80px; height: 120px; margin-top: -10px;}
a#footer-linkedin:hover {background-position: 0px -100px;}
a#footer-turntable {background: url(images/socialmediaicons_09.png) no-repeat 0px -9px; width: 69px;}
a#footer-turntable:hover {background-position: 0px -100px;}
a#footer-pinterest {background: url(images/socialmediaicons_07.png) no-repeat 0px -15px; width: 52px;}
a#footer-pinterest:hover {background-position: 0px -107px;}

/* Contact Us (Footer) */
a#nav_buoy {
	position: absolute; 
	width: 47px; 
	height: 62px; 
	background: url(images/home-sprite.png) no-repeat -42px -79px; 
	left: 123px; 
	top: 192px;
}

div#contact_arrow {position: absolute; width: 46px; height: 37px; background: url(images/arrow_toLeft-contact.png) no-repeat 0px 0px; left: 173px; top: 217px;}

/* Colophon (Penguins) */
div#penguins {margin-top: -56px; position: relative;}
span#penguin_1 {display: block; position: absolute; height: 56px; width: 31px; left: 827px; top: 0;}
span#penguin_2 {display: block; position: absolute; height: 56px; width: 23px; left: 876px; top: 0;}
div#awesome {background: url(images/makeitawesome.png) no-repeat 0px 0px; width: 73px; height: 56px; display: none;}
div#righton {background: url(images/righton.png) no-repeat 0px 0px; width: 73px; height: 56px; display: none;}

/* Blog Page */
div.sidebar {width: 320px;}
div.blog_post {padding-bottom: 25px; margin-bottom: 23px; border-bottom: 1px solid #e1e1e1;}
div.blog_featured_image {width: 150px; height: 165px; background: #efefef; overflow:hidden;}
div.blog_featured_image img {width: 148px; height: 163px; border: 1px solid #e1e1e1;}
div.blog_preview {width: 490px;}
a.more_arrow {width: 38px; height: 31px; background: url(images/more_arrow.png) no-repeat 0px 0px; display: block; margin-top: 10px;}
.pagination {font-size: 10px; line-height: 10px; height: 10px; font-weight: bold;}
.left_arrow.small {background: url(images/arrowL_small.png) no-repeat left top; padding-left: 14px;}
.right_arrow.small {background: url(images/arrowR_small.png) no-repeat right 1px; padding-right: 14px;}
.older.pagination {background: url(images/arrowL_small.png) no-repeat left top; padding-left: 14px;}
.newer.pagination {background: url(images/arrowR_small.png) no-repeat right top; padding-right: 14px;}
li.left_nav_item {margin: 15px 0px;}
li.left_nav_item.first {margin-top: 8px;}

li.left_nav_item h3 {text-transform: uppercase; display: inline-block; background: url(images/left_nav_arrow_sprite.png) no-repeat 0px 0px; height: 16px; padding-right: 17px;}
li.left_nav_item:hover h3 {background: url(images/left_nav_arrow_sprite.png) no-repeat right -15px;}
li.left_nav_item.active h3 {background: url(images/left_nav_arrow_sprite.png) no-repeat right -31px;}
li.left_nav_item.active a {color: #000;}
div#blog_pagination {margin-top: -3px; text-transform: uppercase; padding-bottom: 20px;}

span.caret {background: url("images/right_arrow.png") no-repeat 0px -4px; display: inline-block; width: 8px; height: 20px; left: 8px; top: 2px; position: relative;}

/* Tag Page */ 
#tag-sidebar {
	width:300px;
	float:left;
}
#tag-sidebar .widgettitle {
	font: normal bold 23px/23px "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: block;
	margin-bottom:30px;
}
#tag-sidebar li {
	list-style-type:none;
	margin: 10px 0;
	text-transform:uppercase;
}
.tag_title {
	font-size:40px;
	margin-bottom:20px;
	text-transform:uppercase;
}

/* Product Page */
.strong {font-weight: bold;}
div.product {border-top: 1px solid #e1e1e1;}
div.product.first {border-top: none;}
div.product_image {width: 340px; height: 383px;}
div.product_content {width: 660px; margin-top: 85px;}
div.product_description {width: 320px;}
div.product_description p {margin-top: 0px;}
div.product_description h5 {}
div.product_highlights {width: 300px; padding-right: 20px;}
li.highlight {font-size: 12px; line-height: 15px; margin: 16px 0px;}
li.highlight span.numbering {display: block; color: #cbcbcb;}
li.highlight p {width: 268px;}
a.product_url {font-size: 18px; line-height: 18px;}

body.page-template-products-php div#keywords {width: 100%; height: 150px;}
h4.keyword_title {font-weight: bold;}
h5.keyword span.numbering {color: #000;}


/* Process */
div#process_area {padding-bottom: 20px; padding-top: 1px;}
div.process_row {}
div#process_row01 {padding-bottom: 60px;}
div#process_row02 {margin-top: 60px;}
div#process_keywords {margin-top: 30px;}
div.step {width: 340px; float: left; position: relative;}
div.step p {margin-top: 0px;}
div.step_description {min-height: 200px;}
div.step_description.one_column {width: 245px;}
div.processarrow {position: absolute; top: -50px; left: 220px; overflow: hidden; width: 78px; height: 43px;}

div.step span.page_subheading {line-height: 30px;}
div#step-1 {padding-top: 192px; margin-top: 0px; width: 320px; margin-left: -20px; padding-left: 20px;}
div#step-2 {padding-top: 192px; margin-top: 0px;}
div.arrow_diagonal {height: 184px; width: 150px; background: url(images/black_arrow_oblique.png) no-repeat 0px 0px;}
div#step-2.gutter {margin-right: 10px;}
div#step-3 {padding-top: 192px; margin-top: 0px;}
	div#step-3 span.page_subheading {padding-right: 0px;}
div#step-4 {padding-top: 192px; margin-top: 0px; width: 320px; margin-left: -20px; padding-left: 20px;}
	div#step-4 span.page_subheading {padding-right: 0px;}
	/*div#step-4 img.right_arrow {margin-top: -60px;}*/
div#step-5 {padding-top: 192px; margin-top: 0px;}
div#step-6 {padding-top: 192px; margin-top: 0px; margin-left: -75px; padding-left: 75px;}

div#step-2 div.content,
div#step-3 div.content,
div#step-5 div.content,
div#step-6 div.content {border-left: 1px solid #eeeeee; padding-left: 19px;}

li.process_bullets {margin: 12px 0px;}

/*img.right_arrow {margin-top: -30px;}*/
/*
div#step-1 img.right_arrow {margin-top: 65px;}
div#step-2 img.right_arrow {margin-top: 33px;}
div#step-4 img.right_arrow {margin-top: 148px;}
div#step-5 img.right_arrow {margin-top: 60px;}
*/

body.page-template-process-php div#footer {}


/* Landing Page */
div#ineedto_description {padding-bottom: 34px;}
blockquote.callout {font-size: 15px; line-height: 18px; color: #686868;}
div#ineedto_description div.item_description {width: 490px;}
div.item_description p {margin: 14px 0px;}
div#keywords.landing {width: 320px; padding-left: 170px; margin-top: 120px;}


div.left_nav {width: 320px;}
div#services_nav {z-index: 999;}
	div#testimonial_widget {background: url(images/pondering_man.png) no-repeat bottom right; margin-bottom: 1px;}
	div#testimonial_widget div#testimonial {padding-top: 55px; width: 365px; padding-left: 75px; padding-right: 50px; padding-bottom: 67px; background: url(images/quotemark_L.png) no-repeat top left;}
	div#testimonial_widget h4.quote {vertical-align: top;}
	div#testimonial_widget h4.quote span {display: inline-block; height: 32px; width: 43px; background: url(images/quotemark_R.png) no-repeat 0px 0px; vertical-align: text-top;}
div#service_holder {min-height: 449px;}
div#service_details {width: 830px; margin-left: -170px; /*padding-bottom: 25px;*/ position: relative; min-height: 474px;}
	div#service_details span.page_subheading {margin-top: 8px;}
div.service_image {width: 320px; min-height: 300px;}
div.service_description {width: 490px; padding-left: 340px;}
dl.subpoints {padding-bottom: 20px;}
div.summary {padding-bottom: 15px; border-bottom: 1px solid #e1e1e1;}
div#keywords.services {}
div#keywords.services li {display: inline-block; font-size: 12px; line-height: 16px; color: #929292;}
div#keywords.services span.numbering {display: inline; width: auto; font-size: 12px; color: #000;}
dt {font-size: 14px; font-weight: bold; line-height: 14px; margin: 14px 0px;}

div#search_results {background: url(images/search_graphic.png) no-repeat 0px 0px; padding-bottom: 0px; min-height: 470px; margin-left: -5px; padding-left: 5px;}
	div#search_results div#search_pagination {margin-top: 20px; padding-bottom: 20px; text-transform: uppercase; margin-left: 340px; width: 490px;}
div#search_entries {width: 490px; padding-left: 340px;}
div.search_entry {padding: 18px 0px; border-bottom: 1px solid #e1e1e1;}
div.search_entry p {margin-bottom: 0px;}
div.search_entry.first {padding-top: 0px;}

div.list_enable ul li {list-style: outside disc;}
div.list_enable ul {margin: 8px 0px 8px 45px;}

div#casestudy_content {width: 660px; padding-bottom: 50px;}
img.casestudy_featured_img {width: 660px; height: 264px; background: #f0f0f0; margin-bottom: 25px;}
div.sidebarR {width: 320px;}
div.sidebarR blockquote.page_desc {width: 100%;}
div#sharethis {padding-bottom: 15px; border-bottom: 1px solid #e1e1e1; margin-bottom: 15px;}
h1.case_study_title {text-transform: none; font-size: 30px; line-height: 30px; margin-bottom: 20px;}
div#other_tags {margin-bottom: 20px; font-weight: bold;}
h2.other_tag {color: #686868; /*font-size: 15px; line-height: 15px;*/ display: inline; text-transform: none;}
span.blog_tag {text-transform: uppercase; display: inline;}

/* Careers */
div#openings {width: 490px;}
div.job_entry {margin-left: -44px; padding-left: 44px;}
div.job_entry div.divider {border-top: 1px solid #e1e1e1;}
div.job_entry.first div.divider {border-top: none;}
div.job_content {background: url(images/grey_arrow_R.png) no-repeat top left; padding-bottom: 40px; margin-left: 100px; padding-left: 70px; width: 320px;}
div.job_content a.email_us {margin-top: 15px;}

div#internships {background: url(images/careers/internships_header_bg.jpg) no-repeat 0px 0px; width: 490px; margin-top: 28px;}
div#intern_blurb {background: url(images/black_arrow_one-col.png) no-repeat 0px 0px; margin-top: 78px; padding-left: 170px; padding-top: 20px;}
div#keywords.careers.grass {background: url(images/grass_body_twocol.png) no-repeat left bottom; width: 320px; margin-left: 170px; padding-bottom: 40px; margin-top: 25px; border-bottom: 1px solid #e1e1e1;}

div#post_content {width: 660px;}
div#blog_share {width: 320px;}
div.text {margin-top: 10px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e1e1e1;}
div#post_tags {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e1e1e1;}
div#sharethis.noborder {border: none;}
div#sharethis.blogdetail {padding-bottom: 395px; background: url(images/foosballman_blog.png) no-repeat bottom left;}

/* Contact */
div#contact_form {width: 660px;}
div#contact_info {width: 320px; margin-left: -170px; padding-left: 170px; background: url(images/black_arrow_large.png) no-repeat top left;}
div#contact_form p {margin: 0px 0px 45px;}
div#contact_form label {font-size: 23px; line-height: 23px; height: 23px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 9px;}
label#comment_label.penguins {margin-bottom: 1px; padding-bottom: 8px; padding-top: 45px; margin-top: -45px; background: url(images/penguin_header_bg.png) no-repeat 0px 0px;}

div#company_address address {margin-bottom: 25px;}
input[type=text] {width: 304px; height: 29px; border: 1px solid #cecece; outline: none; font-size: 23px; line-height: 23px; padding: 2px 7px; font-weight: bold; color: #c1c1c1;}
select {width: 320px; height: 33px; padding: 6px 7px; font-size: 12px; line-height: 16px; outline: none; border: 1px solid #cecece; color: #5c5c5c;}
select option {outline: none; border: none; font-size: 23px; line-height: 23px; height: 23px; font-weight: bold; text-transform: none; color: #000; display: block; padding: 5px 25px 5px 7px;}
textarea#comment {width: 644px; border: 1px solid #cecece; padding: 5px 7px; font-size: 12px; line-height: 16px; outline: none; height: 244px;}
input[type=submit].orange {border: none; outline: none; margin-top: -16px;}
address {font-size: 14px; line-height: 17px; font-weight: normal; font-style: normal;}
span.phone {font-size: 14px; line-height: 17px; font-weight: normal; font-style: normal;}

a.more {text-transform: uppercase; font-weight: bold; font-size: 10px; line-height: 10px; font-style: normal; margin: 0px; display: inline-block;}

div.related-blog_entry {height: 70px; padding-bottom: 30px;}
div.entry_thumbnail {width: 150px; height: 75px; overflow: hidden; background: #f0f0f0;}
	div.entry_thumbnail img {width: 148px; height: 73px; border: 1px solid #e1e1e1;}
div.related-blog_entry  div.blog_preview {width: 320px;}
div.related-blog_entry h4 {font-weight: normal; line-height: 18px; margin: 0px;}
div.related-blog_entry p {line-height: 16px; margin-bottom: 6px; margin-top: 6px;}

div#related-case_studies {margin-top: 18px; position: relative;}
div#related-case_studies h4.case_title {padding-right: 20px;}
div#related_content {padding-top: 33px; padding-bottom: 26px; border-top: 1px solid #c6c6c6; margin-bottom: 1px; background: url(images/grass_body_fullspan.png) no-repeat center bottom;}
/*div#related-case_studies div.previous {position: absolute; height: 90px; width: 20px; top: 24px; left: 150px; z-index: 999;}*/
div#related-case_navigation {width: 78px; position: absolute; left: 72px; top: 187px; z-index: 9999;}
a#related-case_studies_prev {background: url(images/left_arrow_related.png) no-repeat center center; display: block; width: 10px; height: 17px;}
a#related-case_studies_next {background: url(images/right_arrow_related.png) no-repeat center center; display: block; width: 10px; height: 17px;}
span#related-case_counter {display: block; width: 58px; text-align: center; height: 17px; line-height: 17px; color: #666;}
div#related-case_studies div.next {position: absolute; height: 90px; width: 20px; top: 24px; left: 300px; z-index: 1000;}
.div.wpcf7-mail-sent-ok {border: none !important;}

/* Gravity Forms */
#contact_us .gform_wrapper .validation_error {
	color:red !important;
	font-weight:normal !important;
	font-size: 14px;
}
#contact_us .gform_wrapper input:focus {
	border:1px solid #FF7600;
	outline:1px solid #FF7600;
}
#contact_us .gfield {
	margin-top:20px; 
	padding-top:38px;
}
#contact_us .gfield:first-child {
	padding-top:0px;
}
#contact_us .gform_wrapper .gfield_required {
	color:#000 !important;
}
#contact_us .gform_wrapper select {
	font-size:18px !important;
}
#contact_us textarea {
	width:600px;
	font: normal normal 15px/25px "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #979797;
}
#contact_us textarea:focus {
	border:1px solid #FF7600;
	outline:1px solid #FF7600;
}
#contact_us .penguin {
	background: url(images/penguin_header_bg.png) no-repeat 0 0;
	background-position-x:-57px;
	background-position-y:-7px;
}
#contact_us .gform_wrapper .gfield_error .gfield_label {
	color:#000 !important;
}
#contact_us .gfield_error input{
	border:1px solid red !important;
	outline:1px solid red !important;
}
#contact_us .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background:none;
	border:none;
	padding:0 !important;
}
#contact_us .gform_wrapper li.gfield.gfield_error .gfield_description {
	color:red;
}
#contact_us .gform_button {
	font: normal normal 14px/14px "Helvetica Neue", Arial, Helvetica, sans-serif;
	padding: 4px 29px 5px 11px;
	border: 1px solid #FE7F3A;
	background: url(images/caret_white_right.png) no-repeat top right #FE5E08;
	margin: 0px 0px 0px 0px;
	color: white;
	display: inline-block;
	margin-bottom: 50px;
	margin-top: 16px;
}
#contact_us .gform_button:hover {
	background-color: #c44602;
}

/* About Us */
div#leadership {width: 100%;}
div.leader {width: 660px; padding-left: 340px; padding-top: 95px;}
div.leader.first {padding-top: 35px;}
div#leader-0 {margin-top: -50px; margin-left: -30px; padding-left: 370px; padding-top: 85px; padding-bottom: 190px;}
div#leader-1 {margin-top: -220px; margin-left: -30px; padding-left: 370px; padding-top: 90px; min-height: 565px;}
div.leader_description {width: 490px; padding-left: 70px; /*padding-bottom: 55px;*/ background: url(images/arrow_leaders.png) no-repeat top left; /*border-bottom: 1px solid #e1e1e1;*/ margin-left: 100px;}
h4.leader {text-transform: uppercase; margin-bottom: 15px; font-size: 20px; line-height: 20px; height: 20px; font-weight: bold;}
h4.position {padding-top: 9px; font-size: 18px; line-height: 18px; margin-bottom: 8px;}
h4.position span.secondary_position {color: #5c5c5c;}

div#keywords.aboutus {width: 490px; margin-left: 510px; padding-top: 18px; }
div#core_values {padding-top: 30px; border-top: 1px solid #c6c6c6; margin-top: 45px; padding-bottom: 60px;}
div.core_value {width: 490px; margin-bottom: 30px;}
div.apple_core {width: 150px; min-height: 250px;}
div.core_value div.description {width: 320px;}
h4.the_value {font-weight: normal; font-size: 18px; line-height: 18px;}

/* Thank You Page */
span.thank_you_subheading {font: normal bold 23px/23px "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase; display: block; margin-top:70px;}
div#content.mailboxGrass {background: url(images/mailbox.png) no-repeat left bottom; width:1000px; height:400px; }
p.thank_you_message {font:14px Arial, sans-serif; color:#555e6c; width:415px;}

/* Addendum */
div.blog_preview a.more {}

/* Keywords */
div#keywords ul {margin: 0px;}
.spacing {margin: 10px 0px;}

/* The 404 Page */
/*div#the404island {height: 448px; background: url(images/integ_404.png) no-repeat 0px 0px;}*/
div#the404island {height: 448px; background: url(images/honey-badger.jpg) no-repeat 0px 0px;}
div#pagenotfound {padding-top: 72px; margin-left: 510px; width: 490px;}

div.wpcf7-mail-sent-ok {border: none; font-size: 24px;}

/* Services Detail Page */
table#related-cases-list {}
table#related-cases-list td {vertical-align: middle; height: 39px;}
table#related-cases-list td.case-numbering {font-size: 28px; color: #777; font-weight: normal; width: 45px;}
table#related-cases-list td.case-title {font-size: 18px; font-weight: normal; weight: 445px;}

input#referral-other {display: inline-block; width: 200px; height: 27px;}
.inline-block {display: inline-block;}
span#othersection {display: none;}
span.wpcf7-form-control-wrap.referral-other {float: left;}

/* Download Our App! addon to footer */
div#download-app {padding-top: 40px;}
div#download-app h2.download-app {width: 100%; height: 27px; border-top: 1px solid #eee; background: url(images/iphone-app-link-sprite.png) no-repeat top right; line-height: 36px;}
div#download-app span.app-desc {margin-top: 7px; display: block; width: 255px; height: 43px; padding: 4px 0 4px 2px; backgorund: white; border: 1px solid #fff;}
div#download-app span.app-desc:hover {background: #eee; border: 1px solid #e1e1e1;}
div#download-app a.appdesc:hover {text-decoration: none;}
span.app-desc img {float: left; width: 41px; height: 41px;}
span.app-desc p {float: left; padding-top: 5px; font-size: 13px; line-height: 16px; color: #a4a4a4; margin: 0px 0px 0px 14px;}
span.app-desc em {float: left; padding-top: 5px; font-size: 13px; line-height: 16px; color: #a4a4a4; margin: 0px 0px 0px 14px;}

	/* Case Studies Page */
div#featured_case_studies {padding-bottom: 12px; border-bottom: 1px solid #c6c6c6; margin-bottom: 25px;}
div.case_study.featured {margin-bottom: 46px; margin-top: 15px; height: 264px;}
div.category {float: left; margin-bottom: 14px;}
div.category_title h4 {float: left; line-height: 18px;}
div.category_title span.numbering {float: left; display: block; width: 33px; color: #b4b4b4; font-size: 18px; line-height: 18px;}
ul.case_studies_list {margin-left: 33px;}
ul.case_studies_list li {font-size: 14px; line-height: 17px; margin: 21px 0px;}
div#case_studies_by_service {padding-bottom: 26px;}
div#case_studies_by_service_columns {margin-top: 32px;}

div.case_study_number {width: 155px; height: 65px;}
div.case_study_number.one {background: url(images/casestudy_detail_01.png) no-repeat 0px 0px;}
div.case_study_number.two {background: url(images/casestudy_detail_02.png) no-repeat 0px 0px;}
div.case_study_number.three {background: url(images/casestudy_detail_03.png) no-repeat 0px 0px;}
div.case_study_number.gutter {margin-right: 15px;}
div.case_study_description {width: 150px;}
div.case_study_image {width: 660px; height: 264px; background: #efefef; position: relative;}
div.case_study_image img.number_label {position: absolute; right: 0; bottom: 0; width: 49px; height: 40px;}

div.three-col {width: 320px;}
div.one-col {width: 150px;}
.botMargin30 {margin-bottom: 30px;}

div#factoid {margin-right: -15px; margin-top: 85px; width: 350px; height: 132px; float: right; background: url(images/factoid_bg.png) no-repeat 0px 0px;}
h4#factoid_label {background: url(images/factoid_label.png) no-repeat 0px 0px; width: 102px; height: 71px; margin: 0px 0px 0px 30px;}
table.factoid {margin-top: 28px; height: 70px;}
.valign-center {vertical-align: middle;}
.valign-top {vertical-align: top;}
p#factoid_content {width: 175px; color: #5c5c5c; margin-left: 10px; font-size: 12px; line-height: 15px; margin-top: 0px; margin-bottom: 0px;}
p#factoid_content strong {color: #000;}



/* New case studies page - Pinterest-style */
#featured_case_studies_new .case_study {
  width: 100%;
  border: 1px solid #c6c6c6;
  margin-bottom: 17px;
  -webkit-box-shadow: 1px 1px 7px rgba(50, 50, 50, .4);
  -moz-box-shadow: 1px 1px 7px rgba(50, 50, 50, .4);
  box-shadow: 1px 1px 7px rgba(50, 50, 50, .4);
}

#featured_case_studies_new .case_study_image_link {
  display: block;
}

#featured_case_studies_new .column {
  width: 322px;
  float: left;
  margin-right: 17px;
}

#featured_case_studies_new .column:last-child {
  margin-right: 0;
}

#featured_case_studies_new h4 a {
  font-weight: normal;
}

#featured_case_studies_new h4 {
  float: none;
  margin-top: 4px;
}

#featured_case_studies_new p {
  margin: 15px;
}

#featured_case_studies_new .case_study_image {
  width: auto;
  height: auto;
  background: transparent;
  position: static;
  margin: 15px;
}

#featured_case_studies_new p.category_list {
  background: url(images/case-study-tag.png) 0px 5px no-repeat;
  color: #929292;
  padding-left: 30px;
  line-height: 17px;
  min-height: 26px;
}

#featured_case_studies_new .column:last-child {
  margin-right: 0;
}

#featured_case_studies_new h4 a {
  font-weight: normal;
}

#featured_case_studies_new h4 {
  float: none;
  margin-top: 4px;
  line-height: 24px;
}

#featured_case_studies_new p {
  margin: 15px;
  margin-top: 5px;
  line-height: 20px;
}

#featured_case_studies_new .case_study_image {
  width: auto;
  height: auto;
  background: transparent;
  position: static;
  margin: 15px 15px 10px 15px;
}

#featured_case_studies_new p.category_list {
  background: url(images/case-study-tag.png) 0px 5px no-repeat;
  color: #929292;
  padding-left: 30px;
  line-height: 17px;
  min-height: 26px;
}

/*#blogcat_sidebarL, .categories, .page_subheading , #post_tags {display: none;}*/