body {
	font-family: 'Avenir', 'Avenir LT Std', 'Gotham', 'Gotham HTF', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size: 14px;
	color: #fff;
	background: url(/images/about/bg.jpg) 0px 25px no-repeat #000;
	text-align: center;
}

#master_container a:link, #master_container a:active, #master_container a:visited {
	text-decoration: none;
	border-bottom: 1px solid #b1b1b1;
}

#enclosure {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 5150px;
}

#logo {
	position: absolute;
	top: 80px;
	left: 50px;
}

#time_left {
	position: absolute;
	left: 50px;
	top: 180px;
}

#time_left h1, #time_left h2 {
	display: inline;
}

h1, h2 {
	font-size: 27px;
	letter-spacing: 1px;
}

p {
	margin: 0px;
	font-size: 14px;
}

#time_left h1 {
	font-weight: bold;
	font-size: 27px;
}

#time_left h2 {
	font-weight: normal;
	color: #7a7a7a;
	display: inline;
	margin-left: 440px;
	margin-top: 15px;
	font-size: 1em;
}

/* progress bars */
#residences_container {
	position:absolute;
	top: 670px;
	left: 70px;
	width: 5000px;
	padding-bottom: 200px;
}

#residences_container h3 {
	text-transform: uppercase;
	text-indent: -4000px;
	background: url(/images/about/residences_icon.png) top left no-repeat;
	width: 140px;
	height: 50px;
}

#residences.timeline {
	top: 50px;
	left: 0px;
	margin-left: 10px;
}

div.timeline {
	width: 5000px;
	height: 55px;
	margin-left: 80px;
	margin-right: 50px;
	position: absolute;
	top: 395px;
	background: url(/images/about/progress_bg.png) top left repeat-x;
}

div.left_cap {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 25px;
	height: 55px;
	margin-left: -25px;
	background: url(/images/about/progress_left.png) top left no-repeat;
}

#dresidences div.left_cap {
	background: url(/images/about/progress_left_blue.png) top left no-repeat;
}

div.right_cap {
	float: right;
	width: 50px;
	height: 55px;
	margin-top: -1px;
	background: url(/images/about/progress_right.png) top right no-repeat;
}

#dresidences div.right_cap {
	background: url(/images/about/progress_right_blue.png) top right no-repeat;
}

div.active_bar {
	position: absolute;
	top: 14px;
	background: url(/images/about/active_bg.png) top left repeat-x;
	height: 25px;
}

#residences div.active_bar {
	background: url(/images/about/active_bg_blue.png) top left repeat-x;
}

div.active_left_cap {
	width: 10px;
	height: 25px;
	margin-left: -10px;
	background: url(/images/about/active_left_cap.png) top left no-repeat;
	float: left;
}

#residences div.active_left_cap {
	background: url(/images/about/active_left_cap_blue.png) top left no-repeat;
}

div.active_right_cap {
	width: 10px;
	height: 25px;
	background: url(/images/about/active_right_cap.png) top right no-repeat;
	float: right;
}

#residences div.active_right_cap {
	background: url(/images/about/active_right_cap_blue.png) top right no-repeat;
}

p.active_percentage {
	padding-top: 0px;
	padding-left: 5px;
	float: left;
	font-weight: bold;
}

#birth_icon {
	position: absolute;
	top: 330px;
	left: 70px;
	text-indent: -3000px;
	width: 71px;
	height: 28px;
	background: url(/images/about/birth_icon.png) top left no-repeat;
}

#graduated_hs_icon {
	position: absolute;
	top: 330px;
	left: 970px;
	text-indent: -3000px;
	width: 131px;
	height: 28px;
	background: url(/images/about/graduated_hs_icon.png) top left no-repeat;
}


#death_icon {
	position: absolute;
	top: 320px;
	left: 4950px;
	text-indent: -8000px;
	width: 131px;
	height: 48px;
	background: url(/images/about/death_icon.png) top left no-repeat;
}

#descriptions {
	position: absolute;
	top: 500px;
	left: 70px;
	width: 5000px;
}

#descriptions h3 {
	text-transform: uppercase;
	margin-bottom: 25px;
}

#descriptions p {
	width: 300px;
	float: left;
	line-height: 20px;
	font-size: 13px;
	padding-left: 40px;
	font-weight: normal;
}

#descriptions p.p1 {
	padding-left: 0px;
}

#descriptions p.pend {
	float: right;
}

#descriptions p.p35y {
	float: left;
	color: #777;
	padding-left: 800px;
}

#descriptions p.p65y {
	color: #777;
	float: left;
	padding-left: 1200px;
}