/* Just for the home page */

/* The darker area at the top of the page */
div#servicesintro {
	background: white url(/tpl/img/bg-servicesintro.png) left repeat-y;
}
	/* Curved (sigh) corner */
	#servicesintro div {
		background: url(/tpl/img/bg-servicesintro-div.png) bottom left no-repeat;
	}
		#servicesintro div div {
			background: none;
		}
	
	#servicesintro h1 {
		width: 302px;
		float: left;
		color: white;
		font-size: 210%;
		margin: 0 0 4px 0;
		padding: 149px 0;
		padding: 147px 0 149px 25px;
		line-height: 1;
		background: url(/tpl/img/bg-servicesintro-h1.jpg) top left no-repeat;
	}
	* html #servicesintro h1 {
		width: 327px;
		wid\th: 302px;
	}

	/* The container for both services */
	div#services {
		float: left;
		width: 605px;
	}
		/* Intro paragraph to each service */
		.servicetype div {
			width: 317px;
			float: left;
			color: white;
			padding: 12px 0 0 0;
		}
		#services .last {
			border-top: solid 1px #b2b3b3;
			margin-top: 1em;
		}
			.servicetype a {
				color: white;
			}
			.servicetype h2 {
				margin: 0 0 0.3em 0;
				font-size: 180%;
			}
				.servicetype h2 a {
					text-decoration: none;
				}
			.servicetype p {
				margin: 0 6px 1.2em 0;
			}
		/* Case study to the right of above */
		#servicesintro .casestudy {
			width: 286px;
			background: url(/tpl/img/bg-casestudy.png) bottom right no-repeat;
			padding: 13px 0 21px 0;
		}
			#servicesintro .casestudy div {
				color: #666;
				background: #fdfdfd url(/tpl/img/bg-casestudy-div.png) left repeat-y;
				border: solid 1px #dddfdf;
				border-bottom: none;
				padding: 0.5em 0 0 0;
				width: auto;
				float: none;
			}
				.casestudy blockquote {
					margin: 0;
					float: left;
					width: 172px;
					background: url(/tpl/img/bg-casestudy-blockquote.png) top left no-repeat;
				}
					.casestudy h3 {
						margin: 0 10px 0.4em 10px;
						font-size: 120%;
					}
					.casestudy blockquote p {
						margin: 0 10px 0.6em 21px;
						line-height: 1.2;
						float: none;
						width: auto;
						text-align: left;
					}
						.casestudy cite {
							font-size: 90%;
							font-style: normal;
						}
				.casestudy p {
					margin: 0 0 1em 0;
					float: left;
					width: 111px;
					text-align: center;
				}
					.casestudy p a {
						text-decoration: none;
					}
	
/* The elements against white, before the supplementary navigation */
div#lowercontent {
	padding: 1em 0;
}
	/* All the large grey headings in the white area */
	#lowercontent h2 {
		font-size: 150%;
		border-top: solid 1px #e0e0e0;
		margin: 0;
		padding: 0.2em 0 0.6em 0;
	}
		#lowercontent a {
			text-decoration: none;
			color: #cc3300;
		}
		#lowercontent h1 a, #lowercontent h2 a, #lowercontent h3 a, #lowercontent h4 a, #lowercontent h5 a, #lowercontent h6 {
			color: #666;
		}
	/* The news stories, left */
	div#news {
		float: left;
		width: 487px;
	}
		#news h2, #casestudies h2, #news p {
			margin-right: 18px;
		}
		#news div, #papercase div {
			position: relative;
			height: 100px;
		}
		html[lang] #news div, html[lang] #papercase div {
			height: auto;
			min-height: 100px;
		}
			#news p {
				border-top: solid 1px #e0e0e0;
				padding: 0.8em 0 0 0;
			}
				#news div p {
					border: none;
					padding: 0;
					margin-right: 6px;
				}

			#lowercontent div div h3, #lowercontent div div h4, #lowercontent div div h5, 
			#lowercontent div div h6, #lowercontent div div p, div div#casestudies div p,
			#lowercontent div div ul {
				margin: 0 6px 1em 155px;
				font-size: 100%;
				border: none;
			}
			#lowercontent ul, #lowercontent ul li {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
				#lowercontent ul li {
					background: url(/tpl/img/bullet-home.png) top left no-repeat;
					padding: 0 0 0.8em 10px;
				}

			/* The thumbnail images */
			#lowercontent p.img {
				position: absolute;
				top: 0;
				left: 0;
				margin: 0;
				width: 155px;
			}
				#lowercontent .img img {
					margin: 0 0 10px 0;
				}
	
	/* The White Papers and Case Studies */
	div#papercase {
		float: left;
		width: 473px;
	}
		div#casestudies {
			float: left;
			width: 323px;
		}
			#casestudies div {
				height: 100px;
			}
			html[lang] #casestudies div {
				height: auto;
				min-height: 100px;
			}

		div#contactus {
			float: left;
			width: 150px;
		}
			div div#contactus p, div div#casestudies p {
				margin: 0 0 1em 0;
			}
/* On the home page, the footer is used for logos too */
#footer p {
	float: left;
	width: 290px;
}
#footer ul {
	float: left;
	width: 660px;
	text-align: right;
}
	div#footer li {
		display: inline;
		margin: 0 0 0 16px;
	}
		#footer ul img {
			vertical-align: top;
		}