/* TIMELINE CSS */
#wrapper_timeline { }
a.timeline_prev, a.timeline_next { 
	display: block; width: 24px; height: 54px; background: url('../images/arrow_left.png') #fff no-repeat top left; 
	float: left;
}
a.timeline_next { background: url('../images/arrow_right.png') #fff no-repeat top right; float: right; }

.holder_timeline { 
	border-top: 1px solid #d1e3ff; width: 878px; height: 54px; float: left; 
	background: url('../images/bg_timeline.png') #fff repeat-x 0 3px;
}

/* "TABS" */
#wrapper_timeline div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em 0; background-color: #f1f0ee; }
#wrapper_timeline div.tabContent.hide { display: none; }

/* NAV */
.timeline_nav { margin: 0 auto 18px; }
ul.timeline { margin-left: 4px }
ul.timeline li { float: left; margin: 0 12px 0 0; 
	background: url('../images/timeline_marker.png') transparent no-repeat 26px 3px; }
ul.timeline li.last { margin-right: 0; }
ul.timeline li a { display: block; width: 54px; height: 54px; position: relative; background: transparent; border: 1px solid transparent; }
ul.timeline li a:hover { border-color: #edca04; }
ul.timeline li a.selected { border-color: #0094d9; }
ul.timeline li a span.year { display: block; width: 100%; height: 18px; position: absolute; bottom: 0; left: 0; text-align: center; line-height: 120%; }	
ul.timeline li a.selected span.year { font-weight: bold; color:#0094d9; }

/* DISPLAY */
.timeline_display { 
	border: none;
	width: 848px; margin: 0 auto;
}


/* timeline display item */
.timeline_display .feature { 
	border: none;
}

/* feature variations */
.wrapper_1 { width: 272px; margin: 0 auto; }
.f1 { 
	width: 272px;
}
.wrapper_2 { width: 560px; margin: 0 auto; }
.f2l { width: 272px; float: left; margin: 0; clear: none; }
.f2r { width: 272px; float: right; margin: 0; clear: none; }

.wrapper_3 { width: auto; margin: 0 auto; }
.f3l { width: 272px; float: left; margin: 0 14px 0 0; clear: none; }
.f3c { width: 272px; float: left; margin: 0 14px 0 0; clear: none; }
.f3r { width: 272px; float: right; margin: 0; clear: none; }

.timeline_display .feature .frame_photo {
	position: relative;
	width: 256px;
	margin: 0 auto 9px;
	height: 116px;
	padding: 4px;
	background: #fff;
	border: 1px solid #9c9c9c;
	overflow: hidden;
} 

.timeline_display .feature .frame_photo .pic_sub {
	position: absolute; top: 5px; left: 5px; z-index: 3;
	width: 256px;
	margin: 0 auto 9px;
	height: 116px;
	background: #d0e5f3;
}

.timeline_display .feature .frame_photo img { position: absolute; top: 5px; left: 5px; z-index: 3; }

.timeline_display .feature .frame_photo .wrapper_headline { 
	position: relative;
	width: 200px;
	padding: 0 4px;
	height: auto;
	top: 72px;
	left: 0px;
	z-index: 99;
}

.timeline_display .feature .frame_photo .wrapper_headline .overlay {
	width: 100%; height: 100%; background: #fff;
	position: absolute; top: 0; left: 0; z-index: 1; 
	filter: alpha(opacity=68); 
	-moz-opacity:0.68;
	opacity:0.68;
}

.timeline_display .feature .frame_photo .wrapper_headline .label {
	position: relative; z-index: 2;
	color: #333;
	font-size: 120%; line-height: 180%;
}

.timeline_display .feature .frame_photo .wrapper_headline .label span.year {
	color: #017bc9;
	font-weight: bold;
	font-style: italic;
}

.timeline_display .feature .caption {
	width: 264px;
	border-top: 9px solid #017bc9;
	padding: 6px 0;
	margin: 0 auto;
}

.timeline_display .feature .caption p {
	font-size: 100%; line-height: 140%; margin-bottom: 0; color: #5b5b5b;
}