html {
	background: #f0f0f0 url(/images/uploads/research_background.jpg) repeat 10px 10px;
}

body {
	background: transparent;
	text-align: center;
}

#wrapper {
	margin: 110px auto 0 auto;
	text-align: left;
	width: 960px;
}

#site_title {
	background: transparent url(/images/uploads/threads_tab.png) no-repeat 100% 0;
	height: 89px;
	left: 0;
	padding: 0 0 0 40px;
	position: fixed;
	text-indent: -5000px;
	top: 0;
	width: 369px;
	z-index: 50;
}

* html #site_title {
	position: absolute;
}

	#site_title a {
		display: block;
		height: 89px;
		margin: 0 40px;
	}

#description {
	background: #f0f0f0;
	background : rgba(240, 240, 240, .6);
	border: 12px solid #c5c6ae;
	border: 12px solid rgba(147, 173, 118, .3);
	float: left;
	padding: 0 18px;
	width: 390px;
}

	#description p {
		font-size: 1.1667em;
		line-height: 1.2857;
		margin: 1.2857em 0;
	}

	#description p.poignant {
		color: #a00;
		font-size: 1.5em;
		font-weight: bold;
		line-height: 1;
		margin: 1em 0;
	}
	
#video {
	background: url(/images/uploads/research_tape.gif) no-repeat 0 100%;
	float: left;
	margin-left: 40px;
	padding-bottom: 205px;
	width: 470px;
}

	#video object, #video embed {
		display: block;
		margin: 0;
	}
	
#stats {
	clear: both;
	float: left;
	padding: 0;
	width: 960px;
}

	#stats h2 {
		font-size: 3em;
		margin: 1em 0 0 .444em;
		line-height: 1;
	}
	
	#stats ul {
		float: left;
		list-style: none;
		margin: 1.5em 0;
	}
	
	#stats li {
		clear: left;
		float: left;
		margin: 0;
		position: relative;
		white-space: nowrap;
	}
	
	#stats div.row {
		background: url(/images/uploads/research_people_black.gif);
		height: 82px;
		margin-left: 5px;
		position: relative;
		width: 950px;
	}

	#stats div.row span.index { 
		background: url(/images/uploads/research_people_blue.gif);
		display: block; 
		position: absolute; 
		top: 0; 
		left: 0; 
		height: 82px;
		text-indent: -9999px; 
		overflow: hidden;
		width: 0;
	}

	#stats div.row2, #stats div.row4, #stats div.row2 span.index, #stats div.row4 span.index {
		background-position: 38px;
	}

	div.chart {
		clear: both;
		height: 328px;
		display: none;
		padding: 2em 0;
		width: 960px;
	}
	
	p.question {
		background: #fff;
		clear: both;
		float: left;
		font-size: 1.1667em;
		line-height: 1.84;
		margin: 0;
		padding: 1em;
		box-shadow : 0 0 5px #888;
		-webkit-box-shadow : 8px 8px 7px #ccc;
	}
	
	.js p.question {
		color: #318fa9;
		cursor: pointer;
		text-decoration: underline;
	}
	
	.js p.question:hover {
		text-decoration: none;
	}
	
	p.count {
		display: inline;
		font-size: 1.1667em;
		font-weight: bold;
		line-height: 1.84;
		padding-left: 2em;
	}
	
	.js p.count {
		display: none;
		height: 102px;
		padding: 0;
		position: absolute;
		left: 765px;
		top: 40px;
		width: 225px;
	}
	
	.js .count span {
		float: left;
		height: 102px;
		text-indent: -9999px;
		width: 75px;
	}
	
	.js span.zero {
		background: url(/images/uploads/research_numbers.gif) no-repeat 50% 0px;
	}
	
	.js span.one {
		background: url(/images/uploads/research_numbers.gif) no-repeat 50% -104px;
	}
	
	.js span.three {
		background: url(/images/uploads/research_numbers.gif) no-repeat 50% -206px;
	}
	
	.js span.six {
		background: url(/images/uploads/research_numbers.gif) no-repeat 50% -309px;
	}
	
	.js p.count span.eight {
		background: url(/images/uploads/research_numbers.gif) no-repeat 50% -410px;
		height: 95px;
	}
	
	.js span.nine {
		background: url(/images/uploads/research_numbers.gif) no-repeat 50% -507px;
	}
	
	.js p.count span.percent {
		background: url(/images/uploads/research_numbers.gif) no-repeat 50% -607px;
		width: 60px;
	}
	
#resources {
	clear: both;
	float: left;
	padding-top: 2em;
	width: 960px;
}

	#resources h2 {
		font-size: 3em;
		margin: 0 0 0 .444em;
		line-height: 1;
	}
	
	#resources div {
		background: #f0f0f0;
		background : rgba(240, 240, 240, .6);
		border: 4px solid #5d5d5d;
		border: 4px solid rgba(0, 0, 0, .6);
		float: left;
		margin: 1.5em 40px 1.5em 0;
		padding: 0 18px;
		text-align: center;
		width: 166px;
	}
	
	#resources div.last {
		margin-right: 0;
	}
	
	#resources h3 a {
		color: #000;
	}
	
	#resources h3 a:link, #resources h3 a:visited {
		text-decoration: underline;
	}
	
	#resources h3 a:hover {
		text-decoration: none;
	}
	
	#resources div img {
		display: block;
		float: none;
		margin: 0 auto;
	}
	
	#resources div p {
		min-height: 9em;
	}
	
	* html #resources div p {
		height: 9em;
	}

#footer {
	clear: both;
	float: left;
	width: 960px;
}

#sign_up {
	float: left;
	margin: 1.5em 40px 1.5em 0;
	position: relative;
	width: 460px;
}

	#sign_up h2 {
		font-size: 3em;
		margin: .75em 0 0 0;
		line-height: 1;
	}
	
	#sign_up em {
		color: #a00;
		font-style: normal;
		font-weight: bold;
	}
	
	#newsletter_form form {
		color: #666;
		line-height: 1;
	}

	#newsletter_form .form_input input {
		border: 2px solid #d2d3ce;
		background: #fff;
		color: #666;
		font-size: 3em;
		line-height: 1;
		padding: 0 10px;
		width: 436px;
	}

	#newsletter_form form label {
		display: block;
		font-size: 1.5em;
		font-style: italic;
		margin-bottom: .5em;
	}

	#newsletter_form .form_input {
		margin-bottom: 1.5em;
	}

	#newsletter_form .buttonHolder input {
		font-size: 1.5em;
		margin-bottom: 0;
	}

	#newsletter_form .hide {
		display: none;
	}

	#sign_up .extra {
		background: url(/images/uploads/research_arrow.gif) no-repeat 0 0;
		height: 100px;
		left: 120px;
		position: absolute;
		top: -85px;
		width: 22px;
	}

#discussion {
	background: url(/images/uploads/research_dialog.gif) no-repeat 0 0;
	float: left;
	height: 320px;
	margin: 1.5em 0;
	width: 460px;
}

	#discussion h2, #discussion p {
		margin-left: 120px;
		margin-right: 40px;
	}
	
	#discussion h2 {
		margin-top: 27px;
	}