/* @override http://localhost:3000/stylesheets/client/styles.css?1272630085 */

/* the tramlines vanilla stylesheet */


/* ====================  general  ===================== */
body {
	margin:0px;
}
.clear {
	clear:both;
	line-height:0;
	margin:0;
	padding:0;
}
.hide {
	visibility:hidden;
	display:none;
}
#wrapper {
/*	background:transparent url(/images/grid.png) repeat scroll center top;*/
	background:#fff;
	margin:0 auto;
	padding-left:49px;
	padding-right:49px;
	width:762px;
}
body#home #wrapper, body.portfolio #wrapper {
	background-color: #191919;
}
#tooltip {
 position:absolute;
 border:1px solid #333;
background:#f7f5d1;
padding:2px 5px;
color:#333;
display:none;
}
label {
	font-weight:bold;
}
a.p_img:hover {
	border:none;
}
/* ====================  text, fonts & colours  ===================== */
body {
/*	background:transparent url(/images/bg.png) repeat-x scroll 0 0;*/
	background:transparent url(/images/bg_dots.png) repeat scroll 0 0;	
	color:#000;
	font-size:12px;
}
body.about, body.people, body.portfolio, body.blog, body.contact {
	
}
.intro, #intro, #flash_notice {
	background-color:#F5F5F5;
	float:left;
	font-size:16px;
	margin:10px 0;
	padding:5px 10px;
}
div.details {
	border-top:1px solid #BBBBBB;
	clear:left;
	color:#666666;
	font-size:11px;
	margin:20px 0;
	padding:10px 15px 0 0;
}
p.flash_notice {
	background: #FFFFAA;
	padding:0px 10px;
}
p.flash_error {
	color: #ED1C24;
	font-weight: bold;
}
a, h2.blog_title a {
	color:#29A7CA;
	text-decoration:none;
}
a {
	border-bottom:1px solid #fff;
	
}
a:hover, h1.page_title span a:hover {
/*	border-bottom:1px dotted #CCCCCC;*/
	color:#2CA7C9;
	border-bottom-color:#2CA7C9;
}
/* ====================  header  ===================== */
#header {
	margin:0 0 30px;
}

#header_inside, #main, #footer_inside {
	margin:0 auto;
	width:761px;
}

h1#site_logo {
	background:transparent url(/images/header_text_tagline_home.png) no-repeat scroll 245px 45px;
	display:block;
	margin:0;
}
h1#site_logo a {
	background:url(/images/logo-blue-large.png) no-repeat scroll 0 0;
	border:medium none;
	display:block;
	height:89px;
	margin:9px 0;
	text-indent:-9000em;
	width:220px;
}
h1#site_logo a:hover {
	border:none;
}
#site_logo_with_description {
	margin-left: 80px;
	margin-top: 25px;
	position: relative;
}
#site_logo_small {
	background:#2CA7C9 url(/images/logo_inside.png) no-repeat scroll -1px 0;
	display:block;
	height:67px;
	padding:0;
	position:absolute;
	text-indent:-9000em;
	top:-30px;
	width:162px;
	border:none;
}
h1.page_title {
	margin:0 0 10px;
	color:#000000;
}
h1.page_title span {
	color:#CCCCCC;
	font-size:17px;
	font-weight:normal;
}
#user_links {
	float:right;
}
#user_links p {
	margin:20px 0 10px 0;
}
input#search_field {
	float:left;
	height: 10px;
	margin: 2px 0 0 0;
	padding: 3px;
	width: 190px;
}

/* ====================  navigation  ===================== */

#nav {
	display:block;
	float:right;
	list-style-type:none;
	margin:0;
	padding:0;
	text-indent:0;
	border-bottom: #646464 dotted 1px;
	width: 511px;
}
body#home #nav, body.portfolio #nav {
	background-color: #191919;
}
#nav li {
	margin: 0 25px 0 0;
	text-indent:0px;
	float:left;
}
#nav li a {
	background:transparent none repeat scroll 0 0;
	color:black;
	display:block;
	font-size:13px;
	font-weight:bold;
	height:0;
	line-height:100%;
	margin:27px 20px 0 1px;
	padding:5px 0 20px 0;
	border:none;
}
#nav li.active a, #nav li a:hover {
	color: #29A7CA !important;
}
#nav li a:hover {
	border: none;
	text-decoration:none;
}
#home_slide_nav {
	bottom:-30px;
	height:22px;
	position:absolute;
	right:5px;
}
#home_slide_nav a {
	background:#E8E8E8 none repeat scroll 0 0;
	color:#4D4D4D;
	display:block;
	float:left;
	line-height:100%;
	margin:0 0 0 4px;
	padding:5px 6px;
}
#home_slide_nav a:hover {
	border:none;
}
#home_slide_nav a.activeSlide {
	background:#4D4D4D none repeat scroll 0 0;
	color:#FFFFFF;
}

/* ====================  homepage  ===================== */
#site_intro {
	width:380px;
	float:left;
}
#site_intro * {
	color:#999999;
	font-size:18px;
}
#site_intro h1#good_things {
	background:transparent url(/images/good_things.png) no-repeat scroll 0 0;
	display:block;
	height:132px;
	margin:15px 0 26px;
	text-indent:-9000em;
	width:361px;
}
a#what_we_do {
	background:transparent url(/images/what_we_do.png) no-repeat scroll 0 0;
	display:block;
	height:40px;
	margin:0;
	text-indent:-9000em;
	width:153px;
}


/* ====================  content  ===================== */
#main {
	min-height:330px;
	height:auto !important;
	height:330px;
	
}
p.section_intro, #pagetext h4 {
	font-size:19px;
	font-weight:normal;
	margin:0 0 20px;
}
.left_col {
	float:left;
	margin:0 20px 0 0;
	padding-top: 10px;
	width:230px;
	border-top: solid black 1px;
	min-height:200px;
	height:auto !important;
	height:200px;
}
body.blog .left_col {
	border-top:medium none;
	width:230px;
}
.sideblock ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
}
.sideblock ul li {
	font-size:16px;
	margin:0;
}
.sideblock ul  li a {}
.right_col {
	border-top: solid black 1px;
	float:left;
	width:511px;
	padding-top: 10px;
}
body.blog .right_col {
	border-top:medium none;
	padding:0;
	width:510px;
}
#events {
	width:300px;
	float:left;
}
#news {
	width:400px;
	float:left;
	margin:0 0 0 20px;
}

.lst_pic {
	padding:0 0 0 110px;
	margin:0px;
}
.lst_pic li {
	margin:0px 0 10px -110px;
	padding:0 0 10px 110px;
	text-indent:0px;
	border-bottom:1px solid #CCCCCC;
	list-style-type:none;
}
ul.lst_pic img {
	display:inline;
	float:left;
	margin-left:-110px;
	margin-top:3px;
	border:none;

}

span.cal_sheet {
	width:25px;
	text-align:center;
}
.lst_cal li {
	margin:0px 0 10px -40px;
	padding:0 0 10px 40px;
	text-indent:0px;
	border-bottom:1px solid #CCCCCC;
	list-style-type:none;
}
.lst_cal {
	padding: 0px 0px 0px 40px;
	margin:0px;
}
ul.lst_cal span.cal_sheet {
	display:inline;
	float:left;
	margin-left:-40px;
	margin-top:3px;

}
span.cal_sheet span {
	display:block;
	float:left;
	width:100%;
}
span.cal_sheet {
	width:25px;
	text-align:center;
}
span.cal_sheet span.month {
	font-size:9px;
	height:10px;
	background:#D4058E none repeat scroll 0 0;
	border:1px solid #D51007;
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.1em;
	text-align:center;
	text-transform:uppercase;
	display:block;
	padding-top:2px;
}
span.cal_sheet span.day {
	font-size:14px;
	background:#FFFFFF none repeat scroll 0 0;
	border-color: #CCCCCC;
	border-style:none solid solid;
	border-width:medium 1px 1px;
	color:#000000;
	font-weight:bold;
	line-height:1.4em;
}
.events_desc {
	display:block;
	
}
/* ==================== portfolio ===================== */
.portfolio_bx {
	float:left;
	margin-bottom:36px;
	position:relative;
	width:229px;
}
.portfolio_bx a:hover {
	cursor: pointer;
}
.portfolio_bx_arrow {
	position:absolute;
	right:-12px;
	top:82px;
	display:none;
}
#portfolio_boxes .p_left {
	clear:both;
	margin-right:36px;
}
#portfolio_boxes .p_right {
	margin-left:37px;
}
.portfolio_bx * {
	float:left;
}
.portfolio_bx h2 {
	font-size:15px;
	line-height:100%;
	margin:10px 0 7px;
}
.portfolio_bx p {}
.portfolio_bx img {
	
}
.portfolio_bx a.more_link {
	border-bottom:1px solid #FFFFFF;
	bottom:7px;
	left:232px;
	position:absolute;
}
.portfolio_bx a.more_link:hover {
	border-bottom:1px dotted #ccc;
}

a.p_img {
	background:#4D4D4D none repeat scroll 0 0;
	display:block;
	float:left;
	margin:0 10px 0 0;
	padding:0;
	width:230px;
}

a.p_img:hover .portfolio_hover_title {
	text-decoration:underline;
}
a.p_img:hover img {


	
	
}
a.p_img:hover {

}
div.p_desc {
	width:145px;
}
a#next_project {
	display:none;
	background:transparent url(/images/project_next.png) no-repeat scroll 0 0;
	height:46px;
	right:0;
	position:absolute;
	text-indent:-9000em;
	top:40%;
	width:46px;
	border:none;
}
a#previous_project {
	display:none;
	background:transparent url(/images/project_previous.png) no-repeat scroll 0 0;
	border:medium none;
	height:46px;
	left:0;
	position:absolute;
	text-indent:-9000em;
	top:40%;
	width:46px;
}
.cs_left, .cs_right {
	border-top:1px solid black;
	float:left;
	padding-top:20px;
	margin-top:30px;	
}
.cs_left {
	clear:left;
	width:230px;
}
.cs_right {
	margin-bottom:0;
	margin-left:20px;
	margin-right:0;
	width:511px;
	color: black;
}
.cs_right #cs_right_title {
	margin-top: -55px;
}
#people .cs_left {
	width:269px;
}
#people .cs_right {
	width:269px;
}
#person_2 {
	background:transparent url(/images/andy.png) no-repeat scroll 10px 6px;
}
#person_3 {
	background:transparent url(/images/nicola.png) no-repeat scroll 13px 6px;
}
#person_4 {
	background:transparent url(/images/si.png) no-repeat scroll 12px 3px;
}
#person_5 {
	background:transparent url(/images/rich.png) no-repeat scroll 22px 3px;
}
#person_6 {
	background:transparent url(/images/ian.png) no-repeat scroll 15px 3px;
}
#person_7 {
	background:transparent url(/images/rob.png) no-repeat scroll 15px 0;
}
#person_8 {
	background:transparent url(/images/paul.png) no-repeat scroll 18px 6px;
	border:medium none;
	margin-bottom:0;
}
#person_24 {
	background:transparent url(/images/mat.png) no-repeat scroll 12px 1px;
	border:medium none;
	margin-bottom:0;
}
.people_bx {
	border-bottom:1px solid #CCCCCC;
	margin-bottom:20px;
	padding:0 0 10px 100px;
	min-height:175px;
	height:auto !important;
	height:165px;
}
.people_bx.cs_left, .people_bx.cs_right {
	border:medium none;
	color:gray;
	margin-top:10px;
}
.people_bx p {
	margin:0;
}
.people_bx h2 {
	font-size:18px;
	margin-bottom:5px;
}
.what_we_did {
	float:left;
	margin:20px 0 0;
	width:300px;
}
.what_we_did * {}
.what_we_did h3 {
	font-size:14px;
	margin:10px 0;
}
.what_we_did ul {}
.what_we_did ul li {
	margin:0 0 0 15px;
}
#casestudy_band {
	background:#565656 url(/images/casestudy_band.jpg) repeat-x scroll center top;
	color:#FFFFFF;
}
#casestudy_band_inner {
	height:auto !important;
	margin:0 auto;
	min-height:150px;
	padding:0 0 20px;
	width:780px;
	
}
div.testimonial {
	background:transparent url(/images/testimonial.png) no-repeat scroll 0 0;
	color:#C9DF0D;
	display:block;
	float:right;
	font-size:16px;
	margin:20px 0 0;
	padding:0 0 0 80px;
	width:380px;
	
	min-height:140px;
	height:auto !important;
	height:140px;
	
}
div.testimonial * {
	float:left;
	clear:both;
	margin:0;
}
div.testimonial strong {
	float:left;
	font-weight:bold;
}
h5.web_link {}
h5.web_link a {
	background:transparent url(/images/new_window.png) no-repeat scroll 0 5px;
	padding:0 0 0 23px;
}
/* ==================== login form ===================== */

#login_button input {
	background-color: #D4058E;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	display:block;
	height:22px;
	width:53px;
	margin-left:118px;
	margin-top:10px;
	
}
#login_button input:hover {
	color: #111;
}

#login_wrapper form {
	margin-top:20px;
	
}
#login_form {
	height: 210px;
	width: 400px;
	font-size: 12px;
	color: #555;
/*	float:left;
	position:relative;*/
	
}
.password input, .login_email input, select {
	height:18px;
	width:170px;
	border:1px solid #AAAAAA;
	font-size:1.0em;
	margin-right: 5px;
}
.password input:hover, .login_email input:hover, .content .main_col form .simple_form p input:hover, .content .main_col form p textarea:hover, .content .main_col form  p input[type="text"]:hover, select {
	border:1px solid #999;
}
.password input:focus, .login_email input:focus, .content .main_col form .simple_form p input:focus, .content .main_col form p textarea:focus, .content .main_col form  p input[type="text"]:focus, select {
	outline-color: #FFFFAA;
}
p#login_intro {
	margin-top:-5px;
	font-size: 12px;
	color: #555;
}
p.password, p.login_email {
	margin-left: 2px;
	margin-bottom:13px;
	height: 30px;
}

.login_email label, .password label {
	font-weight:bold;
	margin-right:6px;
	width: 100px;
	padding-top: 3px;
	padding-right: 10px;
	float: left;
	display: block;
	text-align: right;
}
.login_bottom_info {
	margin-top:34px;
	margin-left:90px;
	color:#676767;
}
.login_bottom_info p {
	margin:2px;
	padding:4px;
}
#forgotpass {
	font-size:0.9em;
	margin-left:118px;
	margin-top:0px;
	font-style:italic;
}

/* ====================  forum specific tabber styles  ===================== */

.content div#forums {
	font-size: 12px;
}
.content div#forums ul.tabbernav li#new_message_button {
	float:right;
	margin:-15px 5px 0 0;
}
.content div#forums div.tabberlive div.under_tab {
	padding: 7px 20px;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	margin: -22px 0 0;
}
.content div#forums .tabberlive .tabbertab {
	border-color: #E6E6E6;
}
.content div#forums div.tabberlive div.under_tab span.topic_title {
	font-weight: bold;
}
.content div#forums div.tabberlive div.under_tab div.reply_link {
	float: right;
	margin: -18px 0 0 0;
}

/* ====================  forum styles  ===================== */

.content div#forums table {
	border-top: none;
	border-left: none;
	width: 100%;
}
.content div#forums th, .content div#forums td {
	border-right: none;
}
.content div#forums th {border-bottom: 1px solid #666;}
.content div#forums span.light_text, .content div#forums p.message_posted {color: #aaa;font-size: 0.9em;}

div.tabbertab div.forum_message h4 {
	font-weight: normal;
	margin: 0;
	font-size: 1.2em;
}
.content div#forums div.tabberlive div.response_links {
	float: right;
}
.content div#forums td.author, .content div#forums th.post_icon {
	width: 70px;
}
.content div#forums td.message {
}
.content div#forums td.actions {
	width: 63px;
}
.content div#forums p.message_posted {
	margin-bottom: 0em;
}
.content div#forums tr.forum_row_even {
	background: #fff;
	width: 100%;
}
.content div#forums tr.forum_row_odd {
	background: #FBFBFB;
	width: 100%;
}
.content div#forums p.help .topic_smiley {
	margin-right: 10px;
	float: left;
	display: block;
	width: 50px;
}


h3.blog_date {
	color:#999999;
	float:left;
	font-weight:normal;
	margin:3px 0 0 -100px;
}



/* ====================  footer  ===================== */

#footer {
	border-top:1px solid #000000;
	clear:both;
	margin-top:30px;
	padding:10px 0 0;
}

p.tel_twitter {
	float:right;
	margin:0 25px;
}
p.address {
	float:right;
	width:140px;
}
#home #copyright, #home p#copyright a {
	color:#656364;
}
#copyright {
	display:block;
	float:left;
	margin:0;
	padding:0;
}

p#copyright a {
	color:#000;
	
}
#footer_links {
	margin:0px;
	padding:0px;
	text-indent:0;
	float:left;
	clear:left;
}
#footer_links li {
	list-style-type: none;
	text-indent:0px;
	margin:0px;
	padding:0px;
	float:left;
}
#footer_links li a {
	padding:10px 5px;
}
#siteby {
	display:block;
    text-indent:-9000px;
    background-image:url(/images/am.png);/*see photoshop file in the images folder for source image*/
    background-position:top right;
    background-repeat:no-repeat;
    padding:0px 38px 0 0; 
    width: 40px;
    height: 17px;
	float:right;
	margin-top:5px;
	line-height:9px;
}
#siteby:hover {
	background-position:bottom right;
	text-indent:0px;
	text-decoration:none;
	text-align:right;
	color: #999999;
	font-size: 10px;
}

/* ====================  code  ===================== */
p.code, pre.code {
	font-family:monaco,"Bitstream Vera Sans Mono","Courier New",courier,monospace;
	font-size: 11px;
	border-left: 5px solid #4D4D4D;
	background: #EEEEEE;
	padding:7px 19px 7px 33px;
	margin-bottom: 15px;
}

/* ====================  code  ===================== */

ul.developerContentsList li.sectionItem{
	font-weight: bold;
}

ul.developerContentsList li.pageItem{
	font-size:14px;
	padding-left:10px;
}
/* ==========button styles ========= */
/* general large button*/
input[type="submit"], a.bttn_l, .join_activity_link {
	background:#DBDCDC url(/images/bttn_bg.png) repeat-x scroll 0 0;
	border:2px solid #CCCCCC;
	color:#000000;
	font-family:'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	font-size:15px;
	font-size-adjust:none;
	font-stretch:normal;
	font-variant:normal;
	font-weight:bold;
	letter-spacing:0.03em;
	line-height:1.5;
	margin:10px 0;
	padding:6px 10px;
	text-shadow:0 1px 0 #FFFFFF;
	
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;

}
/* general small button */
#news_feed_older_btn, .bx_h a, button {
	background:#FCFCFC url(/images/bttn_small.png) repeat-x scroll 0 0;
	border:1px solid #CCCCCC;
	color:#333333;
	display:block;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.02em;
	line-height:100%;
	padding:5px 7px;
	
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    
}
#news_feed_older_btn:hover, .bx_h a:hover {
	background:#F5F5F5 none repeat scroll 0 0;
	text-decoration:none;
}
#news_feed_older_btn {
	margin:0;
	float:left;
}
#post_bttn {
	float:right;
}
div.bottom_blog_details {
	border-top:1px solid #000000;
	clear:both;
	float:left;
	padding:20px 0;
	width:510px;
	height: 50px;
}
.blog_posted_by {
	float:left;
	margin:0 20px 0 0;
}
/* ====================  blog comments  ===================== */
.comment_wrapper {
border-top:1px solid #000000;
}
.comment_wrapper p {
	margin:0;
}
.comment_title {
	margin:10px 0;
}
.comment {
}
.comment a{
	border-bottom:1px solid #EFEFEF;
}
.comment p {
	margin:0 0 10px;
}
.comment_by {
	font-weight:bold;
	background-color: #EFEFEF;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	height: 100%;
}
.comment_by .FB_profile_pic{
	float: left;
}
.comment_by img {
	float: left;
	margin-right: 5px;
}
.comment_text{
	padding: 10px;
}
.comment_on {
	color:#999999;
}
.comment_name{
	float: left;
}
.comment_date{
	color:#6F6F6F;
	float:left;
	font-weight:normal;
}
.comment_wrapper form {}
.comment_wrapper form .required {
	display:none;
}
.comment_wrapper form textarea {
	height:100px;
	width:100%;
}
#comment_loader {
	height: 26px;
	margin: 10px 0;
	padding:6px 10px;
}
#comment_form{
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	background-color: #EFEFEF;
	padding: 10px;
}
label span{
	color: #9E0780;
}

/* ==================== Home page ===================== */

#home_description {
	float: right;
	padding-bottom: 20px;
	border-bottom: #646464 dotted 1px;
}
#home_video {
	float: right;
	margin-top: 20px;
}

/* ====================  holding page  ===================== */

h1#launching_soon {
	background:transparent url(/images/new_site_launching_soon.png) no-repeat scroll center center;
	display:block;
	height:380px;
	text-indent:-9000em;
	width:740px;
	z-index:100;
}
div#launching_soon_parrallax {
	height:400px;
	margin:0;
	position:relative;
	width:780px;
}
div.yoomee_logo_box {
	background:transparent url(/images/logo_new.png) no-repeat scroll 250px 60px;
	float:left;
	height:300px;
	width:780px;
}
img.new_logo {}
div.red_box {
	height:420px;
	position:relative;
	width:800px;
}
div.blue_box {
	background:transparent url(/images/blue_box.png) no-repeat scroll 215px 165px;
	height:390px;
	width:760px;
}
div.red_box_inner {
	background:#F64552 none repeat scroll 0 0;
	bottom:177px;
	height:41px;
	left:227px;
	position:absolute;
	width:345px;	
}
#home #footer {
	border-top:1px solid #656364;
	bottom:0;
	color:#fff;
	padding:10px 0 0;
}
#home #footer_inside {}
#home a {
	color:#33BBD3;
}
#home a:hover {}

/* ================== Portfolio ==================== */
#portfolio_title_bar {
	margin:-35px 0 20px;
}
h1.portfolio_title {
	float:left;
	margin:0;
}
.page_intro_text {
	float: right;
	margin-top: 10px;
}
.portfolio_on_hover_link {
	padding: 0 !important;
	margin: 0;
	display: block;
	text-decoration: none;
}
.portfolio_on_hover_link:hover {
	text-decoration: none !important;
}
.portfolio_on_hover {
	background:#000000 none repeat scroll 0 0;
	color:white;
	height:80px;
	margin-top:-71px;
	padding:12px 10px 10px;
	position:relative;
	width:211px;
}
.portfolio_hover_description {
	font-size:13px;
	line-height:15px;
	padding-top:8px;
}
.portfolio_hover_title {
	color:#29A7CA;
	line-height:19px;
	margin:0 0 0;
	padding:0;
}

/* ============== Blog ================= */

#blog_page_title {
	border-bottom:1px solid black;
	color:black;
	display:block;
	float:left;
	line-height:21px;
	margin:0;
	padding-bottom:13px;
	width:511px;
}
#blog_main_content {
	border-top:medium none;
	float:left;
	margin-top:0;
}
#blog_main_content img {
	float:left;
	margin:0 0 10px;
	width:510px;
}
#blog_main_content_title {
	display:block;
	float:left;
	font-size:22px;
	margin-bottom:10px;
	margin-top:0;
}
#blog_sidebar li {
	font-size:14px;
	font-weight:bold;
	line-height:19px;
	list-style-type:none;
	margin:0;
}
#blog_sidebar {
	color: black;
}
#blog_sidebar li span {
	margin-right: 5px;
	color: #9C0580;
}
#blog_sidebar li a {
	color: black;
}
#blog_categories {

}
#blog_categories, #blog_contributors, #recent_blogs {
	background:#FFFFFF none repeat scroll 0 0;
	float:left;
	margin-bottom:20px;
}
#blog_categories h4, #blog_contributors h4, #recent_blogs h4{
	font-size:15px;
}
#recent_blogs a {
	border-bottom:1px solid #E8E8E8;
	display:block;
	float:left;
	font-size:14px;
	line-height:20px;
	padding:7px 10px 7px 0;
	width:191px;
}
#recent_blogs a:hover {
	text-decoration:underline;
}
#recent_blogs img {
	clear:both;
	float:left;
	margin:8px 8px 0 0;
	width:20px;
}
#blog_categories h4 {
	border-bottom:1px solid #000000;
	display:block;
	float:left;
	font-size:15px;
	line-height:15px;
	margin-bottom:8px;
	padding-bottom:9px;
	width:230px;
}
#blog_contributors h4 {
	border-bottom:1px solid black;
	float:left;
	margin-bottom:9px;
	margin-top:15px;
	padding-bottom:7px;
	width:230px;
}
#recent_blogs h4{
	border-bottom:1px solid #000000;
	display:block;
	float:left;
	font-size:15px;
	line-height:15px;
	margin-bottom:8px;
	padding-bottom:9px;
	width:230px;
}
.post {
	clear:both;
	color:black;
	float:left;
	margin:20px 0 0;
	width:510px;
}
.blog_show_page {
	width:510px;
}
.blog_show_page .blog_post_left, .blog_show_page .blog_post_right {
	height: auto;
	border: none;
}
.blog_post_left {
	border-bottom:1px solid black;
	float:left;
	width:260px;
}
.blog_post_left p {
	clear:both;
	margin:0 0 10px;
}
.blog_post_left h3 {
	clear:both;
	float:left;
	font-size:17px;
	margin:0 0 8px;
	width:250px;
}
body.blog .blog_post_left h3 a {
	color:#000000;
}
body.blog .blog_post_left h3 a:hover {
	border:none;
	text-decoration:underline;
}
.blog_post_right {
	border-bottom:1px solid black;
	float:right;
	margin-left:20px;
	width:229px;
	overflow:hidden;
}
.blog_post_left, .blog_post_right {
	height: 250px;
}
.blog_posted_by img {
	float:left;
	margin-right:6px;
	width:40px;
}
.blog_posted_by div {
	float:left;
	color: #9C0580;
}
.blog_posted_by div a {
	color: #9C0580;
}
a.blog_read_more_link {
	background:transparent url(/images/read_more.png) no-repeat scroll right 2px;
	display:block;
	float:left;
	font-weight:bold;
	margin:0;
	padding:0 19px 0 0;
}
a.blog_read_more_image_link {}
a.blog_read_more_image_link:hover {
	border:none;
}
a.blog_share {
	background:transparent url(/images/share_link.png) no-repeat scroll right 2px;
	display:block;
	float:left;
	font-weight:bold;
	padding:0 17px 0 0;
}
a.blog_read_more_link:hover, a.blog_share:hover, span.comment_link a:hover {
	border:none;
}
span.comment_link a {
	background:transparent url(/images/comment_link.png) no-repeat scroll right 2px;
	display:block;
	float:left;
	font-weight:bold;
	margin:0 0 0 20px;
	padding:0 17px 0 0;
}
a.blog_share {
	
}
#blog_share_links {
	float:left;
	margin:0 0 0 20px;
	width:290px;
}
#blog_share_links a#digg {
	background-image:url(/images/icons/digg.gif);
}
#blog_share_links a#twitter-share {
	background-image:url(/images/icons/twitter.gif);
}
#blog_share_links a#reddit {
	background-image:url(/images/icons/reddit.gif);
}
#blog_share_links a#facebook {
	background-image:url(/images/icons/facebook.gif);
}
#blog_share_links a#stumbleupon {
	background-image:url(/images/icons/stumbleupon.gif);
}
#blog_share_links ul {
	margin:0;
}
#blog_share_links li {
	float:left;
	list-style-type:none;
	margin:0;
	width:95px;
}
#blog_share_links a {
	background:transparent url(/images/icons/delicious.gif) no-repeat scroll 0 5px;
	display:block;
	float:left;
	margin:0;
	padding:4px 23px 4px 20px;
}

#or_connect_with_facebook{
	float: left;	
	margin: 20px;
}
#connect_with_facebook{
	float:left;
}
#connect_with_facebook p{
	margin-bottom: 15px;
}
#connect_with_facebook a{
	border-bottom: none;
}
#post_as_guest{
	float:left;
}
#logged_in_pic{
	float: left;
	margin-right:10px;
}
#logged_in_as a{
	cursor: pointer;
}
#logged_in_as{
	float:left;
}
/* ================ Case Study Pages ============== */

.page_left_header {
	border-top: solid black 1px;
	width: 230px;
	float:left;
}
.page_right_header a {
	background:#2DB0CF url(/images/back_arrow.png) no-repeat scroll right center;
	border:medium none;
	display:block;
	float:right;
	font-size:12px;
	font-weight:bold;
	height:14px;
	line-height:13px;
	margin:0;
	padding-right:30px;
	position:absolute;
	right:0;
	text-align:right;
	top:-23px;
	width:88px;
}
.page_right_header {
	border-top:1px solid black;
	float:right;
	position:relative;
	width:511px;
}
#case_study_carousel {
	background:#1A1819 none repeat scroll 0 0;
	float:left;
	height:362px;
	margin-bottom:20px;
}
a.carousel_link {
	border:medium none;
	color:#666;
	float:left;
	font-size:14px;
	margin:0 3px 10px;
}
a.carousel_link.active {
	color: white !important;
}
#home #case_study_carousel {
	margin-bottom:20px;
}
#case_study_custom {
	color:white;
	float:left;
	padding:20px;
	position:relative;
	width:210px;

}
#home #case_study_custom {
	background:#000000 none repeat scroll 0 0;
	height:323px;
}
#case_study_custom_num {
	color: #29A7CA;
	font-weight: bold;
	border-bottom: dotted #29A7CA 1px;
	width: 210px;
	display:block;
}
#case_study_custom .case_study_main {
	border-bottom: dotted #29A7CA 1px;
	height: 260px;
}
#home #case_study_custom .case_study_main {
	height: 270px;
}
#case_study_custom_text {
	font-weight: bold;
	font-size: 18px;
	margin-top: 10px;
}
#home #case_study_custom_text {
	font-size:15px;
}
#case_study_prev {
	float:left;
	background-position:left top;
}
#case_study_next {
	float:right;
	background-position:right top;
}
.arrow_links {
	background:transparent url(/images/carousel_icons.png) no-repeat scroll left bottom;
	float:right;
	height:19px;
	width:45px;
}
.arrow_links a {
	border:medium none;
	display:block;
	text-indent:-9000em;
	height:19px;
	width:19px;
	background-image:url(/images/carousel_icons.png);
}
#home #case_study_next {

}
#home #case_study_prev {

}
div.carousel_links {
	bottom:-23px;
	display:block;
	float:left;
	left:20px;
	position:absolute;
	width:210px;
	height: 23px;
}
#home div.carousel_links {
	bottom:10px;
}
#case_study_image {
	float:right;
	background: black no-repeat 0 0;
	width:511px;
	height:362px;
}
#case_study_quote {
	background-color:#29A7CA;
	background-position:left bottom;
	color:white;
	float:left;
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	margin:4px 0 20px;
	padding:16px 15px 95px;
	width:200px;
}
#case_study_quote strong, #case_study_quote span {
	font-size:13px;
	font-weight:normal;
}
body.casestudypage .cs_left {
	margin-top:0;
	width:230px;
}
body.casestudypage .cs_right {
	border-top:1px solid #000000;
	float:right;
	margin-top:0;
}
body.casestudypage .cs_right #cs_right_title {
	border-bottom: solid black 1px;
	margin: 0 0 20px 0;
}
div.visit_site {
	float:left;
	margin-bottom:20px;
	width:230px;
}
div.visit_site a {
	font-size:17px;
	font-weight:bold;
	letter-spacing:-0.02em;
	line-height:18px;
}
div.visit_site a span {
	font-size:15px;
	font-weight:normal;
	border:none;
}
div.visit_site a:hover span {
	border:none;
}
#case_study_what_we_did {
	float:left;
	margin-top:0;
	width:230px;
}
#case_study_what_we_did h4 {
	margin:0 0 7px;
}
#case_study_what_we_did li {
	background:transparent url(/images/what_we_did_bullet.png) no-repeat scroll 10px 4px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0 0 5px 30px;
}

/* ================ Page Dependent Styles ================ */

/*body background*/
body#home, body.portfolio {
	background:#000 url(/images/bg_black.png) repeat scroll 0 0;
	color:#fff;
}
body.portfolio p#copyright a {
	color:#fff;
	border-bottom-color:#000;
}
body.portfolio a {
	border-bottom:none;
}
body.portfolio #footer {
	border-top-color:#666;
}
body.about {
	background-image:url(/images/bg_lomo.jpg);
}
body.people {
	background-image:url(/images/bg_people.png);
}
body.contact {
	background:#fff url(/images/bg_contact.png) no-repeat scroll top center;	
}



.portfolio #main {}





/*header*/
body.casestudypage #header {
	margin-bottom: 10px;
}
body#home #header {
	border-bottom:1px solid #646464;
}
body.portfolio #header {
	margin-bottom:0;
	border-bottom:1px solid #646464;
}
body.people #header {
	border-bottom:1px solid #646464;
	padding-bottom: 40px;
}
body.blog #header {
	margin: 0;
}

/*logo*/
body.blog #site_logo_small {
	background-color: #A1087F;
}
body.portfolio #site_logo_small {
	background-color:transparent;
	background-image:url(/images/logo_inside_dark_blue.png);
}

/*header text image*/
body.blog #page_description_image {
	background:transparent url(/images/header-text-blog.png) no-repeat scroll 0 0;
	height:150px;
	width:700px;
}
body.portfolio #page_description_image {
	background: transparent url(/images/header-text-portfolio.png) no-repeat scroll 0 0;
	height: 150px;
}
body.about #page_description_image {
/*	background: transparent url(/images/header_text_about.png) no-repeat scroll 170px 0; */
/*	height: 150px;*/
}


/*links*/
body#home a {
	border-bottom-color:#191919;
}
body#home a:hover {
	border-bottom-color:#2DB0CF;
}
body.blog a {
	color: #9E0780;
}
body.blog a:hover {
	color: #9E0780;
	border-bottom-color:#9E0780;
}

/*nav*/
body#home #nav li a, body.portfolio #nav li a {
	color: white;
}
body.blog #nav li.active a, body.blog #nav li a:hover {
	color: #9E0780 !important;
}
body.get_hooked_on_life #nav li.active a, body.get_hooked_on_life #nav li a:hover {
	color: #ABBF00 !important;
}




/*------------ worldeka ------------*/
body.worldeka #page_description_image {
	background:transparent url(/images/header-text-worldeka.png) no-repeat scroll 172px -4px;
	height:35px;
}
body.worldeka a, #worldeka_box h4, body.worldeka #case_study_custom_num, body.worldeka a:hover {
	color: #F4107C;
}
body.worldeka a:hover, body.worldeka #case_study_custom .case_study_main, body.worldeka #case_study_custom_num  {
	border-bottom-color: #F4107C;
}
body.worldeka #site_logo_small, body.worldeka #case_study_quote, body.worldeka .page_right_header a {
	background-color: #F4107C;
}
body.worldeka #case_study_quote {
	background-image:url(/images/case_study_quote_worldeka.png);
}
body.worldeka {
	background:#F4107C url(/images/bg_worldeka.png) repeat scroll 0 0;	
}
body.worldeka #case_study_what_we_did li {
		background-image:url(/images/what_we_did_bullet_worldeka.png);
}

/* ------------ babble ------------*/
body.studentbabble a, #student_babble_box h4, body.studentbabble #case_study_custom_num, body.studentbabble a:hover {
	color: #CA00CA;
}
body.studentbabble a:hover, body.studentbabble #case_study_custom .case_study_main, body.studentbabble #case_study_custom_num  {
	border-bottom-color: #CA00CA;
}
body.studentbabble #site_logo_small, body.studentbabble #case_study_quote, body.studentbabble .page_right_header a {
	background-color: #CA00CA;
}
body.studentbabble #case_study_quote {
	background-image:url(/images/case_study_quote_studentbabble.png);
}
body.studentbabble {
	background:#CA00CA url(/images/bg_student_babble.png) repeat scroll 0 0;	
}
body.studentbabble #page_description_image {
	background:transparent url(/images/header-text-student-babble.png) no-repeat scroll 170px -3px;
	height:40px;
}
body.studentbabble #case_study_what_we_did li {
		background-image:url(/images/what_we_did_bullet_babble.png);
}

/* ------------ leapanywhere ------------*/
body.leapanywhere a, #leapanywhere_box h4, body.leapanywhere #case_study_custom_num, body.leapanywhere a:hover {
	color: #92107D;
}
body.leapanywhere a:hover, body.leapanywhere #case_study_custom .case_study_main, body.leapanywhere #case_study_custom_num  {
	border-bottom-color: #92107D;
}
body.leapanywhere #site_logo_small, body.leapanywhere #case_study_quote, body.leapanywhere .page_right_header a {
	background-color: #92107D;
}
body.leapanywhere #case_study_quote {
	background-image:url(/images/case_study_quote_leapanywhere.png);
}
body.leapanywhere {
	background:#92107D url(/images/bg_leapanywhere.png) repeat scroll 0 0;	
}
body.leapanywhere #page_description_image {
	background:transparent url(/images/header-text-leapanywhere.png) no-repeat scroll 138px -3px;
	height:40px;
}
body.leapanywhere #case_study_what_we_did li {
		background-image:url(/images/what_we_did_bullet_leap.png);
}

/* ------------ gethookedonlife ------------*/
body.get_hooked_on_life a, #get_hooked_on_life_box h4, body.get_hooked_on_life #case_study_custom_num, body.get_hooked_on_life a:hover {
	color: #88AF3A;
}
body.get_hooked_on_life a:hover, body.get_hooked_on_life #case_study_custom .case_study_main, body.get_hooked_on_life #case_study_custom_num  {
	border-bottom-color: #88AF3A;
}
body.get_hooked_on_life #site_logo_small, body.get_hooked_on_life #case_study_quote, body.get_hooked_on_life .page_right_header a {
	background-color: #88AF3A;
}
body.get_hooked_on_life #case_study_quote {
	background-image:url(/images/case_study_quote_get_hooked_on_life.png);
}
body.get_hooked_on_life {
	background:#88AF3A url(/images/bg_get_hooked_on_life.png) repeat scroll 0 0;	
}
body.get_hooked_on_life #page_description_image {
	background:transparent url(/images/header_text_get_hooked_on_life.png) no-repeat scroll 170px -3px;
	height:40px;
}
body.get_hooked_on_life #case_study_what_we_did li {
		background-image:url(/images/what_we_did_bullet_ghol.png);
}



/* ------------ mission_order ------------*/
body.mission_order a, #mission_order_box h4, body.mission_order #case_study_custom_num, body.mission_order a:hover {
	color: #FD830B;
}
body.mission_order a:hover, body.mission_order #case_study_custom .case_study_main, body.mission_order #case_study_custom_num  {
	border-bottom-color: #FD830B;
}
body.mission_order #site_logo_small, body.mission_order #case_study_quote, body.mission_order .page_right_header a {
	background-color: #FD830B;
}
body.mission_order #case_study_quote {
	background-image:url(/images/case_study_quote_mission_order.png);
}
body.mission_order {
	background:#FD830B url(/images/bg_mission_order.png) repeat scroll 0 0;	
}
body.mission_order #page_description_image {
	background:transparent url(/images/header_text_mission_order.png) no-repeat scroll 166px -6px;
	height:40px;
}
body.mission_order #case_study_what_we_did li {
		background-image:url(/images/what_we_did_bullet_mission_order.png);
}

/* ------------ inspiral ------------*/
body.inspiral a, #inspiral_box h4, body.inspiral #case_study_custom_num, body.inspiral a:hover {
	color: #6BC3B6;
}
body.inspiral a:hover, body.inspiral #case_study_custom .case_study_main, body.inspiral #case_study_custom_num  {
	border-bottom-color: #6BC3B6;
}
body.inspiral #site_logo_small, body.inspiral #case_study_quote, body.inspiral .page_right_header a {
	background-color: #6BC3B6;
}
body.inspiral #case_study_quote {
	background-image:url(/images/case_study_quote_inspiral.png);
}
body.inspiral {
	background:#6BC3B6 url(/images/bg_inspiral.png) repeat scroll 0 0;	
}
body.inspiral #page_description_image {
	background:transparent url(/images/header_text_inspiral.png) no-repeat scroll 170px -3px;
	height:40px;
}
body.inspiral #case_study_what_we_did li {
		background-image:url(/images/what_we_did_bullet_inspiral.png);
}


/* ------------ piefighter ------------*/
body.piefighter a, body.piefighter #case_study_custom_num, body.piefighter a:hover {
	color: #7E6B5A;
}
#piefighter_box h4 {
	color: #F2B670;
}
body.piefighter a:hover, body.piefighter #case_study_custom .case_study_main, body.piefighter #case_study_custom_num  {
	border-bottom-color: #7E6B5A;
}
body.piefighter #site_logo_small, body.piefighter #case_study_quote, body.piefighter .page_right_header a {
	background-color: #7E6B5A;
}
body.piefighter #case_study_quote {
	background-image:url(/images/case_study_quote_piefighter.png);
}
body.piefighter {
	background:#7E6B5A url(/images/bg_piefighter.png) repeat scroll 0 0;	
}
body.piefighter #page_description_image {
	background:transparent url(/images/header_text_piefighter.png) no-repeat scroll 170px -3px;
	height:40px;
}
body.piefighter #case_study_what_we_did li {
		background-image:url(/images/what_we_did_bullet_piefighter.png);
}

/* ------------ sector_solutions ------------*/
body.sector_solutions a, body.sector_solutions #case_study_custom_num, body.sector_solutions a:hover {
	color: #024F5F;
}
#sector_solutions_box h4 {
	color:#EF401D;
}
body.sector_solutions a:hover, body.sector_solutions #case_study_custom .case_study_main, body.sector_solutions #case_study_custom_num  {
	border-bottom-color: #024F5F;
}
body.sector_solutions #site_logo_small, body.sector_solutions #case_study_quote, body.sector_solutions .page_right_header a {
	background-color: #024F5F;
}
body.sector_solutions #case_study_quote {
	background-image:url(/images/case_study_quote_sector_solutions.png);
}
body.sector_solutions {
	background:#024F5F url(/images/bg_sector_solutions.png) repeat scroll 0 0;	
}
body.sector_solutions #page_description_image {
	background:transparent url(/images/header_text_sector_solutions.png) no-repeat scroll 170px -3px;
	height:40px;
}
body.sector_solutions #case_study_what_we_did li {
		background-image:url(/images/what_we_did_bullet_sector_solutions.png);
}


/* ------------ shop_sheffield ------------*/
body.shop_sheffield a, body.shop_sheffield #case_study_custom_num, body.shop_sheffield a:hover {
	color: #147516;
}
#shop_sheffield_box h4 {
	color:#89BB38;
}
body.shop_sheffield a:hover, body.shop_sheffield #case_study_custom .case_study_main, body.shop_sheffield #case_study_custom_num  {
	border-bottom-color: #147516;
}
body.shop_sheffield #site_logo_small, body.shop_sheffield #case_study_quote, body.shop_sheffield .page_right_header a {
	background-color: #147516;
}
body.shop_sheffield #case_study_quote {
	background-image:url(/images/case_study_quote_shop_sheffield.png);
}
body.shop_sheffield {
	background:#147516 url(/images/bg_shop_sheffield.png) repeat scroll 0 0;	
}
body.shop_sheffield #page_description_image {
	background:transparent url(/images/header_text_shop_sheffield.png) no-repeat scroll 170px -4px;
	height:40px;
}
body.shop_sheffield  #case_study_what_we_did li {
		background-image:url(/images/what_we_did_bullet_shop_sheffield.png);
}


/* ------------ hcmf ------------*/
body.hcmf a, body.hcmf #case_study_custom_num, body.hcmf a:hover {
	color: #373737;
}
#hcmf_box h4 {
	color:#aab9c9;
}
body.hcmf a:hover, body.hcmf #case_study_custom .case_study_main, body.hcmf #case_study_custom_num  {
	border-bottom-color: #373737;
}
body.hcmf #site_logo_small, body.hcmf #case_study_quote, body.hcmf .page_right_header a {
	background-color: #373737;
}
body.hcmf #case_study_quote {
	background-image:url(/images/case_study_quote_hcmf.png);
}
body.hcmf {
	background:#373737 url(/images/bg_hcmf.png) repeat scroll 0 0;	
}
body.hcmf #page_description_image {
	background:transparent url(/images/header_text_hcmf.png) no-repeat scroll 170px -3px;
	height:40px;
}
body.hcmf  #case_study_what_we_did li {
		background-image:url(/images/what_we_did_bullet_hcmf.png);
}


/* ------------ Rock higher ------------*/
body.rockhigher a, #rockhigher_box h4, body.rockhigher #case_study_custom_num, body.rockhigher a:hover {
	color: #CA00CA;
}
body.rockhigher a:hover, body.rockhigher #case_study_custom .case_study_main, body.rockhigher #case_study_custom_num  {
	border-bottom-color: #CA00CA;
}
body.rockhigher #site_logo_small, body.rockhigher #case_study_quote, body.rockhigher .page_right_header a {
	background-color: #CA00CA;
}
body.rockhigher #case_study_quote {
	background-image:url(/images/case_study_quote_studentbabble.png);
}
body.rockhigher {
	background:#CA00CA url(/images/bg_rockhigher.png) repeat scroll 0 0;	
}
body.rockhigher #page_description_image {
	background:transparent url(/images/header-text-student-babble.png) no-repeat scroll 170px -3px;
	height:40px;
}
body.rockhigher #case_study_what_we_did li {
		background-image:url(/images/what_we_did_bullet_rockhigher.png);
}

/* ------------ global_bike_tours ------------*/
body.global_bike_tours a, #global_bike_tours_box h4, body.global_bike_tours #case_study_custom_num, body.global_bike_tours a:hover {
	color: #D34B01;
}
body.global_bike_tours a:hover, body.global_bike_tours #case_study_custom .case_study_main, body.global_bike_tours #case_study_custom_num  {
	border-bottom-color: #D34B01;
}
body.global_bike_tours #site_logo_small, body.global_bike_tours #case_study_quote, body.global_bike_tours .page_right_header a {
	background-color: #D34B01;
}
body.global_bike_tours #case_study_quote {
	background-image:url(/images/case_study_quote_global_bike_tours.png);
}
body.global_bike_tours {
	background:url("/images/bg_global_bike_tours.png") repeat-x scroll center top #2C2C2C;	
}
body.global_bike_tours #page_description_image {
	background:transparent url(/images/header-text-global_bike_tours.png) no-repeat scroll 170px -5px;
	height:40px;
}
body.global_bike_tours #case_study_what_we_did li {
		background-image:url(/images/what_we_did_bullet_global_bike_tours.png);
}

/* ------------ skild------------*/
body.skild a, body.skild #case_study_custom_num, body.skild a:hover {
	color: #8A367C;
}
#skild_box h4 {
	color:#48A4E1;
}
body.skild a:hover, body.skild #case_study_custom .case_study_main, body.skild #case_study_custom_num  {
	border-bottom-color: #8A367C;
}
body.skild #site_logo_small, body.skild #case_study_quote, body.skild .page_right_header a {
	background-color: #8A367C;
}
body.skild #case_study_quote {
	background-image:url(/images/case_study_quote_skild.png);
}
body.skild {
	background:#373737 url(/images/bg_skild.png) repeat scroll 0 0;	
}
body.skild #page_description_image {
	background:transparent url(/images/header_text_skild.png) no-repeat scroll 170px -3px;
	height:40px;
}
body.skild  #case_study_what_we_did li {
		background-image:url(/images/what_we_did_bullet_skild.png);
}

/* ------------ sheffield mencap------------*/
body.sheffield_mencap a, body.sheffield_mencap #case_study_custom_num, body.sheffield_mencap a:hover {
	color: #005AB0;
}
#sheffield_mencap_box h4 {
	color:#0077BF;
}
body.sheffield_mencap a:hover, body.sheffield_mencap #case_study_custom .case_study_main, body.sheffield_mencap #case_study_custom_num  {
	border-bottom-color: #005AB0;
}
body.sheffield_mencap #site_logo_small, body.sheffield_mencap #case_study_quote, body.sheffield_mencap .page_right_header a {
	background-color: #005AB0;
}
body.sheffield_mencap #case_study_quote {
	background-image:url(/images/case_study_quote_sheffield_mencap.png);
}
body.sheffield_mencap {
	background:url("/images/bg_sheffield_mencap.jpg") repeat scroll center top #141D02;
}
body.sheffield_mencap #page_description_image {
	background:transparent url(/images/header_text_mencap.png) no-repeat scroll 170px -3px;
	height:40px;
}
body.sheffield_mencap  #case_study_what_we_did li {
		background-image:url(/images/what_we_did_bullet_sheffield_mencap.png);
}


/* ============ Latest Tweet and blog ============= */

.latest_tweet {
	background:#000000 none repeat scroll 0 0;
	clear:both;
	float:left;
	font-size:13px;
	line-height:16px;
	padding:15px 10px;
	width:741px;
}
a.latest_tweet_title {
	background:transparent url(/images/latest_tweet.png) no-repeat scroll 0 0;
	display:block;
	float:left;
	height:32px;
	margin:0 20px 0 0;
	text-indent:-9000em;
	width:159px;
}
.latest_blog {
	background:#000000 none repeat scroll 0 0;
	clear:both;
	float:left;
	line-height:27px;
	margin:10px 0 0;
	padding:10px;
	width:741px;
}
.blog_archive {
	background:#fff;
}
a.latest_blog_title {
	background:transparent url(/images/latest_blog_post.png) no-repeat scroll 0 0;
	display:block;
	float:left;
	height:32px;
	margin:0 20px 0 10px;
	text-indent:-9000em;
	width:187px;
}

/* ========== Flickr ============ */

.flickr {
	float:left;
	margin-top:40px
}

.flickr .flickr_logo {
	margin-bottom: 10px;
}
.flickr ul {
	float:left;
	margin:10px 0 0;
}
#blog_sidebar .flickr ul li {
	float:left;
	margin:0 0 10px;
}
.flickr ul li a {
	float:left;
	border:none;
}
.flickr ul li a:hover {
	border:none;
}
.flickr ul li a img {
	float:left;
	margin:0 10px 0px 0;
}

/* ========== Flickr ============ */
div.our_skills_illustration {
	background:transparent url(/images/our_skills.png) no-repeat scroll 0 0;
	float:left;
	height:1556px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:-46px;
	margin-top:10px;
	text-indent:-9000em;
	width:556px;
}
div.our_skills_illustration ul, div.our_skills_illustration ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
a.illustration_portfolio_link {
	background:transparent url(/images/our_skills_link.png) no-repeat scroll 0 0;
	border:medium none;
	display:block;
	float:left;
	height:132px;
	margin:0 0 30px 170px;
	text-indent:-9000em;
	width:131px;
}
a.illustration_portfolio_link:hover {
	background-position:bottom left;
}





a.video_popup {
	background:transparent url(/images/video_popup.png) no-repeat scroll 0 0;
	display:block;
	float:left;
	font-size:14px;
	line-height:20px;
	margin:0 0 20px;
	padding:0 0 0 31px;
}

#gbt_video_link {
	background-image: url(/images/video_popup_gbt.png);
	margin: 10px 0;
	
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/images/smoke.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
	
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    
	
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	height:27px;
	font-size:15px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/*======= Basecamp =======*/
.basecamp {
	background: #EDEDED;
	padding: 5px;
}
.basecamp .list_title h1{
	color:#333333;
	font-size:14px;
	float: left;
	margin-bottom: 0px;
}

.basecamp .list_title {
	background-color:#EDF3FE;
	border-bottom:1px solid #DCDCDC;
	margin:0 0 5px;
	padding:6px 0px 6px 8px;
	height: 17px;
	clear: both;
}

.basecamp .list_title a{
	border:medium none;
	color:#333333;
	float:right;
	font-size:17px;
	font-weight:bold;
	margin:-5px 0px;
	padding:0 10px 0 20px;
}

.basecamp .companies_list {
	padding-left: 8px;
	clear: both;
}



.basecamp .company {
	margin-bottom: 7px;
}
.basecamp .company p {
	font-weight: bold;
	margin-bottom: 0px;
}

.basecamp .project {
}

.basecamp .project a{
	text-decoration:underline;
	color:#0033CC;	
	border-bottom:medium none;
	display:block;
	font-size:12px;
	font-weight:normal;
	margin:1px 0;
	padding:1px 1px 1px 8px;
}

.basecamp .project a:hover{
	background-color:#0033CC;
	color:#FFFFFF;
	text-decoration:none;
}
#project_ajax_loader {
	padding:50px 220px;
}

#project_display {
	clear:both;
}

#project_display table.todo_list th {
	font-size: 17px;
	margin-bottom: 5px;
	text-align: left;
}

#project_display table.todo_list {
	width: 500px;
	font-size: 14px;
}

#project_display table.todo_list tr{
	height: 20px;
}

#project_display table.todo_list tr.odd{
	background-color: #FCFCFC;
}

#project_display table.todo_list tr.even{
	background-color: #EDEDED;
}

#project_display table.todo_list td{
	height: 15px;
	padding: 2px 5px;
}

#project_display table.todo_list td.list_name{
	width: 400px;
}

#project_display table.todo_list .list_time{
	width: 100px;
	text-align:right;
}

#project_display table.todo_list .list_time a{
	border-bottom: none;
}

#project_display table.todo_list .list_time a:hover{
	border-bottom: solid 1px #2CA7C9;
	
}

#project_display table.todo_list .list_time img.td_ajax_loader{
	margin-right: 14px;
}