body {
	background: #000;
	color: #FFF;
	margin: 0;
	padding: 0;
}
a {
	color: #F30;
	text-decoration: none;	
}
img {
	border: 0;	
}

#controls {
	position: absolute;
	top: 12%;
	z-index: 8;
	padding: 10px 20px 10px 30px;
	cursor: pointer;
}
	#controls #pause, #controls #play {
		display: none;
	}

span.close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: ;
	cursor: pointer;
	z-index: 9;
}	

.next, .previous {
	position: absolute;
	width: 30%;
	top: -500px;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	z-index: 400;
	cursor: pointer;
	border: 0;
}
	.previous {
		left: 0.5%;
		text-align: left;
	}
	.next {
		right: 26%;
		text-align: right;
	}
	.previous:hover, .next:hover {
		opacity: 0.7;
		-moz-opacity: 0.7;
		filter:alpha(opacity=70);
	}

.navbar {
	position: fixed;
	top: 0;
	color: #fff;
	display: block;
	width: 100%;
	z-index: 7;
	font-size: 14px;
	font-family: arial;	
	text-align: center;
}

.navbar a, .navbar a:visited {
	color: #fff;
	text-decoration: underline;
}

a.back, a.back:visited {
	width: 140px;
	background: #444 url('../img/header_fullwidth_logo.png') no-repeat center left;
	padding: 10px 0 10px 80px;
	position: absolute;
	left: 0;
	top: 0;
	text-decoration: none;
}

#year {
	top: 4%;
	padding: 10px 3px 10px 30px;
	position: fixed;
	z-index: 8;
	color: #fff;
}
	#year h2 {
		font: 26px/1em Arial, sans-serif;
	}

#title {
	top: 70px;
	padding: 10px 3px 10px 0;
	position: fixed;
	visibility: hidden;
	display: none;
	right: 0;	
	text-align: left;
	width: 24%;
	z-index: 8;
	color: #fff;
}
	#title h1 {
		font: 14px/1.4em Arial, sans-serif;
		margin: 0;	
		padding: 0;
	}

	#title p {
		margin: 10px 0 15px 0;
		font-size: 16px;		
	}

#thumbnails {
	background: #000;
	background: rgba(0, 0, 0, 0.8);	
	height: 70px;
	left: 0;
	padding: 0 0 0 50px;
	overflow: hidden;
	position: fixed;
	z-index: 5;
	bottom: 10px;
	width: 95%;
}
	#thumbnails ul {
		margin: 0;
		padding: 0;
	}
		#thumbnails li {
			float: left;
			list-style: none;
			margin: 10px;
			padding: 0;
			height: 45px;
			overflow: hidden;
		}
		#thumbnails a {
			outline: none;
		}
		#thumbnails img {
			height: 45px;
		}
			
#pointer {
	border: 5px solid #fff;
	cursor: pointer;
	height: 45px;
	left: -100px;
	margin: 5px;
	position: absolute;
	width: 67px;
}

#flash {
	background: #fff;
	display: none;
	height: 100%;
	position: fixed;
	width: 100%;
	opacity: 0.25;
	-moz-opacity: 0.25;
	filter: alpha(opacity=25);
}

.ie7 #flash, .ie8 #flash {
	background: transparent none;
}
	
.vegas-loading {
	top: auto;
	bottom: 40px;
	left: 40px;
}
.vegas-overlay {
	background-image: url(../js/vegas/overlays/02.png);
}

.jspHorizontalBar {
	height: 5px;	
}
	.jspHorizontalBar .jspTrack {
		background: #333;
	}
	.jspHorizontalBar .jspDrag {
		background: #666;
		cursor: ew-resize;
	}
	#thumbnails:hover .jspHorizontalBar .jspDrag {
		background: #F30;
    }  

 /* Screens not able to show 1200 px content
================================================== */	
	
	@media only screen and (min-width: 1460px) {
		#title {
			padding: 10px;
		}
		#title h1 {
			font-size: 16px;
		}
		#year h2 {
			font-size: 24px;
		}
	}

/* #Tablet (Portrait)
================================================== */	

	/* Note: Design for a width of 768px */

	@media only screen and (min-width: 768px) and (max-width: 959px) {

	}