body, html {
padding:0px;
margin:0px;
font-family: Verdana;
font-size: 12px;
background-color: #560022;
}

#container {
position: relative;
width: 822px;
top: 0px;
left: 50%;
margin-left: -411px;
height: auto;
background-image: url('../images/bg.jpg');
}

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

#welcome_text{
position: relative;
width: 737px;
height: auto;
top: 10px;
left: 35px;
}

/* MOVIEBOX STYLING */
.movie_cnt{
position: relative;
width: 737px;
height: 420px;
top: 10px;
left: 35px;
border: 1px solid #000;
background-color: #fff;
}

.mov_title_bar {
position: relative;
width: 732px;
height: 23px;
background-image: url('../images/mov_title_bar.jpg');
color: #fff;
padding: 0 0 0 5px;
line-height: 23px;
}

.bigimg {
position: relative;
left: 5px;
top: 5px;
width: 390px;
height: 299px;
float: left;
}

.thumb1 {
position: relative;
top: 5px;
left: 15px;
width: 158px;
height: 107px;
float: left;
}

.thumb2 {
position: relative;
top: 5px;
left: 20px;
width: 158px;
height: 107px;
float: left;
}

.thumb3 {
position: relative;
top: 10px;
left: 15px;
width: 158px;
height: 107px;
float: left;
}

.thumb4 {
position: relative;
top: 10px;
left: 20px;
width: 158px;
height: 107px;
float: left;
}

.trailer{
position: relative;
top: 25px;
left: 15px;
width: 320px;
height: 25px;
background-color:#000000;
color: #fff;
float: left;
text-align: center;
line-height: 25px;
}

.complete_movie{
position: relative;
top: 40px;
left: 15px;
width: 320px;
height: 25px;
background-color:#000000;
color: #fff;
float: left;
text-align: center;
line-height: 25px;
}

.movie_text {
position: relative;
width: 737px;
height: 100px;
padding: 10px 10px 10px 5px;
clear: both;
}

a img{
border:outset 1px solid #000;
}

/* END MOVIEBX STYLING */

#footer {
position: relative;
top: 10px;
background-image: url('../images/footer.jpg');
width: 822px;
height: 150px;
}

a:link{
color: #fff;
}
a:visited{
color: #fff;
}
a:active{
color: #fff;
}
a:hover{
color: #fff;
}