/***************************************************

	TEEHAN+LAX - SERVICES PAGE STYLES 	
	author: Chris Erwin	
	company: teehan+lax (www.teehanlax.com)	
	
****************************************************/

/******* INDEX ********
	=Services Homepage
	=Platforms
	=Strategy
************************/

/* =Services Homepage */
#services_home.content_container {
	background: url(../images/services/header_bg_services_home.jpg) no-repeat left top;	
}
#services_home .page_header {
	height: 133px;
}
	#services_home .page_header h1 {
		padding-top: 80px;
	}

#services_overview.content_box, #services_detail.content_box {
	padding: 30px 0 30px 30px;
}
#services_overview .left_column {
	width: 260px;
}	

#services_overview ul.standard_list {
	margin-bottom: 25px;
}	

#services_overview .middle_column,
#services_overview .right_column {
	width: 260px;
	border-left: 1px solid #e9e9e9;
	margin-left: 23px;
	padding-left: 23px;
}
#services_overview h1 {
	font-size: 20px;
	font-weight: bold;
	color: #70706e;
	margin-bottom: 30px;
}
#services_overview h2 {
	font-size: 30px;
}
#services_overview p {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 20px;
	color: #636363;
}

#services_overview em {
	color: #636363;
}
#services_overview h2 {
	margin-top: 20px;
}

#services_detail {
	position: relative;
}
	#services_detail p.intro {
		width: 540px;
		margin-bottom: 35px;
	}

#services_detail #checklist_legend {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 160px;
	padding: 15px 15px 8px 15px;
	background: #fcfcfc;
	border: 1px solid #f0efec;
}
	#services_detail #checklist_legend .item {
		display: block;
		font-size: 18px;
		font-weight: bold;
		color: #b0b0b0;
		margin-bottom: 7px;
	}
	#services_detail #checklist_legend .item img {	
		margin-right: 5px;
	}

table.checklist {
	margin-bottom: 30px;
}
table.checklist th {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid #d3d3d3;
	vertical-align: baseline;
	padding-bottom: 5px;
}
	table.checklist th.title {
		font-size: 22px;
		font-weight: bold;
		color: #000;
		width: 45%;		
	}
	table.checklist td {
		border-bottom: 1px solid #e5e5e5;
		font-size: 13px;
		color: #797979;
	}
	table.checklist td.label {
		font-size: 14px;
		padding: 7px 0;
		color: #565656;
	}
	table.checklist td.icon {
		padding-right: 10px;
	}

/* =Platforms */
#services_platforms.content_container {
	background: url(../images/services/header_bg_services.jpg) no-repeat right top;	
}

#services_platforms .page_header {
	position: relative;
}
#services_platforms .page_header h1 {
	padding-top: 65px;
}
.top_nav {
	position: absolute;
	bottom: -10px;
	left: 51px;
	width: 638px;
	height: 54px;
}
.top_nav li {
	float: left;
	font-size: 24px;
	font-weight: bold;
	width: 128px;
	padding-left: 29px;
	line-height: 53px;
	color: #000;
}
#top_nav_1 {
	background: url(../images/services/top_nav_1.gif) no-repeat;	
}
#top_nav_2 {
	background: url(../images/services/top_nav_2.gif) no-repeat;	
}
#top_nav_3 {
	background: url(../images/services/top_nav_3.gif) no-repeat;	
}
#top_nav_4 {
	background: url(../images/services/top_nav_4.gif) no-repeat;	
}

#top_nav_1-3 {
	background: url(../images/services/top_nav_1-3.gif) no-repeat;	
}
#top_nav_2-3 {
	background: url(../images/services/top_nav_2-3.gif) no-repeat;	
}
#top_nav_3-3 {
	background: url(../images/services/top_nav_3-3.gif) no-repeat;	
}


#process_copy {
	width: 590px;
}
	#process_copy .subsection {
		border-bottom: 1px solid #e9eaeb;
		margin-bottom: 25px;
		padding-bottom: 10px;
	}
	#process_copy .button_row {
		display: block;
		text-align: right;
		border-top: 1px solid #e9eaeb;
		padding-top: 10px;
		margin-top: 25px;
	}
	#process_thumbs {
		width: 240px;
	}
		#process_thumbs .view_work {
			background: #f6f6f6;
			padding: 5px;
			padding: 15px 35px;
			margin-bottom: 30px;
		}
		#process_thumbs .thumb {
			margin-bottom: 30px;
			margin-left: 3px;
		}
		#process_thumbs .thumb.last {
			margin-bottom: 0;
		}
		#process_thumbs .thumb .caption {
			display: block;
			text-align: right;
			font-size: 11px;
			padding-right: 10px;
			margin-top: 5px;
		}
		
/* =Strategy */
#services_strategy.content_container {
	background: url(../images/services/header_bg_services_strategy.jpg) no-repeat right top;	
}

#services_strategy.content_container #process_thumbs {
	display: none;
}