body{
width: 100%;
height: 100%;
background-color: #000;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size:0.95em;
position:relative;
}


/* splash page */

#splashcontent{
padding:20px;
margin: 0 auto 0 auto;
width:784px;
height:581px;
background-image:url('imgs/splash.jpg');
background-repeat:no-repeat;
position:relative;
}


#splashcontent h1{
text-indent:-9999px;
}


#blurb{
position:absolute;
width:245px;
left: 537px;
top: 241px;
font-size: 90%;	
color:#999999;
}


#mainnav {
width:175px;
list-style:none;
padding: 6px;

font-size: 90%;
marker-offset:0px;
float:left;
}

#mainnav li {
margin: 7px 0 2px;
list-style: none;
} 

#mainnav a {
display: block;
width:170px;
padding: 10px;
border: 0px;
background-image:url('imgs/greytrans.png');
}



/* main content */

#content {
margin: 0 auto 0 auto;
width:732px;
background-image:url('imgs/bg.jpg');
background-repeat:repeat-y;
background-position:center;
}


#mainnav2 {
margin: 0;
padding: 4px;
font-size: 90%;
float:left;

}

#mainnav2 ul {
margin: 0;
padding: 4px;

}



#mainnav2 li {
margin: 7px 0 2px;
list-style: none;
} 

#mainnav2 a {
display: block;
width:170px;
margin: 0;
padding: 10px;
border: 0px;
background: #252525;
}


/* main content */


#maincontent{

padding: 0 0 0 30px;	
position:relative;
width:440px;
float:left;
font-size: 90%;	
color: #cccccc;
}

#maincontent ul{
margin-left:50px;
margin-top: 20px;
margin-bottom:30px;
}

#content h1{
text-indent:-9999px;
background-image:url('imgs/beowulf_topb.jpg');
background-repeat:no-repeat;
height:95px;
padding:0px;
margin:0px;
}

#trailer_content {
width:734px;
text-align: center;
margin: 10px;
}

#trailer_content p {
width:500px;
text-align: left;
margin-left: 120px;
font-size: 90%;	

}



h3{
font-family: Arial, Helvetica, sans-serif;
color: #FF3300;
font-size: 14px;
margin-top:10px;
}

.red_text {
color: #FF3300;
font-weight: bold;
}

.thumb {
width:110px;
height:115px;
float:left;
margin-top:10px;
text-align:center;
}

.thumbfirst {
margin-left:0;
margin-top:10px;
width:110px;
height:115px;
float:left;
text-align:center;
}
.clear{
clear:both;
}
.right{
float:right;

}

.photo_left {
float: left;
padding: 0 10px 5px 0;
}


#char_row{
padding:10px;
height:103px;
width: 380px;
}
#char_row img{
padding-right:10px;
}

#thumbtable{
width:450px;
margin:0 20px;
}

#column{
width:140px;
float:left;
padding:5px;
text-align:center;
}

.center {

text-align: center;
}

img {
border: 0;
}

.clip_image {
margin: 5px 0 5px 0;
}

.colored_dots {
padding: 0 20px 0 20px;
}

a.adobe_flash {
margin: 0.1em 0 20px 0;
display: block;
width: 88px;
height: 31px;
background: transparent url('imgs/get_flash_player.gif') top left no-repeat;
}

a.adobe_flash span {
display: none;
}

a.watch_clip_graphic {
display: block;
background: transparent url('imgs/watch_u.gif') top left no-repeat;
width: 106px;
height: 18px;
margin-top: 4px;
}

a.watch_clip_graphic span {
display: none;
}

a:link {color: #fff;text-decoration: none;}
a:visited {color: #fff;text-decoration: none;}
a:hover, a span  {color: #ff3c00;
text-decoration: none;
}
a:active {color: #fff}

.style12 {
color: #0066FF;
font-size: 16px;
}
.style13 {color: #00CC00}

.style2 {	color: #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;

}

.style2 {	color: #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
.style4 {	font-family: Arial, Helvetica, sans-serif;
color: #FF3300;
font-size: 14px;
}

body.video {
width: 640px;
padding: 0;
margin: auto;
}




/* facebook like */

#facebook_like_div {
float: right;
padding: 0;
margin: 10px 20px 0 0;
border:none; 
overflow:hidden; 
width:50px; 
height:25px;
text-align: left;
}

#like_button {
float: left;
padding: 0;
margin: 0;
border:none; 
height:25px; 
}