/* timeline page : 
-------------------------------------------------------------------------*/
div#timeline-information h1, div#timeline-information select#timeline-navigation {
	float: left;
	display: inline;
}

div#timeline-information h1 {margin-bottom: 22px;}

select#timeline-navigation {
	margin: 10px 10px 0 10px;
	width: 120px;
}

select#timeline-navigation option {
	background-color: #fff;
	font-weight: normal;
	color: #333;
}

select.selected {
	font-weight: bold;
	color: #471200;
}

select#timeline-navigation option.selected {
	background-color: #c9af8e;
	font-weight: bold;
	color: #471200;
}

div#timeline-content {
	position: relative;
	clear: both;
	margin: 0 0 0 4px;
}

#timeline-left {
	position: absolute;
	top: 175px;
	left: 0;
}

#timeline-right { 
	position: absolute;
	top: 175px;
	right: 0;
}

div#timeline-wrapper {
	margin-left: 20px;
	width: 597px;
	height: 423px;
	overflow: hidden;
}
	
div#timeline-details {
	width: 3000px;
	height: 423px;
	color: #333;
}

div#timeline-details div.item {
	background: transparent url('../img/bg-timeframe-item.jpg') no-repeat top right;
	float: left;
	display: inline;
	width: 150px;
	height: 423px;
}

div#timeline-details img.inline {
	display: block;
	margin: 0 auto;
}

div#timeline-details div.item div.top {
	margin: 10px 0 0 0; 
	min-height: 145px;
}
/* #timeline-details IE 6 style */

div#timeline-details div.year {
	margin: 16px auto;
	width: 103px;
}

div.year img {display: block;}

div#timeline-details p {
	margin: 0 10px 20px 10px;
	font-size: 12px;
}
/* timeline page ^ 
-------------------------------------------------------------------------*/

/* sliding panel styles : 
-------------------------------------------------------------------------*/
.SlidingPanels {
	position: relative;
}
.SlidingPanelsContentGroup {
	position: relative;
}
/* This rule prevents a rendering glitch that occurs in FireFox 1.5 whenever
   there is an element inside the widget that displays a scrollbar.*/
.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

/* SlindingPanelsContent container that is currently visible in the view port. */
.SlidingPanelsCurrentPanel {
}

/* SlidingPanels container anytime the SlidingPanels container is given focus. */
.SlidingPanelsFocused {
}
/* sliding panel styles ^ 
-------------------------------------------------------------------------*/