/*
----------------------------------

PIKKLES | pikkles.com

copyright 2009

----------------------------------
*/

#main-wide .section {
	margin-left: 5px;
	padding: 5px;
	background-color: #ffffff;
	border-bottom: 2px solid #cec9c3;
	zoom: 1;
}

#main-wide .section .section {
}

#main-wide .section .section .left {
	float: left;
	width: 455px;
}

#main-wide .section .section .right {
	float: left;
	width: 455px;
	margin-left: 10px;
}

#main-wide .section h1 {
	margin-top: 5px;
	font-size: 30px;
	line-height: 36px;
}

#main-wide .section h2 {
	margin-top: 5px;
	font-size: 18px;
}

#main-wide .timeline {
	width: 925px;
	height: 565px;
	position: relative;
	overflow: hidden;
	margin-top: 10px;
}

#main-wide .timeline ul {
	position: absolute;
    overflow: hidden;
	width: 6600px;
	height: 530px;
	position: absolute;
	top: 0;
	left: 0;
}

#main-wide .timeline .item {
	width: 600px;
	height: 530px;
	float: left;
}

#main-wide .timeline .item .slideshow-wrapper {
	padding: 15px 0 15px 45px;
}

#main-wide .timeline .item .filler {
	width: 427px;
	height: 280px;
	margin: 15px 0 15px 45px;
}

#main-wide .timeline .item img.inline {
	margin: 15px 0 15px 45px;
}

#main-wide .timeline .item .date {
	float: left;
	width: 260px;
	margin-top: 15px;
	font-size: 16px;
	color: #7cbcd9;
}

#main-wide .timeline .item .date p {
	padding-left: 45px;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", serif;
}

#main-wide .timeline .item .content {
	float: left;
	width: 324px;
	margin-top: 15px;
	border-left: 1px solid #b7aa97;
}

#main-wide .timeline .item .content h1 {
	margin-top: 0;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	padding-left: 15px;
}

#main-wide .timeline .item .content p {
	margin-top: 5px;
	font-size: 12px;
	line-height: 16px;
	padding-left: 15px;
}

#main-wide .timeline .item .content p.title {
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
}

#main-wide .timeline .item .content a.pdf, #main-wide .timeline .item .content a.pdf:visited {
	display: block;
	padding-left: 21px;
	margin-left: 5px;
	line-height: 18px;
	color: #1a1a1a;
	background: url(/images/tiny-pdf-icon.gif) scroll 0 0 no-repeat;
}

.slider {
	position: relative;
	/*width: 925px;*/
	width: 870px;
	height: 15px;
	float: left;
	margin: 540px 0 10px 10px;
	background: url(/images/slider-bg.png) 0 0 repeat-x;
}

.handle {
	z-index: 100;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 0;
	left: 0;
	cursor: pointer;
	background: url(/images/slider-knob.png) 50% 50% no-repeat;
}

.playButton {
	position: relative;
	width: 15px;
	height: 15px;
	float: left;
	margin: 540px 0 0 10px;
	background: url(/images/play-button.png) 0 0 no-repeat;
	cursor: pointer;
}

.playButton.playing {
	background-position: 0 -15px;
}
