@charset "utf-8";
/* CSS Document */
	
.clear {
	clear: both;
	}	
	
/* === #fullscreen-slider ======================================================================== */

#fullscreen-slider {
	overflow: hidden;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -999;
	}
	
#fullscreen-slider-inner {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	}
	
#fullscreen-slider-pattern {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	background-repeat: repeat;
	}
	
#fullscreen-slider a {
	display: none;
	}

#fullscreen-slider img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	}	
	
#fullscreen-slider-buttons {
	list-style: none;
	display: none;
	position: absolute;
	top: 32px;
	right: 40px;
	float: left;
	z-index: 10000;
	}
	
@media all and (max-width: 640px)	{
	#fullscreen-slider-buttons {
		position: relative;
		float: left;
		top: 0;
		right: 0;
		margin: 16px 0 0 15px;
		padding-bottom: 12px;
		}
}

@media all and (min-width: 511px) and (max-width: 640px)	{
	#fullscreen-slider-buttons {
		margin-left: 25px;
		}
}

@media all and (min-width: 641px) and (max-width: 960px)	{
	#fullscreen-slider-buttons {
		right: 30px;
		}
}
	
#fullscreen-slider-buttons li {
	display: block;
	float: left;
	padding: 0;
	margin: 0 0 0 5px;
	}	
	
#fullscreen-slider-buttons a {
	display: block;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center center;
	}	
	
#fullscreen-slider-buttons .prev {
	background-image: url('button-prev.png');
	}
	
#fullscreen-slider-buttons .prev:hover {
	background-image: url('button-prev-hover.png');
	}
	
#fullscreen-slider-buttons .play {
	background-image: url('button-play.png');
	}
	
#fullscreen-slider-buttons .play:hover {
	background-image: url('button-play-hover.png');
	}
	
#fullscreen-slider-buttons .pause {
	background-image: url('button-pause.png');
	}
	
#fullscreen-slider-buttons .pause:hover {
	background-image: url('button-pause-hover.png');
	}	
	
#fullscreen-slider-buttons .next {
	background-image: url('button-next.png');
	}
	
#fullscreen-slider-buttons .next:hover {
	background-image: url('button-next-hover.png');
	}	
	
#fullscreen-slider-preloader {
	display: block;
	position: absolute;
	top: 32px;
	right: 40px;
	width: 32px;
	height: 32px;
	background: url('preloader-bg.png') center center no-repeat;
	padding: 0;
	margin: 0;
	}
	
@media all and (max-width: 640px)	{
	#fullscreen-slider-preloader {
		position: relative;
		float: left;
		top: 0;
		right: 0;
		margin: 16px 0 0 20px;
		}
}

@media all and (min-width: 511px) and (max-width: 640px)	{
	#fullscreen-slider-preloader {
		margin-left: 25px;
		}
}

@media all and (min-width: 641px) and (max-width: 960px)	{
	#fullscreen-slider-preloader {
		top: 32px;
		right: 30px;
		}
}	
	
#fullscreen-slider-preloader div {
	display: block;
	width: 32px;
	height: 32px;
	background: url('loader.gif') center center no-repeat;
	}	
	
#timeline {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	z-index: 10000;
	}
	
#timeline div {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #FFF;
	}
