/*----------------------------------------------------------------------------------------
timeline.css
----------------------------------------------------------------------------------------*/
body { background-image: url(/images/bg/bg_body_timeline.gif); }

/* #content
----------------------------------------------------------------------------------------*/
#content { }
	#content #content_main { }
/* #module_process
----------------------------------------------------------------------------------------*/
#module_process {}	
	#module_process #module_utility { 
		position: absolute; 
		width: 100%;
		top: 0;
		left: 0;
		margin: 65px 0 0 0;
		border-bottom: 1px solid #585858;		
		padding: 0 0 8px 0;	
	}
		#module_process #module_utility .content { float: none; }
		#module_process #module_utility .btns { float: right; }
		#module_process #module_utility a {
			height: 29px;
			width: 27px;
		}
		#module_process #module_utility a#btn_prev { background-image: url(/images/btn/btn_scroll_left_alt.gif); }
		#module_process #module_utility a#btn_next { background-image: url(/images/btn/btn_scroll_right_alt.gif); }
		
	#module_process .overflow {
		height: 481px;
		width: 100%;
	}
	#module_process #steps { 
		height: 481px;
		position: relative;
	}
	#periods { float: left; }
	#module_process .step {
		border: 0;
		width: 960px;
		padding: 0 100px 0 0;
		height: 481px;
		background-position: left bottom;
		background-repeat: no-repeat;
		position: relative;
		
	}
	#module_process .step#period1 { background-image: url(/images/bg/bg_timeline_period_1880.jpg); }
	#module_process .step#period2 { background-image: url(/images/bg/bg_timeline_period_1880.jpg); }
	#module_process .step#period3 { background-image: url(/images/bg/bg_timeline_period_1880.jpg); }
	#module_process .step#period4 { background-image: url(/images/bg/bg_timeline_period_1921.jpg); }
	#module_process .step#period5 { background-image: url(/images/bg/bg_timeline_period_1931.jpg); }
	#module_process .step#period6 { background-image: url(/images/bg/bg_timeline_period_1931.jpg); }
	#module_process .step#period7 {  background-image: url(/images/bg/bg_timeline_period_1951.jpg); }
	#module_process .step#period8 {  background-image: url(/images/bg/bg_timeline_period_1951.jpg); }
	#module_process .step#period9 { background-image: url(/images/bg/bg_timeline_period_1971.jpg); }
	#module_process .step#period10 { background-image: url(/images/bg/bg_timeline_period_1971.jpg); }
	#module_process .step#period11 { background-image: url(/images/bg/bg_timeline_period_1971.jpg); }
	#module_process .step#period12 { background-image: url(/images/bg/bg_timeline_period_1971.jpg); }
	
	#module_process h2 {
		width: 238px;
		height: 64px;
		background-position: left bottom;
		background-repeat: no-repeat;
		text-indent: -1000em;
		margin: 37px 0 12px 0;
	}
		#module_process h2.long {
			width: 254px;
		}
	#module_process .lead {
		font-size: 1.3em;
		font-weight: bold;
		color: #fff;
		line-height: 1.6;
		width: 550px;
		height: 112px;
		text-indent: -2000em;
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	
	#module_process #period1 .lead {
		background-image: url(/images/para/para_timeline_period1.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/para/para_timeline_period1.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period2 .lead {
		background-image: url(/images/para/para_timeline_period2.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/para/para_timeline_period1.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period3 .lead {
		background-image: url(/images/para/para_timeline_period3.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/para/para_timeline_period3.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period4 .lead {
		background-image: url(/images/para/para_timeline_period4.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/para/para_timeline_period4.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period5 .lead {
		background-image: url(/images/para/para_timeline_period5.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/para/para_timeline_period5.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period6 .lead {
		background-image: url(/images/para/para_timeline_period6.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/para/para_timeline_period6.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period7 .lead {
		background-image: url(/images/para/para_timeline_period7.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/para/para_timeline_period7.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period8 .lead {
		background-image: url(/images/para/para_timeline_period8.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/para/para_timeline_period8.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period9 .lead {
		background-image: url(/images/para/para_timeline_period9.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/para/para_timeline_period9.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period10 .lead {
		background-image: url(/images/para/para_timeline_period10.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/para/para_timeline_period10.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period11 .lead {
		background-image: url(/images/para/para_timeline_period11.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/para/para_timeline_period11.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period12 .lead {
		background-image: url(/images/para/para_timeline_period12.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/para/para_timeline_period12.png', sizingMethod='image');
		_background: none;
	}
	
	#module_process #period1 h2 {
		background-image: url(/images/hdr/hdr_timeline_period1.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdr/hdr_timeline_period1.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period2 h2 {
		background-image: url(/images/hdr/hdr_timeline_period2.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdr/hdr_timeline_period2.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period3 h2 {
		background-image: url(/images/hdr/hdr_timeline_period3.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdr/hdr_timeline_period3.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period4 h2 {
		background-image: url(/images/hdr/hdr_timeline_period4.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdr/hdr_timeline_period4.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period5 h2 {
		background-image: url(/images/hdr/hdr_timeline_period5.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdr/hdr_timeline_period5.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period6 h2 {
		background-image: url(/images/hdr/hdr_timeline_period6.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdr/hdr_timeline_period6.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period7 h2 {
		background-image: url(/images/hdr/hdr_timeline_period7.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdr/hdr_timeline_period7.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period8 h2 {
		background-image: url(/images/hdr/hdr_timeline_period8.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdr/hdr_timeline_period8.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period9 h2 {
		background-image: url(/images/hdr/hdr_timeline_period9.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdr/hdr_timeline_period9.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period10 h2 {
		background-image: url(/images/hdr/hdr_timeline_period10.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdr/hdr_timeline_period10.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period11 h2 {
		background-image: url(/images/hdr/hdr_timeline_period11.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdr/hdr_timeline_period11.png', sizingMethod='image');
		_background: none;
	}
	#module_process #period12 h2 {
		background-image: url(/images/hdr/hdr_timeline_period12.png);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdr/hdr_timeline_period12.png', sizingMethod='image');
		_background: none;
	}
	
	#module_process .facts {
		background: url(/images/bg/bg_timeline_curve.png) no-repeat;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg/bg_timeline_curve.png', sizingMethod='image');
		_background: none;
		height: 327px;
		width: 960px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
		#module_process .facts .fact {
			position: absolute;
			top: 0;
			left: 0;
			width: 283px;
		}
		#module_process .facts .fact.fact1 { margin: 155px 0 0 20px; }
		#module_process .facts .fact.fact1.plain { margin: 155px 0 0 32px; }
		#module_process .facts .fact.plain1 { _margin: 155px 0 0 32px !important; }
		
		#module_process .facts .fact.fact2 { margin: 210px 0 0 311px; }
		#module_process .facts .fact.fact2.plain { margin: 210px 0 0 311px; }
		#module_process .facts .fact.plain2 { _margin: 210px 0 0 311px !important; }
		
		#module_process .facts .fact.fact3 { margin: 91px 0 0 415px; }
		#module_process .facts .fact.fact3.plain { margin: 91px 0 0 435px; }
		#module_process .facts .fact.plain3 { _margin: 91px 0 0 435px !important; }
		
		#module_process .facts .fact.fact4 { margin: 47px 0 0 687px; }
		#module_process .facts .fact.fact4.plain { margin: 47px 0 0 694px; }
		#module_process .facts .fact.plain4 { _margin: 47px 0 0 694px !important; }
		
		#module_process .facts .fact.plain5 { _margin: 210px 0 0 311px !important; }
		#module_process .facts .fact.plain6 { _margin: 91px 0 0 435px !important; }
		
			#module_process .facts .fact .arrow {
				background: url(/images/btn/btn_timeline_fact.png) no-repeat;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn/btn_timeline_fact.png', sizingMethod='image');
				_background: none;
				width: 30px;
				height: 33px;
				text-indent: -10000em;
				float: left;
			}
			#module_process .facts .fact.plain .arrow {
				background: url(/images/bullet/bullet_timeline_fact.png) no-repeat;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bullet/bullet_timeline_fact.png', sizingMethod='image');
				_background: none;
				width: 10px;
				height: 9px;
				margin: 3px 4px 0 0;
			}
			#module_process .facts .fact .fact_panel {
				background: url(/images/bg/bg_timeline_fact.png) no-repeat;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg/bg_timeline_fact.png', sizingMethod='image');
				_background: none;
				width: 253px;
				height: 81px;
				float: left;
			}
			#module_process .facts .fact.plain .fact_panel {
				background: none;
				_filter: none;
				float: left;
			}
			#module_process .facts .fact h3 {
				color: #e7da97;
				font-size: 1.3em;
				text-indent: 0;
				font-weight: bold;
				filter:alpha(opacity=100);
				-moz-opacity: 1.0;
				-khtml-opacity: 1.0;
				opacity: 1;
				margin: 13px 0 2px 8px;
			}
			#module_process .facts .fact.plain h3 {
				float: left;
				margin: 0 4px 0 0;
				font-size: 1.2em;
				font-weight: normal;
				color: #d4d4d4;	
				font-style: italic;
				line-height: 1.3;
			}
			#module_process .facts .fact p {
				color: #9e9e9e;
				font-size: 1.2em;
				line-height: 1.3;
				margin: 0 24px 0 8px;
			}
			#module_process .facts .fact.plain p {
				float: left;
				margin: 0;
				font-size: 1.2em;
				color: #9e9e9e;
				font-style: italic;
				width: 214px;
			}
		#module_process .facts .fact.hover { cursor: pointer; }
			#module_process .facts .fact.hover p {  color: #fff;  } 
			
/* #timeline_bar
----------------------------------------------------------------------------------------*/
#timeline_bar {
	height: 123px;
	background: url(/images/bg/bg_timeline_bar.gif) repeat-x left top;
	position: relative;
	z-index: 2;
	margin: -15px 0 0 0;
	padding: 0 11px;
}
	#timeline_bar #timeline_track {
		width: 938px;
		height: 36px;
		background: url(/images/bg/bg_timeline_intervals.gif) no-repeat left top;
		position: relative;
		cursor: pointer;
		margin: 0 0 11px 0;
	}
		#timeline_bar #timeline_track #knob {
			background: #e7da97;
			height: 10px;
			width: 75px;
			position: relative;
			top: -5px;
			cursor: pointer;
			left: 27px;
		}

	#timeline_bar #timeline_btns {}
		#timeline_bar #timeline_btns a {
			display: block;
			float: left;
			width: 299px;
			height: 37px;
			text-indent: -1000em;
			margin: 0 20px 0 0;
		}
		#timeline_bar #timeline_btns a#btn_clocks { background-image: url(/images/btn/btn_notable_clocks.gif); }
		#timeline_bar #timeline_btns a#btn_owners { background-image: url(/images/btn/btn_notable_owners.gif); }
		#timeline_bar #timeline_btns a#btn_bell { 
			background-image: url(/images/btn/btn_bell_story.gif); 
			margin: 0;
		}
		
/* overlays
----------------------------------------------------------------------------------------*/
.overlay816 {
	width: 816px;
	top: 100px; 
	left: 100px;  
}
	.overlay816 .overlay_content { 
		padding: 0 19px 0 19px; 
		background: url(/images/bg/bg_overlay_816_content.png) no-repeat left bottom;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg/bg_overlay_816_content.png', sizingMethod='scale');
		_background: none;
		zoom: 1;
	}
	.overlay816 .overlay_head {
		background: url(/images/bg/bg_overlay816_head.gif) repeat-x left bottom;
		height: 44px;
		padding: 0 7px 0 0;
	}
		.overlay816 .overlay_head h3 {
			height: 44px;
			width: 199px;
			background-repeat: no-repeat;
			background-position: left bottom;
			float: left;
			text-indent: -1000em;
			margin: 0;
		}
		.overlay816#overlay_clocks .overlay_head h3 { background-image: url(/images/hdr/hdr_notable_clocks.gif); }
		.overlay816#overlay_owners .overlay_head h3 { background-image: url(/images/hdr/hdr_notable_owners.gif); }
		.overlay816#overlay_story .overlay_head h3 { background-image: url(/images/hdr/hdr_ships_bell.gif); }
		.overlay816 .overlay_head .close {
			float: right;
			background: url(/images/btn/btn_close_overlay_alt.gif) no-repeat left bottom;
			width: 28px;
			height: 28px;
			text-indent: -1000em;
			margin: 7px 0 0 0;
			position: relative;
		}
	.overlay816#overlay_clocks .overlay_body,
	.overlay816#overlay_owners .overlay_body { 
		position: relative; 
		padding: 0;
		height: 520px;
	}
		.overlay816 .slide {
			position: absolute;
			top: 0;
			left: 0;
			height: 460px;
			width: 694px;
			margin: 19px 0 0 42px;
		}
		.overlay h4 {
			color: #e7da97;
			font-weight: bold;
			font-size: 1.3em;
			line-height: 1.5;
			margin: 0;
		}
		.overlay p {
			font-size: 1.3em;
			line-height: 1.4;
			color: #9e9e9e;
			margin: 0;
		}
		.overlay816 .slide img { margin: 0 auto 13px auto; }
		
		.overlay816 .slideshow_controls a {
			height: 35px;
			width: 27px;
			display: block;
			text-indent: -1000em;
			position: absolute;
			top: 196px;
			background-repeat: no-repeat;
			background-position: left bottom;
		}
		.overlay816 .slideshow_controls a.btn_prev_overlay { 
			background-image: url(/images/btn/btn_scroll_left_overlay.gif); 
			left: 7px;
		}
		.overlay816 .slideshow_controls a.btn_next_overlay { 
			background-image: url(/images/btn/btn_scroll_right_overlay.gif); 
			left: 745px;
		}
		
.overlay544 {
	top: 100px;
	left: 200px;
	background: url(/images/bg/bg_overlay_544_content.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg/bg_overlay_544_content.png', sizingMethod='image');
	_background: none;
	width: 544px;
	height: 402px;
}
	.overlay544 .overlay_content { padding: 0 16px 0 17px; }
	.overlay544 .overlay_head {
		height: 20px;
		background: url(/images/bg/bg_overlay544_head.gif) repeat-x left bottom;
		padding: 0;
	}
		.overlay544 .overlay_head .close {
			width: 24px;
			height: 20px;
			background: url(/images/btn/btn_close_overlay_fact.gif) no-repeat;
			margin: 0;
		}
	.overlay544 .overlay_body { padding: 14px 27px 0 27px; }
		.overlay544 .overlay_body .photo { 
			height: 279px;
			position: relative;
		}
	.overlay544 .loader {
		position: absolute;
		top: 150px;
		left: 268px;
		_left: 244px;
	}
		
		
.content_story ol.ships_bell {
	position: relative;
	float: none;
	margin-bottom: 10px;
}