#timeline-swf-container {
	display:		none;
	position:		relative;
	left:			50%;
	*left:			25%;
	_left:			25%;
	top:			50%;
	width:			864px;
	height:			633px;
	margin-left:	-420px;
	margin-top:		-316px;
	z-index: 		2000;
	cursor:			normal;
	}
	
#timeline-contribute-swf-wrapper,
#timeline-detail-swf-wrapper {
	width:	100%;
	height:	100%;
	}

#timeline-detail-display {
	position:			absolute;
	left:				114px;
	top:				68px;
	width:				640px;
	height:				385px;

	opacity:			0;
	-moz-opacity:		0;
	filter:				alpha(opacity=0);
	}

body {
	background:	url(/image/about/timeline/backdrop_tile_sparkle.jpg) 50% 0 repeat-y fixed #530c0d;
	}

body.safari {
	/** Safari moves all body content into #body-wrapper, which will then host the background sparkle **/
	background:	#530c0d;
	}

body.safari #body-wrapper {
	position:		relative;
	overflow:		auto;
	height:			100%;
	background:		url(/image/about/timeline/backdrop_tile_sparkle.jpg) 50% 0 repeat-y;
	}

#backdrop-corner-left,
#backdrop-corner-right {
	z-index:	0;
	}

#gradient-backdrop {
	/** Smoothly blends in with page title on the sides **/
	position:	absolute;
	left:		0;
	top:		0;
	width:		100%;
	height:		613px;
	background:	url(/image/about/timeline/backdrop_tile_gradient.jpg) repeat-x #530c0d;
	z-index:	-20;
	}

#content-box {
	position:	relative;
	margin-top:	-100px;
	}

#timeline-grid {
	visibility:	hidden;
	z-index:	200;
	text-align:	center;
	padding:	392px 20px 220px 20px;	/* top/bottom padding for IE6 detection of mouse leaving in those directions */
	font-size:	0;
	}
	
#timeline-grid .item {
	position:			relative;
	display:			inline-block;
	width:				245px;
	height:				190px;
	vertical-align:		top;
	background-color:	#000;

	/* IE6 fix for inline-block */
	*display:		inline;
	zoom:			1;
	}

#timeline-grid .item .overlay {
	position:		absolute;
	left:			0;
	top:			0;
	width:			245px;
	height: 		190px;
	z-index:		10;
	opacity:		.6;
	-moz-opacity:	.6;
	filter:			alpha(opacity=60);
	background:		#000;
	}

#timeline-grid .item img {
	width:	245px;
	height:	190px;
	}

#timeline-grid .item img.payload {
	/** will host the actual thumbnail **/
	position:	absolute;
	left:		0;
	top:		0;
	width:		245px;
	height:		190px;
	}
	
#timeline-grid .item .overlay.inactive {
	display:	none;
	}

#timeline-grid .item.more .overlay.inactive {
	display:		block;
	opacity:		.5;
	-moz-opacity:	.5;
	filter:			alpha(opacity=50);
	}

#timeline-grid .item.more .icon {
	position:		absolute;
	display:		block;
	z-index:		5;
	left:			0;
	top:			0;
	width:			100%;
	height:			100%;
	background:		url(/image/about/timeline/item_more-icon.png) 50% 50% no-repeat;
	}

* html #timeline-grid .item.more .icon {
	background:	url(/image/about/timeline/item_more-icon_ie6.png) 50% 50% no-repeat;
	}

#timeline-grid .item.header {
	background:	url(/image/about/timeline/item_header-backdrop.png) no-repeat;
	}

* html #timeline-grid .item.header {
	background:	url(/image/about/timeline/item_header-backdrop_ie6.png) no-repeat;
	}
	
#timeline-grid .item.terminator {
	opacity:		.6;
	-moz-opacity:	.6;
	filter:			alpha(opacity=60);
	background:		#000;
	}
	
#timeline-grid .item.header span {
	display:	block;
	overflow:	hidden;
	margin:		0;
	width:		0;
	height:		0;
}

#timeline-grid .item.image,
#timeline-grid .item.video,
#timeline-grid .item.more {
	background:	url(/image/about/timeline/item_load-indicator.gif) 50% 50% no-repeat #000;
	}

#timeline-grid .item.image.loaded,
#timeline-grid .item.video.loaded {
	background:	#000;
	}

#timeline-grid .item.more.loaded {
	background:	url(/image/about/timeline/item_load-indicator.gif) 50% 50% no-repeat #000;
	}

#timeline-grid .item .video-overlay {
	display:	none;
	position:	absolute;
	left:		0;
	top:		0;
	width:		100%;
	height:		100%;
	}

#timeline-grid .item.loaded .video-overlay {
	display:	block;
	background:	url(/image/about/timeline/item_video-overlay.png) no-repeat;
	}
	
* html #timeline-grid .item .video-overlay {
	background:	none;
	filter:		progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/about/timeline/item_video-overlay.png', sizingMethod='crop');
	}

	
#timeline-grid-highlight {
	display:			none;
	position:			absolute;
	left:				0;
	top:				0;
	width:				245px;
	height:				217px;
	z-index:			20;
	background:			url(/image/about/timeline/sprite_item_highlight_frame.png) no-repeat 0 0;
	cursor:				pointer;
	}

* html #timeline-grid-highlight {
	background-image:	url(/image/about/timeline/sprite_item_highlight_frame_ie6.png);
	}

#timeline-grid-highlight.more {
	background-position:	-245px 0;
	}

* html #timeline-grid-highlight.more {
	background:			url(/image/about/timeline/sprite_item_highlight_frame_ie6.png) -245px 0;
	}
	
#timeline-grid-highlight .time {
	position:	absolute;
	left:		0;
	top:		0;
	height:		21px;
	margin:		15px 6px;
	background:	url(/image/about/timeline/sprite_item_highlight_time.png) no-repeat;
	}

#timeline-grid-highlight .time.decade {
	width:	56px;
	}

#timeline-grid-highlight .time.year {
	width:	44px;
	}

#timeline-grid-highlight .title {
	position:		absolute;
	left:			0px;
	bottom:			22px;
	width:			229px;
	height:			33px;
	color:			#fff;
	margin:			0 8px;
	text-align:		left;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		14px;
	font-weight:	bold;
	overflow:		hidden;
	line-height:	20px;
	}

#timeline-menu {
	position:	fixed;
	left:		0;
	top:		200px;
	z-index:	1000;
	font-size:	0;
	}

* html #timeline-menu {
	position:	absolute;
	}

#timeline-menu-jump {
	position:	absolute;
	top:		0;
	left:		-80px;
	width:		130px;
	height:		180px;
	z-index:	10;
	cursor:		pointer;
	}

#timeline-menu-jump ul {
	float:				left;
	margin:				0;
	padding:			10px 0;
	list-style-type:	none;
	width:				78px;
	background:			#020202;
	text-align:			center;
	border:				1px solid #a39d9d;
	}

#timeline-menu-jump .year-divider {
	display:		inline-block;
	width:			52px;
	height:			9px;
	background:		url(/image/about/timeline/menu_year-divider.png) no-repeat 0 50%;
	}
	
#timeline-menu-jump ul span {
	display:	none;
	}

#timeline-menu-jump li {
	display:		inline-block;
	width:			40px;
	height:			12px;
	background:		url(/image/about/timeline/menu_sprite_years.png) no-repeat;
	}

#timeline-menu-jump li.y2010 { background-position:	0 0; }
#timeline-menu-jump li.y2000 { background-position:	0 -12px; }
#timeline-menu-jump li.y1990 { background-position:	0 -24px; }
#timeline-menu-jump li.y1980 { background-position:	0 -36px; }
#timeline-menu-jump li.y1970 { background-position:	0 -48px; }
#timeline-menu-jump li.y1960 { background-position:	0 -60px; }
#timeline-menu-jump li.y1950 { background-position:	0 -72px; }
#timeline-menu-jump li.y1940 { background-position:	0 -84px; }
#timeline-menu-jump li.y1930 { background-position:	0 -96px; }
#timeline-menu-jump li.y1920 { background-position:	0 -108px; }
#timeline-menu-jump li.y1910 { background-position:	0 -120px; }
#timeline-menu-jump li.y1900 { background-position:	0 -132px; }
#timeline-menu-jump li.y1890 { background-position:	0 -144px; }
#timeline-menu-jump li.y1880 { background-position:	0 -156px; }

#timeline-menu-jump li.y2010:hover { background-position:	-40px  0; }
#timeline-menu-jump li.y2000:hover { background-position:	-40px -12px; }
#timeline-menu-jump li.y1990:hover { background-position:	-40px -24px; }
#timeline-menu-jump li.y1980:hover { background-position:	-40px -36px; }
#timeline-menu-jump li.y1970:hover { background-position:	-40px -48px; }
#timeline-menu-jump li.y1960:hover { background-position:	-40px -60px; }
#timeline-menu-jump li.y1950:hover { background-position:	-40px -72px; }
#timeline-menu-jump li.y1940:hover { background-position:	-40px -84px; }
#timeline-menu-jump li.y1930:hover { background-position:	-40px -96px; }
#timeline-menu-jump li.y1920:hover { background-position:	-40px -108px; }
#timeline-menu-jump li.y1910:hover { background-position:	-40px -120px; }
#timeline-menu-jump li.y1900:hover { background-position:	-40px -132px; }
#timeline-menu-jump li.y1890:hover { background-position:	-40px -144px; }
#timeline-menu-jump li.y1880:hover { background-position:	-40px -156px; }
	
#timeline-menu-jump .tab {
	float:					left;
	width:					45px;
	height:					180px;
	background:				url(/image/about/timeline/menu_sprite_tabs.png);
	border-right-width:		1px;
	border-bottom-width:	1px;
	border-right-style:		solid;
	border-bottom-style:	solid;
	border-right-color:		#000;
	border-bottom-color:	#000;
	}

#timeline-menu-jump:hover .tab {
	background-position:	-45px 0;
	}
	
#timeline-menu-contribute {
	position:				absolute;
	left:					0;
	top:					183px;
	width:					45px;
	height:					180px;
	background:				orange;
	cursor:					pointer;
	background:				url(/image/about/timeline/menu_sprite_tabs.png) 0 -180px;
	border-right-width:		1px;
	border-bottom-width:	1px;
	border-right-style:		solid;
	border-bottom-style:	solid;
	border-right-color:		#000;
	border-bottom-color:	#000;
	}
	
#timeline-menu-contribute:hover {
	background-position:	-45px -180px;
	}