@charset "UTF-8";

body {	
font: 100% Arial, Helvetica, sans-serif;	
background: #000000;	
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */	
padding: 0;	
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */	
color: #000000;
} 

#container {	
width: 1024px;	
height: 768px;	
background: #FFFFFF;	
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */	
border: 0px solid #fc0;	
text-align: left; /* this overrides the text-align: center on the body element. */
}

#mainContent {	
width: 1024px;	
height: 768px;	
margin: 0;	
padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */	
background-image:url(images/homepage_bckgrnd.jpg)
}

.clear img{	
float: left;
clear: both;
margin: 0 0 0 0;	
padding: 0 0 0 0;	
position: relative;
left: 192px;
border: 0px solid #000;
}

.buyNow img{	
float:right;
margin: 0 0 0 0;	
padding: 0 0 0 0;	
border: 0px solid #f00;
}

.share{	
margin: 10px 0 0 465px;
padding: 0;	
border: 0px solid #000;
}


.eNews img{	
margin: 10px 0 0 420px;
padding: 0;	
border: 0px solid #000;
}

/*************************************************
				TOP NAVBAR
**************************************************/
#navbar {	
float: left;	
margin-left: 192px;	
width: 658px;	
height: 25px;	
padding: 0px 0px 0px 0px;
border: 0px #000 solid;
}

#navbar a {
float: left;
text-transform: uppercase;
text-decoration: none; 
color: #000;
/* margin: 6px 0 0 45px; */
}  

#navbar a:hover {
color: #fff;
text-decoration: underline;
}

#navbar ul {
list-style: none;margin: 0; padding: 0;
}

#navbar li.first {
border: none;
background: none;
}

#navbar li {
list-style: none;
float: left;
height: 25px;
margin: 0;
padding: 0; 
color: #fff;
}

#story{
height: 25px; width: 71px; text-indent: 10000px; overflow: hidden; background: url(images/btn_story.png) top left no-repeat; display: block;
} 

#story:hover{
background-position: bottom left;
}

#cast{
height: 25px; width: 130px; text-indent: 10000px; overflow: hidden; background: url(images/btn_cast.png) top left no-repeat; display: block;
} 

#cast:hover{
background-position: bottom left;
}

#gallery{
height: 25px; width: 95px; text-indent: 10000px; overflow: hidden; background: url(images/btn_gallery.png) top left no-repeat;display: block;
} 

#gallery:hover{
background-position: bottom left;
}

#news{height: 25px; width: 72px; text-indent: 10000px; overflow: hidden; background: url(images/btn_news.png) top left no-repeat;display: block;
} 

#news:hover{
background-position: bottom left;
}

#bonus{
height: 25px; width: 167px; text-indent: 10000px;overflow: hidden;background: url(images/btn_bonus.png) top left no-repeat;display: block;
}

#bonus:hover{
background-position: bottom left;
}

#contact{height: 25px;width: 95px;text-indent: 10000px;overflow: hidden;background: url(images/btn_contact.png) top left no-repeat;display: block;
} 

#contact:hover{
background-position: bottom left;
}

.story #story, .cast #cast, .gallery #gallery, .contact #contact, .news #news, .bonus #bonus {
background-position: bottom left;
}
.video {	
margin: 0px 0px 0px 272px;	
padding: 215px 0px 0px;
}

/*************************************************
               STORY PAGE
**************************************************/

.storyText{	
width: 425px;	
margin: 0px 0px 0px 292px;	
font-size: 12px;
text-align: left;	
padding: 230px 0px 0px;
border: 0px solid #000000;
}

.storyText p{	
line-height: 15px;	
margin-top: 0px;
border: 0px solid #000000;
}

.storyText img{	
float:left;	left: -5px;	top: -5px;	
margin: 0px 0 0 -30px;	
padding: 0px;	
position: relative;
}

/*************************************************
               CAST & CREW PAGE
**************************************************/

.castText{	
width: 425px;	
margin: 0px 0px 0px 272px;	
font-size: 12px;
text-align: center;	
padding: 230px 0px 0px;
}

.castText a{	
color: #d81f00;
font-size: 12px;
border: 0px solid #000000;
}

.castText p{	
line-height: 5px;	
margin-top: 0px;
}

.castText img{	
float:left;	left: 75px;	top: -10px;	
margin: 0px 0 0 -30px;	
padding: 0px;	
position: relative;
}

/*************************************************
               GALLERY PAGE
**************************************************/
.slides {	
margin: 0px 0px 0px 272px;	
padding: 215px 0px 0px;
}

.slides img {	
border: 10px solid #F00;
}

.prevSlideNav {	
margin: 0px 0px 0px 400px;	
padding: 10px 5px 0px;	
float: left;
border: 0px solid #000000;

}

.prevSlideNav a, .nextSlideNav a {	
color: #000;	
text-decoration: none;
}

.prevSlideNav a:hover, .nextSlideNav a:hover {	
color: #f00;	
text-decoration: underline;
}

.nextSlideNav {	
margin: 0px 450px 0px 0px;	
padding: 10px 0px 0px;	
float: right;
border: 0px solid #000000;

}

.leaftNav {	
margin: 0px 0px 0px 460px;	
padding: 0px;	
border: 0px solid #000;
}

/*************************************************
               CONTACT PAGE
**************************************************/
.contactText {	
width: 425px;	
margin: 0px 0px 0px 292px;	
font-size: 12px;
text-align: left;	
padding: 230px 0px 0px;
border: 0px solid #000000;
}

.contactText a{	
color: #d81f00;
font-size: 12px;
border: 0px solid #000000;
}

.contactText p {	
margin-top: 0px;
}

.contactText img {	
float:left;	
top: -10px;	
margin: 0px 0 0 -30px;	
padding: 0px;	
position: relative;
}



.bonusText {	
width: 425px;	
margin: 0px 0px 0px 450px;	
font-size:12px;	
padding: 350px 0px 0px;
}.

bonusText p {	
margin-top: 0px;
}

.bonusText img {	
float:left;	
top: -10px;	
margin: 0px 0 0 -30px;	
padding: 0px;	
position: relative;
}

/*************************************************
               NEWS PAGE
**************************************************/
.theNews {	
width: 425px;	
margin: 0px 0px 0px 272px;	
padding: 220px 0px 0px;	
font-size: 12px;
border: 0px solid #000000;
}

.theNews a{	
color: #d81f00;
font-size: 12px;
border: 0px solid #000000;
}

.leaftNewsNav {	
float:left;	top: -180px;	
margin: -40px 0px 0px -240px;	
padding: 0px;	
position: relative;
}

.footer {
color: #fff; 
font-size: 12px; 
text-align: top; 
padding: 0 0 0 0;
}

.footer a{
color: #fff; 
font-size: 12px; 
text-align: left; 
postion: relative; 
padding: 5px 0 0 0;
}

.footer a:hover{
color: #f00; 
font-size: 12px; 
text-align: left; 
postion: relative; 
padding: 5px 0 0 0;
}

.footer img{
text-align: left; 
position: relative;
left: 5px;
margin: 5px 0 0 0;
padding: 0 0 0 0;
border: 0px #fff solid;