/*	Theme Name: 		WebSalad
	Description: 		2009 update version of the Websalad online identity.
	Version: 			2.0
	Author: 			Chris Sealey
	Author URI: 		http://www.nuvographics.com
	Tags: 				clean, web 2.0, 960 GS, grid, design

	© 2009 WebSalad */

@import url('css/reset.css');
@import url('css/typography.css');
@import url('css/effects.css');
@import url('css/menu.css');

/*-----------------------------------------------------------------------------------------------
CORE STRUCTURE
-----------------------------------------------------------------------------------------------*/

body { background: url(images/bg.png) center top repeat-x; }
body.home { background: url(images/bg_home.png) center top repeat-x; }
body.showcase { background: url(images/bg_home.png) center top repeat-x; }
#header {
	position: relative;
	width: 100%;
	}
#content {
	position: relative;
	min-height: 600px;
	width: 960px;
	margin: 0 auto 20px auto;
	z-index: 1;
	}
#footer {
	background: #16251d;
	height: 150px;
	width: 100%;
	padding: 20px 0;
	}
.homebanner {
	float: left;
	margin: 0px 10px 0 10px;
	}
.smallbanner {
	margin: 20px 0 0px 0;
	display: block;
	border: none!important;
	}
	
	
.clear{ clear: both;}

/*-----------------------------------------------------------------------------------------------
NAVIGATION
-----------------------------------------------------------------------------------------------*/

#navigation {
	height: 41px;
	width: 960px;
	margin: 0 auto;
	z-index: 100;
	}
#navigation li {
	position: relative;
	float: left;
	text-transform: uppercase;
	margin: 8px 0 0 10px;
	}
#navigation .dropdown {
	visibility: hidden;
	position: absolute;	top: 23px;
	background: #243d31;
	width: 220px;
	padding: 8px 0 0 0;
	z-index: 10;
	}
#navigation li:hover .dropdown { visibility: visible; }
#navigation .dropdown li {
	text-transform: none;
	margin: 0;
	float: left;
	}
#navigation .dropdown li a {
	border-top: 1px solid #66786f;
	line-height: 32px;
	width: 204px;
	padding: 0 8px;
	display: block;
	cursor: pointer;
	}
#menu .dropdown li ul {
	visibility: hidden;
	background: #243d31;
	position: absolute!important;
	left: 220px!important;
	top: 0px!important;
	z-index: 21;
	}
#menu .dropdown li ul li {
	z-index: 22;
	}
#menu .dropdown li ul li a {
	z-index: 23;
	}
#menu .dropdown li:hover ul {
	visibility: visible;
	}
#navigation .services_nav {
	background: none!important;
	cursor: default!important;
	}
div#menu .phone {
	background: url(images/bg_phone.jpg) repeat!important;
	}
#navigation li a {
	display: block;
	color: white;
	line-height: 11px;
	text-shadow: #192b22 1px 1px 0;
	padding: 6px 8px;
	}
#navigation li a:hover {
	background: #58853d;
	text-shadow: #3d5d2b 1px 1px 0;
	}
#navigation li a:active {
	background: #14310e;
	text-shadow: #0e220a 1px 1px 0;
	}
#navigation li a.current {
	background: #8ccd48;
	text-shadow: #628f32 1px 1px 0;
	}
	
/*-----------------------------------------------------------------------------------------------
TAKEAWAY
-----------------------------------------------------------------------------------------------*/
	
#sell {
	position: relative;
	height: 387px;
	width: 960px;
	margin: 0 auto;
	z-index:15;
	}
body.home #sell {
	z-index:1;
	}
#takeaway {
	position: relative;
	height: 117px;
	width: 960px;
	margin: 0 auto;
	}
#logo {
	position: absolute;
	left:0;
	top: 10px;
	background: url(images/logo.png);
	text-indent: -9999px;
	width: 166px;
	height: 98px;
	}
#equation {
	position: absolute;
	top: 110px;
	left:0;
	background: url(images/equation.png);
	text-indent: -9999px;
	width: 249px;
	height: 228px;
	}
#sell h2 {
	display: none;
	position: absolute;
	top: 240px;
	left: 10px;
	width: 220px;
	}
#flash {
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 5;
	}
#leaves {
	position: absolute;
	top: 41px;
	right: 0;
	background: url(images/bg_takeaway.png) no-repeat 60px -30px;
	height: 117px;
	width: 630px;
	z-index: 10;
	}
#leaves.home { height: 282px; }
#leaves.showcase { height: 282px; }
	
/*-----------------------------------------------------------------------------------------------
QUESTION & INFO BARS
-----------------------------------------------------------------------------------------------*/
	
#questions {
	height: 89px;
	width: 960px;
	margin: 0 auto;
	}
#questions h5 {
	color: white;
	font-size: 32px;
	line-height: 88px;
	text-align: center;
	text-shadow: #628f32 1px 1px 0;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, Serif;
	width: 940px;
	margin: 0 10px;
	float: left;
	}
#infobar {
	position: relative;
	height: 89px;
	width: 960px;
	margin: 0 auto;
	}
#infobar h1 {
	color: white;
	text-shadow: #628f32 1px 1px 0;
	line-height: 32px;
	width: 620px;
	margin: 12px 10px 10px 10px;
	float: left;
	}
#infobar #breadcrumbs {
	color: white;
	width: 620px;
	margin: 0 10px;
	float: left;
	}
#infobar #breadcrumbs a { color: white; }
#infobar #breadcrumbs a:hover { color: #DDD; }
	
/*-----------------------------------------------------------------------------------------------
CONTENT
-----------------------------------------------------------------------------------------------*/

.column {
	margin: 20px 0;
	padding: 0;
	float: left;
	z-index: 2;
	}
.column img {
	z-index: 1;
	}
.column.padded { padding: 10px; }
.column.small { width: 300px; }
.column.medium { width: 480px; }
.column.wide { width: 620px; }
.column.full { width: 960px; }
.post {
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	}
.post.latest {
	background: #efefef;
	border-top: 1px solid #d7d7d7;
	padding: 20px;
	min-height: 260px;
	}
.post .clip  {
	position: relative;
	height: 48px;
	width: 48px;
	}
.post .clip img {
	position: absolute;
	width: 48px;
	clip: rect(0px 48px 48px 0px);
	}
.post.latest .clip, .casestudy .clip {
	height: 160px;
	width: 220px;
	margin: 0 0 0 20px;
	}
.post.latest .clip img, .casestudy .clip img {
	width: 220px;
	clip: rect(0px 220px 160px 0px);
	}
.furtherreading { margin: 35px 0 0 0; }
.furtherreading .post {
	border-top: 1px solid #e5e5e5;
	border-bottom: none;
	padding: 15px 0 0 0;
	}
	
/*-----------------------------------------------------------------------------------------------
CONTENT ELEMENTS
-----------------------------------------------------------------------------------------------*/

.column p { margin: 0 0 10px 0; }
.column ul { margin: 20px 0 20px 30px; }
.column ol ul { margin: 20px 0 0 20px; }
.column ul li, .column ol ul li {
	background: url(images/sprite.png) no-repeat -279px -554px;
	padding: 2px 0 2px 25px;
	}
.column blockquote {
	border-left: 5px solid #ba4b47;
	margin: 20px 0 20px 30px;
	padding: 0 0 0 20px;
	}
.column ol { margin: 20px 0 20px 45px; }
.column ol li { padding: 2px 0 2px 10px; }
.column img {
	margin: 0 0 10px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
.column.singlecasestudy img {
	border: none!important;
	padding: 0!important;
	}
.column img.alignleft { margin: 0 20px 10px 0; }
.column img.alignright { margin: 0 0 10px 20px; }
.column .wp-caption {
	border: 1px solid #e5e5e5;
	padding: 9px;
	width: auto!important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
.column .wp-caption.left {
	margin: 0 20px 10px 0;
	}
.column .wp-caption.right {
	margin: 0 0 10px 20px;
	}
.column .wp-caption img {
	border: none;
	margin: 0;
	padding: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	}
.column .wp-caption p {
	color: #666;
	text-align: center;
	font-style: italic;
	margin: 8px 0 0 0;
	}

.terms .wide ul {
	margin: 0;
	float: left;
	}
.terms .wide ul li {
	padding: 0;
	background: none;
	margin: 0 0 10px 0;
	float: left;
	}
.terms .wide ul li a {
	background: #efefef url(images/pdf.png) 10px 10px no-repeat;
	width: 540px;
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	padding: 10px 10px 10px 70px;
	margin: 0 0 10px 0;
	float: left;
	-moz-border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
	}
.terms .wide ul li a:hover {
	cursor: pointer;
	background-color: #e5e5e5;
	}
	
a.seoguarantee {
	float: right;
	width: 164px;
	height: 164px;
	background: url(images/seo-guarantee.jpg) 0px 0px no-repeat;
	border: none !important;
	text-decoration: none;
	text-indent: -9999px;
	margin: 0 0 10px 20px;
	}
	a.seoguarantee:hover { background-position: left bottom; }
	
a.ppcguarantee {
	float: right;
	width: 164px;
	height: 164px;
	background: url(images/ppc-guarantee.jpg) 0px 0px no-repeat;
	border: none !important;
	text-decoration: none;
	text-indent: -9999px;
	margin: 0 0 10px 20px;
	}
	a.ppcguarantee:hover { background-position: left bottom; }
	
a.lpoguarantee {
	float: right;
	width: 164px;
	height: 164px;
	background: url(images/lpo-guarantee.jpg) 0px 0px no-repeat;
	border: none !important;
	text-decoration: none;
	text-indent: -9999px;
	margin: 0 0 10px 20px;
	}
	a.lpoguarantee:hover { background-position: left bottom; }
	
/*-----------------------------------------------------------------------------------------------
MODULES & EXTRAS
-----------------------------------------------------------------------------------------------*/

/*** Twitter Feed ***/

.twitter_feed{
	background: #f2f2f2 url(images/bg_twitter.png) no-repeat 16px 22px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border: 1px solid #d7d7d7;
	border-top: none;
	clear:both;
	margin:0 auto;
	padding:10px 0 7px 60px;
	width:878px;
	}
	.twitter_feed p{ float: left;}
	.twitter_feed div{ text-align: right; margin:5px 10px 0 0;}
		.twitter_feed div a{ margin-left: 5px;}

.description_module {
	width: 460px;
	margin: 30px 10px 15px 10px;
	float: left;
	}
.signup_module {
	background: #f2f2f2 url(images/fresh_module.jpg) no-repeat;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #d7d7d7;
	width: 418px;
	margin: 30px 10px;
	padding: 120px 20px 20px;
	float: left;
	}
.signup_module h2{ font-size: 22px;}
.signup_module h5 {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #353535;
	margin: 0 0 10px 0;
	}
	.signup_module p{ float: left; margin:12px 0 0 20px;}
		.signup_module p a{ font-size: 130%; margin-left: 10px;}
/*	.signup_module #accordion h5 {
		color: #393;
		cursor: pointer;
		}
		.signup_module #accordion h5:hover { color: #659f13; }*/
.post h5 {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #353535;
	margin: 8px 0;
	}
#reply h5 {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #353535;
	margin: 8px 0;
	}
form.signup  { 
	width: 420px;
	float: left;
	}
form.signup label { 
	color: #666;
	line-height: 25px;
	text-transform: uppercase;
	font-weight: bold;
	width: 175px;
	margin: 0 0 5px 0;
	float: left;
	}
form.signup input {
	color: #353535;
	border: 1px solid #d7d7d7;
	padding: 5px;
	width: 143px;
	margin: 0 20px 0px 0;
	float: left;
	}
form.signup input.submit  {
	background: url(images/sprite.png) 0 -375px;
	border: none;
	text-indent: -9999px;
	width: 255px;
	height: 35px;
	cursor: pointer;
	float: left;
	margin: 10px 0 5px 0;
	}
form.signup input.submit:hover { background-position: 0 -410px; }
form.signup input.submit:active { background-position: 0 -445px; }


form.signup.registration input.submit {
	background: url(images/sprite.png) 0 -574px;
	width: 155px;
	height: 26px;
	}
	

.blogfeed_module {
	width: 460px;
	margin: 10px;
	float: left;
	}
.readmore {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, Serif;
	line-height: 20px;
	}
.comments {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, Serif;
	line-height: 20px;
	margin: 0 0 0 20px;
	}
.column .partners_module { float: left; margin: 40px 0 10px; }
.column .partners_module h1 { margin: 0 10px 12px 10px; }
.column .partners_module img {
	border: none!important;
	padding: 0!important;
	margin: 0!important;
	-moz-border-radius: 0!important;
	-webkit-border-radius: 0!important;
	}
.testimonial_module {
	margin: 10px 0 0 0;
	float: left;
	}
.fresh_quotes {
	margin: 10px 0 0 0;
	float: left;
	}
/*----------------------------------------------------------------------------
FRESH JOBS
------------------------------------------------------------------------------

.freshjobs {
	margin: 10px 0 0 0;
	float: left;
	}
-----------------------------------------------------------------------------*/
.testimonial_module h3, .casestudy_module h3, .fresh_quotes h3, .freshjobs h3 { margin: 0 0 12px 10px; }
.testimonial_written {
	background: url(images/bg_testimonial.jpg) no-repeat;
	width: 220px;
	height: 283px;
	margin: 3px 10px 20px 10px;
	float: left;
	}	
.testimonial_written .quote {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, Serif;
	color: white;
	text-shadow: 1px 1px 1px #8f9e99;
	width: 180px;
	height: 230px;
	padding: 15px 20px;
	margin: 0 0 15px 0;
	float: left;
	}	
.testimonial_written .author p {
	font-family: Helvetica, Verdana, Arial, Sans-Serif; 	
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	height: 20px;
	width: 220px;
	float: left;
	}
.industryquote {
	width: 460px;
	margin: 3px 10px 20px 10px;
	float: left;
	background: url(images/bg_quotes.jpg) no-repeat 0px 0px #efefef;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	}	
.industryquote .quote {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, Serif;
	font-size: 14px;
	line-height: 20px;
	font-style: italic;
	width: 370px;
	padding: 20px 20px 0px 70px;
	margin: 0 0 15px 0;
	float: left;
	}	
.industryquote .author {
	font-family: Helvetica, Verdana, Arial, Sans-Serif; 	
	font-size: 12px;
	line-height: 18px;
	height: 18px;
	width: 378px;
	padding: 0px 20px 20px 62px;
	float: left;
	}
.industryquote .talk {
	font-family: Helvetica, Verdana, Arial, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
	width: 420px;
	padding: 0 20px 20px 20px;
	float: left;
	}
.industryquote .talk a {
	font-weight: bold;
	}
.casestudy_module {
	margin: 10px 0;
	float: left;
	}

/*------------------------------------------------------------------------------------------------------
JOBS BANNER - HOME PAGE
---------------------------------------------------------------------------------------------------------

.jobsbanner {
	background: #1e3d32;
	width: 460px;
	margin: 3px 10px 20px 10px;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}	
.jobsbanner:hover {
	background: #1f553d;
	}	
.jobsbanner h1 {
	color: white;
	margin: 10px 0 0 20px;
	}	
.jobsbanner p {
	color: white;
	margin: 0 0 12px 20px;
	}	
----------------------------------------------------------------------------------------------------------*/
	
	
.testimonial_video {
	width: 220px;
	margin: 0 10px;
	float: left;
	}	
.testimonial_video .play { float: left;}	
.testimonial_video .play img {
	border: none;
	padding: 0;
	margin: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	}	
.testimonial_video .title {
	background: #222;
	width: 200px;
	height: 31px;
	padding: 6px 10px;
	float: left;
	}	
.testimonial_video .title h3 {
	color: white;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	}	
.testimonial_video .title p {
	font-family: Helvetica, Verdana, Arial, Sans-Serif; 	
	color: white;
	font-size: 11px;
	line-height: 12px;
	margin: 0;
	}	
.testimonial_video .excerpt { padding: 10px; float: left; }	
.testimonial_video .excerpt p {
	color: #666;
	font-style: italic;
	margin: 0;
	}	
hr {
	background: #e5e5e5;
	height: 1px;
	width: 940px;
	margin: 0 10px;
	float: left;
	}
#freshtopics {
	border-top: 1px solid #d7ddc9;
	width: 300px;
	margin: 0 0 30px 0;
	}
#freshtopics li {
	background: #eff6e0;
	border-bottom: 1px solid #d7ddc9;
	color: #659f13;
	font-size: 10px;
	line-height: 32px;
	text-align: right;
	text-transform: uppercase;
	padding: 0 10px;
	}
#freshtopics li a {
	color: #353535;
	font-size: 12px;
	text-transform: none;
	text-align: left;
	width: 200px;
	float: left;
	}
#freshtopics li a:hover { color: #339933; }
#freshtopics li a:active { color: #006600; }
#ourfriends {
	border-top: 1px solid #d7d7d7;
	width: 300px;
	float: left;
	margin: 0 0 30px 0;
	}
#ourfriends li {
	background: #efefef;
	border-bottom: 1px solid #d7d7d7;
	color: #659f13;
	font-size: 10px;
	line-height: 32px;
	text-align: right;
	text-transform: uppercase;
	padding: 0 10px;
	float: left;
	}
#ourfriends li a {
	line-height: 32px;
	color: #353535;
	font-size: 12px;
	text-transform: none;
	text-align: left;
	width: 280px;
	float: left;
	}
#ourfriends li a:hover { color: #339933; }
#ourfriends li a:active { color: #006600; }
ul.subnav {
	border-top: 1px solid #d7d7d7;
	width: 300px;
	margin: 0 0 30px 0;
	}
ul.subnav li {
	display: block;
	padding: 0;
	}
ul.subnav li a {
	display: block;
	background: #efefef url(images/icon_arrow.png) no-repeat 275px 8px;
	border-bottom: 1px solid #d7d7d7;
	color: #659f13;
	font-size: 10px;
	line-height: 24px;
	text-align: left;
	text-transform: uppercase;
	padding: 4px 10px;
	}
ul.subnav li .arrow {
	background: url(images/sprite.png) -10px -530px ;
	height: 16px;
	width: 16px;
	margin: 8px 0;
	float: right;
	}
ul.subnav li a {
	color: #353535;
	font-size: 12px;
	text-transform: none;
	}
ul.subnav li a:hover { color: #339933; }
ul.subnav li a:active { color: #006600; }
#social {
	background: #efefef;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #d7d7d7;
	width: 280px;
	height: 52px;
	padding: 10px;
	margin: 0 0 30px 0;
	}
#social.home {
	width: 438px;
	height: 52px;
	padding: 10px;
	margin: 0 10px;
	float: left;
	}
#social.home h1 {
	font-size: 20px;
	line-height: 52px;
	margin: 0 10px;
	float: left;
	}
#social a {
	background: url(images/sprite.png) 265px -422px no-repeat;
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	margin: 10px 12px;
	float: left;
	}
#social.home a {margin: 10px 3px 10px 21px; }
#social .facebook { background-position: -258px -515px; }
#social .twitter { background-position: -206px -515px; }
#social .flickr { background-position: -154px -515px; }
#social .youtube { background-position: -102px -515px; }
#social .rss { background-position: -50px -515px; }
#facebox h1.poster {
	font-family: Helvetica, Verdana, Arial, Sans-Serif; 	
	font-size: 28px;
	line-height: 36px;
	font-weight: bold;
	color: #339933;
	}
#facebox h1.poster em { color: #99cc33; }
#facebox .body { background: #eff7e8 !important; }
#facebox #modalcontent {
	display: block;
	width: 600px;
	height: 319px;
	margin: 10px;
	}
#facebox p { margin: 0 0 10px 0; }
#cta {
	position: absolute;
	top: 22px; right: 10px;
	background: url(images/sprite.png) left -135px no-repeat;
	text-indent:  -9999px;
	height: 45px;
	width: 300px;
	margin: 0;
	}
#cta:hover { background-position: left -180px; }
#cta:active { background-position: left -225px; }
#searchform {
	position: absolute;
	top: 22px; right: 10px;
	height: 45px;
	width: 300px;
	}
#searchform .form {
	background: url(images/sprite.png) left top no-repeat;
	color: #B0B0B0;
	font-size: 18px;
	line-height: 19px;
	height: 23px;
	width: 210px;
	margin: 0;
	padding: 11px 15px;
	outline: none;
	float: left;
	}
#searchform .form:hover { background-position: left -90px; }
#searchform .form:focus { background-position: left -45px; }
#searchform .button {
	background: url(images/sprite.png) -240px top no-repeat;
	text-indent: -9999px;
	height: 45px;
	width: 60px;
	margin: 0;
	cursor: pointer;
	float: right;
	}
#searchform .button:hover { background-position: -240px -45px; }
#searchform .button:active { background-position: -240px -90px; }
	
/*-----------------------------------------------------------------------------------------------
CONTACT PAGE
-----------------------------------------------------------------------------------------------*/

#contact { background: url(images/bg_contact.png) 10px 40px no-repeat; }
#contact h3 { margin: 0 0 30px 0; }
#contact h2 { margin: 50px 0px 12px 0px; }
#contact p { margin: 0 0 0 240px; }
#contact ul { 
	background: #f5cfcf;
	border-top: 1px solid #f05e5e;
	border-bottom: 1px solid #f05e5e;
	margin: 45px 0 -30px 0;
	padding: 10px 0;
	}
#contact li { background: none!important; }
.ddfmwrap {
	background: #efefef;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	width: 620px!important;
	margin: 50px 0 0 0!important;
	float: left;
	}
form.ddfm {
	width: 590px!important;
	height: 280px!important;
	}
form.ddfm label { width: 102px!important; }
form.ddfm input {
	border: 1px solid #d7d7d7;
	width: 470px!important;
	}
form.ddfm select {
	border: 1px solid #d7d7d7;
	width: 478px!important;
	}
form.ddfm .fmverify {
	width: 350px!important;
	}
form.ddfm textarea {
	border: 1px solid #d7d7d7;
	width: 470px!important;
	resize: none;
	}
form.ddfm img {
	border: 1px solid #d7d7d7!important;
	height: 19px;
	float: right;
	margin: 0!important;
	padding: 0!important;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	}
form.ddfm .submit input {
	background: url(images/sprite.png) 0 -270px;
	border: none!important;
	text-indent: -9999px;
	width: 152px!important;
	height: 35px!important;
	cursor: pointer;
	float: right;
	}
form.ddfm .submit input:hover { background-position: 0 -305px; }
form.ddfm .submit input:active { background-position: 0 -340px; }


/*-----------------------------------------------------------------------------------------------
PRESS & CASE STUDY PAGES
-----------------------------------------------------------------------------------------------*/

.press h1.large {
	font-size: 30px;
	line-height: 38px;
	text-align: center;
	width: 960px;
	margin: 30px 0 0 0;
	}
.column .casestudy {
	background: #efefef;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	padding: 20px;
	width: 580px;
	float: left;
	}
.performancereview {
	background: #efefef;
	border: 1px solid #d7d7d7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 16px 20px;
	margin: 0 0 20px 0;
	width: 580px;
	float: left;
	}
.performancereview img {
	padding: 0;
	margin: 10px 0 0 0;
	border: 0;
	}
	
	
.column .casestudy_posts { margin: 0 0 30px 0; float: left; }
.column .casestudy_posts li {
	background: #eff6e0;
	border-bottom: 1px solid #d7ddc9;
	padding: 0 20px;
	float: left;
	}
.column .casestudy_posts li a {
	color: #353535;
	font-size: 12px;
	line-height: 32px;
	width: 580px;
	float: left;
	}
.column .casestudy_posts li a .update {
	color: #659f13!important;
	font-size: 10px!important;
	line-height: 32px!important;
	text-transform: uppercase!important;
	width: 100px;
	float: left;
	}
.column .casestudy_posts li a:hover { color: #339933; }
.column .casestudy_posts li a:active { color: #006600; }

/*-----------------------------------------------------------------------------------------------
COMMENTS
-----------------------------------------------------------------------------------------------*/

.column ol.commentlist {
	margin: 20px 0 0 0;
	list-style-type: none;
	}
.column ol.commentlist li {
	border-top: 1px solid #e5e5e5;
	margin: 0;
	padding: 10px 0 0 0;;
	}
.column ol.commentlist li .commentnumber {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, Serif;
	color: #b6b6b6;
	font-size: 42px;
	font-weight: normal;
	line-height: 42px;
	margin: -12px 0 0 0;
	width: 45px;
	height: 45px;
	float: left;
	}
.column ol.commentlist li h5 {
	float: right;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	width: 575px;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #353535;
	}
.column ol.commentlist li p {
	float: right;
	width: 575px;
	}
#reply {
	border-top: 1px solid #e5e5e5;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	}
#reply h4 {margin: 0 0 0 45px; }
#commentform { margin: 20px 0 0 45px; }
#commentform label { 
	color: #b6b6b6;
	line-height: 25px;
	text-transform: uppercase;
	font-weight: bold;
	width: 143px;
	margin: 0 0 15px 20px;
	float: left;
	}
#commentform input {
	color: #b6b6b6;
	border: 1px solid #d7d7d7;
	padding: 5px;
	width: 400px;
	margin: 0 0 15px 0;
	float: left;
	}
#commentform textarea {
	border: 1px solid #d7d7d7;
	width: 400px!important;
	padding: 5px;
	height: 190px;
	resize: none;
	}
#commentform .submit  {
	background: url(images/sprite.png) 148px -270px;
	border: none;
	text-indent: -9999px;
	padding: 0;
	margin: 0 32px 0 0;
	width: 111px;
	height: 35px;
	cursor: pointer;
	float: right;
	}
#commentform .submit:hover { background-position: 148px -305px; }
#commentform .submit:active { background-position: 148px -340px; }




/*-----------------------------------------------------------------------------------------------
FOOTER
-----------------------------------------------------------------------------------------------*/

/*** Call to Action ***/
#calltoAction{
	border: 1px solid #d7d7d7;
	background: #f2f2f2;
	padding: 25px 0;
	}
	#calltoAction div{ width: 940px; margin: 0 auto; }
	#calltoAction p{ float: left; font-size: 130%; }
	#calltoAction a.btn_talktous, #calltoAction a.btn_signup_casestudies{
		cursor: pointer;
		display: block;
		text-indent: -9999em;
		border: none;
		}
	#calltoAction a.btn_talktous{
		 background: url(images/btn_talktous.jpg) no-repeat;
		 width: 147px;
		 height: 28px;
		 margin:0 20px 0 60px;
		 }
	#calltoAction a.btn_signup_casestudies{
		background: url(images/btn_signup_casestudy.jpg) no-repeat;
		width: 189px;
		height: 26px;
		}
		#calltoAction a.btn_talktous:hover, #calltoAction a.btn_signup_casestudies:hover{ background-position: left bottom; }
		#calltoAction a.btn_talktous:active, #calltoAction a.btn_signup_casestudies:active{ background-position: left top; }
		

#footer a { 
	border: none; 
	color: white; 
	}
#footer a:hover { color: #d0eba9; }
#footer a:active { color: #668a31; }
#links {
	background: url(images/logo_white.png) no-repeat top left;
	width: 800px;
	height: 100px;
	padding: 0 0 0 160px;
	margin: 0 auto;
	}
#links .footer_column {
	line-height: 22px;
	margin: 10px;
	float: left;
	}
#links .small.footer_column { width: 140px; }
#links .wide.footer_column { width: 220px; }
#legal {
	border-top: 1px solid #2e3b34;
	color: white;
	width: 940px;
	height: 30px;
	padding: 15px 0;
	margin: 0 auto;
	}
#legal .copyright {
	width: 140px;
	margin: 0;
	float: left;
	}
#legal .details {
	margin: 0 20px;
	float: left;
	}
#legal .privacy {
	width: 150px;
	margin: 0;
	float: right;
	}

.talktous {
	position:absolute;
	margin-left:730px;
	margin-top:276px;
	z-index:5;
}

.talktous a{
	background-image:url(/wp-/themes/websalad_02/images/talktous.png);
	width: 220px;
	height:45px;
	text-indent:-100000px;
	display:block;
}

.talktous a:hover{
	background-image:url(/wp-/themes/websalad_02/images/talktous2.png);
}

#aboutus {
	float: left;
	margin: 20px 10px 0 10px;
	}