/*
Thoughtbubble 2010
/css/pages.css
individual page stylesheet
author: Chris Armstrong, Thoughtbubble Ltd
*/

.client_list_col {
	float:left; width:200px; padding:20px 20px 20px 0; line-height:1.4em;
}

.recent_work { background-color:#E4E4E4; margin-top:25px; margin-bottom:10px; position:relative; width:682px; }
.recent_work { margin-top:0px; padding-top:25px; overflow:hidden; }
.recent_work_bl_corner { position:absolute; top:100%; left:-1px;; }
.recent_work_bl_corner IMG { position:relative; top:-22px; }
.recent_work_br_corner { position:absolute; top:100%; left:100%; }
.recent_work_br_corner IMG { position:relative; top:-22px; left:-21px; }

.recent_work_container { height:195px; position:relative; }
.recent_work_container IMG { float:left; width:194px; height:135px; top:-3px; position:relative; margin-right:5px; display:inline; opacity:0.5; filter:alpha(opacity=50); }
.recent_work_container IMG.current_work { width:285px; height:185px; top:-30px; opacity:1.0; filter:alpha(opacity=100); }
.recent_work_text_container { position:relative; height:100px; }
.recent_work_text { position:absolute; top:-20px; left:0; display:none; width:682px; }
.recent_work_text h2 { font-size:1.2em; font-weight:bold; margin:0 0 0px 0; padding:0px 0px 0 10px; }
.recent_work_leader { padding:0px 20px 0 10px; }
.recent_work_link { float:right; width:106px; }

.recent_work_next { position:absolute; top:185px; left:640px; }
.recent_work_prev { position:absolute; top:185px; left:607px; }

.home_left_col { float:left; width:682px; padding:30px 0 0 0; overflow:hidden; }
.home_category_text { font-size:1.1em; line-height:1.6em; padding: 5px 0 10px 0;}
.home_right_col { float:right; width:255px; padding:30px 0 0 0; overflow:hidden; }

.home_modules { margin-bottom:10px; }
.home_modules IMG { margin-right:10px; }
.home_modules IMG.last_home_module { margin-right:0px; }

.home_blog_container {
	background-image:url(/images/bloglayout/BlogFrame_1px.gif);
	background-repeat:repeat-y;
	background-position:0 0;
}
.home_blog_top_title { float:left; width:200px; padding:0 0 8px 20px; }
.home_blog_top_title div { font-size:0.6em; }
.home_blog_top_btn { float:right; width:26px;  padding:0 5px 0 0;  }

a.home_blog_item:link, a.home_blog_item:visited { 
	display:block;
	background-color:#525151;
	color:#FFFFFF;
	font-size:0.9em;
	margin:2px 5px 0 5px;
	background-image:url(/images/bloglayout/Blog_Fade.gif);
	background-repeat:repeat-x;
	background-position:0 0;
	padding:5px 5px 5px 10px;
}

a.home_blog_item:hover { text-decoration:none; }
.home_blog_item strong { text-decoration:underline; }

#tagcloud { padding:10px 5px 0 5px; font-size:0.9em; text-align:center; }
a.tagcloudlink:link, a.tagcloudlink:visited { font-size:1em; }
a.tagcloudlink:hover {}

/*
-------------------------------------------
SERVICES
-------------------------------------------
*/
.category_text { font-size:1.1em; line-height:1.6em; padding: 5px 0 20px 0;}
.service_col { float:left; width:350px; padding:0 20px 0 0; border-right:1px solid #D0D0D0; }
.service_casestudy_col { float:right; width:300px; padding:10px 0 0 0; }
.service_casestudy_col h2 { font-size:1.2em; font-weight:bold; margin:0 0 0px 0; padding:0px 0px 0 0; }
.service_casestudy_col a:link, .service_casestudy_col a:visited { color:#2DB9EC; text-decoration:underline; font-weight:bold; line-height:1.8em; }
.service_casestudy_col a:hover { color:#2DB9EC; text-decoration:underline; }

/*
-------------------------------------------
PRIVACY
-------------------------------------------
*/
.privacy_content_col { float:left; width:400px; padding:20px 80px 0 0; }

/*
-------------------------------------------
HISTORY
-------------------------------------------
*/
.history_col { float:right; width:700px; padding:0 0px 0 0; }

.history_years { float:right; position:relative; border-bottom:1px solid #D0D0D0;  }
.history_years ul { padding:0; }
.history_years ul li { display:block; float:left; text-align:center; cursor:pointer; position:relative; height:25px; }
a.history_year_link:link, a.history_year_link:visited, a.history_year_link:hover { 
	display:block;
	position:absolute;
	top:4px;
	left:8px;
	text-decoration:none; 
	color:#666666; 
	z-index:5;
}

a.history_year_link_on:link, a.history_year_link_on:visited, a.history_year_link_on:hover { 
	color:#FFFFFF; 
}
#history_pointer { position:absolute; left:0px; top:0; height:25px; background-color:#2DB9EC; }



.history_full_width { position:relative; height:400px; margin-top:10px; }
.history_viewport { 
	width:700px; 
	height:400px; 
	overflow:hidden; 
	position:absolute; 
	left:0px; 
	}
#history_panels { position:absolute;}
.history_panel { width:660px; height:360px; float:left; display:block; padding:20px 20px 20px 20px;}


/* NOTE: IE6 needs a width and height to enforce opacity, but in IE6 opacity on a bg looks crap */
.history_panel h2 { }

.contact_left_col { 
	float:left;
	width:550px;
	padding:10px;
	border-top:3px solid #2DB9EC;
	background-color:#E9E9E9;
	position:relative;
	top:-1px;
}
* html .contact_left_col { position:static; }
.contact_right_col { float:right; width:370px; padding:10px 0 0 0; }

#contact_form { float:left; width:350px; padding:10px 0 10px 0; }
#contact_form label.mandatory { font-weight:bold; }
#contact_form .form_row { padding:0 0 8px 0; }
* html #contact_form .form_row { padding:0 0 0px 0; }
#contact_form label { float:left; width:80px; text-align:right; margin:0 10px 0 0; display:inline; }
#contact_form .textinput { float:left; width:257px; border:1px solid #2DB9EC; }
#contact_form .textareainput { float:left; width:257px; border:1px solid #2DB9EC; }
#contact_form .submit { float:right; border:0; margin-top:10px; background-color:#2DB9EC; color:#FFFFFF; font-weight:bold; padding:3px 5px 3px 5px; }

#contact_form .form_error label:before {content:"! ";}
#contact_form .form_error label {color:#FF0084;}
#contact_form .form_error .textinput { border:1px solid #FF0084; }
#contact_form .form_error .textareainput { border:1px solid #FF0084;  }

#contact_form .errMsg { padding:0 0 8px 90px; font-weight:bold; color:#FF0084; }
#contact_form div.errMsg { padding:0 0 8px 0px; font-weight:bold; color:#FF0084; }

.contact_address { float:right; width:170px; padding:10px 0 0 0; }



.case_study_left_col { float:left; width:420px; }
.case_study_right_col { float:right; width:250px; padding:10px 0 0 0; }
.case_study_quote { font-size:1.1em; font-weight:bold; margin:0 0 0px 0; padding:10px 0px 0 0; }
.case_study_quote p { display:inline; }
.case_study_quote_attributed { text-align:right; color:#999999; padding:10px 0px 0 0; }
.case_study_url { text-align:right; padding:10px 0px 0 0; }

.casestudy_service_col { padding:10px 0 0 0; }
.casestudy_service_col h2 { font-size:1.0em; font-weight:bold; margin:0 0 0px 0; padding:0px 0px 0 0; }
.casestudy_service_col a:link, .casestudy_service_col a:visited { color:#2DB9EC; text-decoration:underline; font-weight:bold; line-height:1.8em; }
.casestudy_service_col a:hover { color:#2DB9EC; text-decoration:underline; }

.about_left_col { float:left; width:380px; }
.about_right_col { float:right; width:294px; padding:10px 0 0 0; }

.sitemap_col {
	float:left; width:200px; padding:10px 10px 0 0;
}

.sitemap_col a:link, .sitemap_col a:visited {
	color:#666666;
	text-decoration:none;
}
.sitemap_col a:hover { text-decoration:underline; }

.sitemap_col a.top_link:link, .sitemap_col a.top_link:visited {
	font-weight:bold;
	line-height:3em;
}
.sitemap_col a.top_link:hover {}

.sitemap_col a.top_link_no_pad:link, .sitemap_col a.top_link_no_pad:visited {
	font-weight:bold;
	line-height:1.6em;
}
.sitemap_col a.top_link_no_pad:hover {}

.blog_nav_col { float:left; width:190px; }
.blog_nav_col #sub_navigation_list { width:190px; }
.blog_content_col { float:right; width:750px; }
.blog_left_col { float:left; width:450px; }
.blog_right_col { float:right; width:250px; padding:10px 0 0 0; }
.blog_right_col h2 { font-size:1.2em; font-weight:bold; margin:0 0 0px 0; padding:0px 0px 0 0; }
.blog_right_col a:link, .blog_right_col a:visited { color:#2DB9EC; text-decoration:underline; font-weight:bold; line-height:1.8em; }
.blog_right_col a:hover { color:#2DB9EC; text-decoration:underline; }

#comment_form { width:420px; padding:20px 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #666666;}
#comment_form label { float:left; width:100px; margin:0 0 0 0; }
#comment_form .textinput { float:left; width:300px;  margin:0 0 0 0; }
#comment_form .textareainput { float:left; width:300px;  margin:0 0 0 0; }
#comment_form .submit { float:right;  margin:0 16px 0 0; }

.comments_container { padding:20px 0 0 0; }
.comments_container h2 { border-bottom:1px solid #666666; padding:0 0 3px 0; }

.add_comment { text-align:right; position:relative; top:25px; }
.comment { border-bottom:1px dashed #666666; padding:5px 0 10px 0; }
.comment_attributed { font-weight:bold; padding:5px 0 0 0; }
.comment_date { color:#999999; font-size:0.8em; padding:0 0 5px 0; }

.form_row {  padding:8px 0 8px 0; }
.form_error label:before {content:"! ";}
.form_error label { color:#FF0084; }
.form_error .textinput { border:2px solid #FF0084; }
.form_error .textareainput { border:2px solid #FF0084;  }
.form_error .selectinput { border:2px solid #FF0084;  }

.search_result_row { padding:10px 0 10px 0; border-bottom:1px solid #D0D0D0; width:600px; }
.search_result_row a:link, .search_result_row a:visited { font-size:1.3em; font-weight:bold; }
.search_result_row a:hover {}

.search_left_col { float:left; width:600px; padding:30px 0 0 0; overflow:hidden; }
.search_right_col { float:right; width:337px; padding:30px 0 0 0; overflow:hidden; }