@charset "UTF-8";
/* CSS Document */

body{
background: url('../images/Untitled-1.jpg') #803f11;
font-family: georgia, Helvetica, sans-serif;
}

.bold{
font-weight: bold;
}

#cards{
position: absolute;
background: url(../images/cards.png);
width: 248px;
height: 297px;
left: -110px;
top: 230px;
z-index: 0;
}

#bullets{
position: absolute;
background: url(../images/bullets.png);
width: 166px;
height: 225px;
left: 880px;
top: 0px;
z-index: 0;
}

#title{
margin: 0;
color: #000;
position: absolute;
width: 260px;
height: 165px;
background: url(../images/title-bg.png);
left: 180px;
top: 140px;
text-align: left;
padding: 30px 0 10px 150px;
z-index: 10;
}

#title h4{
font-weight: bold !important;
font-size: 1em !important;
line-height: 20px;
width: 230px;
}

#title p{
font-weight: normal;
font-size: 0.8em;
padding: 5px 0 0 0;
width: 230px;
}

#container{
width: 898px;
margin: 0 auto 0 auto;
}

ul.links li{
padding: 0 0 6px 0;
}

#header-bg{
position: absolute;
z-index: 0;
width: 100%;
background: url('../images/top-paper-bg.png') ;
height: 177px;
margin: -20px 0 0 0 !important;
top: 0;
left: 0;
}

img.rule{
padding: 10px 0 15px 0
}

#header{
position: relative;
height: 140px;
}

a{
color: #333;
}

h1{
position: relative;
z-index: 20;
margin: 0 0 0 -130px;
background: url('../images/h1-bg.png') no-repeat 0px 30px;
width: 662px;
height: 117px;
text-indent: -9999px;
}

h1 a{
width: 662px;
height: 117px;
display: block;
}

#red-header{
position: absolute;
z-index: 30;
top: 30px;
left: 740px;
}

#stuff{
position: relative;
}

#big-movie{
position: relative;
overflow: hidden;
width: 	878px;
height: 470px;
background: url('../images/movie-bg.png') no-repeat;
padding: 20px 0px 15px 20px;
z-index: 5;
}

.thumb{
margin: 0 10px 20px 10px;
float: left;
}

.thumb img{
width: 145px;
border: 7px solid #fff;
}

#more{
position: absolute;
top: 0;
top: 488px;
left: 808px;
}

#menu{
height: 44px;
width: 898px;
margin: 0 auto 0 auto;
}

#menu li{
float: left;
height: 44px;
}

#contentpage{
font-size: 14px;
line-height: 18px;
margin: 45px 0 0 0;
background: url('../images/paper-repeat.gif') repeat-y 0px 38px;
}

.content{
margin: -15px 0 0 0;
padding: 0 50px 0 30px;
line-height: 22px;
}

.content p{
padding: 10px 0 10px 0;
}

.content h3{
position: relative;;
padding: 0 0 10px 40px;
font-size: 24px;
font-weight: bold;
background: url('../images/header-start.gif') 0px -3px no-repeat;
z-index: 100;
}

.first{
font-weight: bold;
line-height: 22px;
font-size: 16px;
}


#contentpage img.papertop{
margin: -38px 0 0 0;
}

#paperbottom{
background:url('../images/paper-bottom.png') no-repeat;
height: 56px;
width: 883px;
}

#menu li a{
float: left;
height: 44px;
width: 100px;
background: url('../images/menu-words.png') ;
font-size: 0px;
}

#menu li a:hover, li#active a{
background-position: 0 -44px;
}

#menu li a#red{
width: 310px;
background-position: -110px 0;
}

#menu li a#red:hover, li#redactive a{
background-position: -110px -44px !important;
}


#menu li a#reel{
width: 100px;
background-position: -440px 0;
}

#menu li a#reel:hover, li#reelactive a{
background-position: -440px -44px ! important	;
}


#menu li a#about{
width: 100px;
background-position: -560px 0;
}

#menu li a#about:hover, li#aboutactive a{
background-position: -560px -44px !important;
}


#menu li a#contact{
width: 130px;
background-position: -690px 0;
}

#menu li a#contact:hover, li#contactactive a{
background-position: -690px -44px !important;
}

#footer{
font-size: 11px;
padding: 55px 0 0 0;
width: 898px;
margin: 0 auto 0 auto;
}

#footer p{
float: left;
clear: both;
color: #515151;
vertical-align: center;
padding: 0 0 10px 0;
}

#footer p a{
color: #999;
margin: 10px 0 0 0 !important;
text-decoration: none;
}

#footer ul{
float: right;
}

#footer ul li{
float: left;
}

#footer ul li a{
text-decoration: none;	
color: #515151;
padding: 0 5px 0 5px;
border-left: 1px solid #515151;
}

.seolinks{
float: right !important;
width: 520px;
clear: both;
padding: 10px 0 0 0;
}

.seolinks a{
color: #999 !important;
border-right: 1px solid #999;
}

#footer #first{
border-left: 0;
}

#footer ul li a:hover{
text-decoration: underline;
}

#footer-bg{
clear: both;
background:url('../images/bottom-paper-bg.jpg') -300px 0;
height: 94px;
}