/*  
	-------------------------------------------------------------
	Cascade Style Sheet - jQuery Timeline slider
	Description: jQuery Plugin for building web timelines
	Author: pezflash - http: //www.codecanyon.net/user/pezflash
	Version: 1.0
	-------------------------------------------------------------
*/

/* ------------------ Global ------------------ */

body {
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#111111;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:13px;
	line-height:normal;
	font-family:Dosis, sans-serif;
	overflow:scroll;
}

strong {
	font-weight:700;
}

img {
	border-image:initial;
	border:0px initial #000000;
}

.ie a {
	text-decoration:none;
	outline-width:0;
	outline-color:#000000;
	outline-style:initial;
}

.container {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -480px;
	visibility: visible;
}

.shadow {
	position: absolute;
	top: 454px;
	left: -5px;
	visibility: visible;
}

.preload {
	position: absolute;
	top: 220px;
	left: 450px;
	visibility: visible;
}

/* ----------------- Timeline ----------------- */

/* -- Global -- */

#timeline_container {
	position: relative;
	background-color: #242424;
	border-image: initial;
	filter: alpha(opacity=0);
	opacity: 0;
	border: 4px solid #FFFFFF;
	visibility: visible;
}

#timeline {
}

#timeline .hidden {
	display:none;
}

/* -- End Global -- */

/* -- Viewport -- */

#timeline .viewport {
	overflow: hidden;
	position: relative;
	background-image: url(../images/background.jpg);
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
	background-repeat: no-repeat;
	background-attachment: initial;
	background-position: 0px 0px;
	background-position-x: 0;
	background-position-y: 0;
	background-origin: initial;
	background-clip: initial;
	background-color: #000000;
	visibility: visible;
}

#timeline .viewport .images {
	position: absolute;
	margin: 0;
	padding: 0;
	visibility: visible;
}

#timeline .viewport .images img {
	float:left;
}

/* -- End Viewport -- */

/* -- Milestones -- */

#timeline .milestones {
	overflow: hidden;
	position: relative;
	border-top: 4px solid #FFFFFF;
	visibility: visible;
}

#timeline .milestones .content {
	position: absolute;
	background-image: url(images/bk.png);
	width: 8500px;
	height: 200px;
	margin: 0;
	padding: 0;
	visibility: visible;
}

#timeline .column_first {
	float:left;
	margin:14px 0px 0px 20px;
	padding:0;
}

#timeline .column {
	float:left;
	height:150px;
	border-left:1px solid #505050;
	margin:14px 0px 0px 50px;
	padding:0px 0px 0px 10px;
}

#timeline .c100 {
	width:100px;
}

#timeline .c125 {
	width:125px;
}

#timeline .c150 {
	width:150px;
}

#timeline .c175 {
	width:175px;
}

#timeline .c200 {
	width:200px;
}

#timeline .c225 {
	width:225px;
}

#timeline .c250 {
	width:250px;
}

#timeline .c275 {
	width:275px;
}

#timeline .c300 {
	width:300px;
}

#timeline .c325 {
	width:325px;
}

#timeline .c350 {
	width:350px;
}

#timeline .c375 {
	width:375px;
}

#timeline .c400 {
	width:400px;
}

#timeline span {
	display:block;
}

#timeline .date {
	font-size:13px;
	font-weight:700;
	line-height:16px;
	color:#FFFF00;
}

#timeline .txt {
	font-size:12px;
	font-weight:500;
	line-height:12px;
	color:#FFFFFF;
	margin:8px 0px 0px 0px;
}

#timeline .thumb_description {
	font-size:12px;
	font-weight:500;
	line-height:12px;
	color:#6F6F6F;
	clear:left;
}

#timeline .thumb {
	margin:14px 0px 0px 0px;
}

#timeline .video_rollover, #timeline .image_rollover {
	position:relative;
	float:left;
}

#timeline .video_rollover span, #timeline .image_rollover span {
	left:0;
	top:0;
	display:none;
	position:absolute;
}

#timeline .video_rollover span, #timeline .image_rollover span {
	background-image:url(../images/thumb_video_hover.png);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	width:113px;
	height:67px;
}

#timeline .image_rollover span {
	background-image:url(../images/thumb_image_hover.png);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	width:113px;
	height:67px;
}

#timeline .link {
	font-size:12px;
	font-weight:700;
}

#timeline .link a {
	color:#888888;
}

#timeline .link a:hover {
	color:#0096FF;
	text-decoration:underline;
}

#timeline .big_link {
	font-size:11px;
	font-weight:700;
	float:left;
	background-color:#0B0B0B;
	margin:10px 0px 0px 0px;
	padding:1px 5px 2px 5px;
}

#timeline .big_link a {
	color:#FFFF00;
	text-decoration:none;
}

#timeline .big_link a:hover {
	color:#FFFFFF;
}

/* -- End Milestones -- */

/* -- Scrollbar -- */

#timeline .scrollbar {
	background-image: url(../images/scrollbar_background.png);
	background-repeat-x: repeat;
	background-repeat-y: no-repeat;
	background-repeat: repeat-x;
	background-attachment: initial;
	background-position: 0px 0px;
	background-position-x: 0;
	background-position-y: 0;
	background-origin: initial;
	background-clip: initial;
	background-color: transparent;
	position: absolute;
	visibility: visible;
}

#timeline .dragger {
	background-image: url(../images/scrollbar_dragger.png);
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
	background-repeat: no-repeat;
	background-attachment: initial;
	background-position: 0px 0px;
	background-position-x: 0;
	background-position-y: 0;
	background-origin: initial;
	background-clip: initial;
	background-color: transparent;
	cursor: pointer;
	position: absolute;
	visibility: visible;
}

#timeline .mark {
	background-image: url(../images/scrollbar_mark.png);
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
	background-repeat: no-repeat;
	background-attachment: initial;
	background-position: 0px 0px;
	background-position-x: 0;
	background-position-y: 0;
	background-origin: initial;
	background-clip: initial;
	background-color: transparent;
	cursor: pointer;
	height: 21px;
	width: 13px;
	left: 600px;
	position: absolute;
	display: none;
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: visible;
}

/* -- End Scrollbar -- */

/* -- Miscellaneous -- */

#timeline .drag_icon {
	cursor:url(../images/drag_icon.png), e-resize;
}

#timeline .audio_player {
	position: absolute;
	top: 1px;
	right: 7px;
	visibility: visible;
}

/* -- End Miscellaneous -- */