@import url(http://www.paysites.nl/css/toolbar.css);
body, html{
padding:0px;
margin:0px;
font-family: arial;
font-size: 11px;
background-color: #ffae00;
color: #fff;
}

#container {
position: relative;
width: 776px;
top: 0px;
left: 50%;
margin-left: -388px;
height: auto;
}

#header{	
position: relative;
width: 776px;
height: 647px;
background-image: 	url('../images/header.jpg');
}	

#flash1{	
position: relative;
width: auto;
height: auto;
top: 235px;
left: 70px;
float: left;
}	

#footer{
	position: relative;
	width: 776px;
	height:100px;
	z-index:1;
	text-align: center;
	color: #000;
}

#site_desc1{	
position: relative;
top: 25px;
left:275px;
width: 275px;
height: 150px;
float: left;
text-align: center;
font-weight: bold;
}	

#site_desc2{	
position: relative;
top: 310px;
left:30px;
width: 200px;
height: 150px;
clear: both;
text-align: left;
color: #fff;
}	

#site_desc3{	
position: relative;
top: 310px;
left:295px;
width: 230px;
height: 150px;
clear: both;
text-align: center;
color: #000;
}	


/* BEGIN FIRST MOVIE CONTAINER */

.movie_container{
position: relative;
width: 776px;
height: 403px;
background-image: url('../images/movie_container.jpg');
}

.text_container{
position: relative;
width: 235px;
height: 280px;
left: 240px;
float: left;
}

.movie_title{
position: relative;
width: 235px;
height: 75px;
text-align: center;
text-transform: uppercase;
font-size: 24px;
font-family: impact;
color: #5785a6;
margin-top:10px;
}

.movie_desc{
position: relative;
top: -5px;
width: 225px;
height: 100px;
text-align: left;
padding: 5px 5px 5px 5px;
color: #fff;
}

.images_container{
position: relative;
width: 270px;
height: 280px;
left:-22px;
float: right;
}

.bigimg{
position: relative;
width: 270px;
height: 202px;
border: 1px solid #fff;
}

.thumb1{
position: relative;
width: 133px;
height: 113px;
border: 1px solid #fff;
float: left;
}

.thumb2{
position: relative;
width: 133px;
height: 113px;
border: 1px solid #fff;
float: right;
}

.trailer{
position: relative;
top: 60px;
left: 37px;
width: 350px;
height: 45px;
float: left;
}

.whole_movie{
position: absolute;
top: -63px;
left: 395px;
width: 350px;
height: 45px;
float: right;
}


/* END FIRST MOVIE CONTAINER */



a img{
border:0px;
}


.quickJumperContainer{
	font-size: 11px;
	position: relative;
	width: auto;
	height: auto;
	margin:0;
	padding:0;
}

.quickJumper{
	position: relative;
	width: 15px;
	height: 20px;
	border: 1px solid #000;
	background-color: #7bb1d7;
	text-align: center;
	padding: 5px 5px 0px 5px;
	margin-right: 3px;
	float: left;
	text-transform:uppercase;
}

.quickJumperSelected{
	border: 1px solid #000;
	background-color: #ffae00;
	position: relative;
	width: 15px;
	height: 20px;
	text-align: center;
	padding: 5px 5px 0px 5px;
	margin-right: 3px;
	float: left;
	text-transform:uppercase;
}

#footer{
	position: relative;
	width: 776px;
	height:100px;
	z-index:1;
	text-align: center;
	color: #000;
}

h1{
	font-size: 16px;
	color: #000;
	text-transform: uppercase;
	font-weight: light;
}

a.quickJumper:link {color: #000; text-decoration: none; }
a.quickJumper:hover {color: #fff; text-decoration: underline; }
a.quickJumper:visited {color: #000; text-decoration: none; }
a.quickJumper:active {color: #000; } 

a.quickJumperSelected:link {color: #000; text-decoration: none; }
a.quickJumperSelected:hover {color: #000; text-decoration: underline; }
a.quickJumperSelected:visited {color: #000; text-decoration: none; }
a.quickJumperSelected:active {color: #000; } 

a:link {
	font-size: 11px;
	font-family: Verdana;
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#000;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}