/*--------------------------------------------------------------

	* Description	global CSS
	* Version		1.0 Oct 2009
	* Website		Rollers
	* Author		wirescape studios
	
		
    colors: 
    
    Red:        #bd141b;
    
--------------------------------------------------------------*/

	
	

	
/*  ---|  RESET  |-------------------------------------------------------------------  */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

ol,ul {
	list-style:none;
}

blockquote,q {
	quotes:none;
}
	
/* remember to define focus styles! */
:focus {
	outline:0;
}
	
/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}

del {
	text-decoration:line-through;
}
	
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}


	
/*  ---|  END RESET  |-------------------------------------------------------------------  */


.clear {
	clear:both;
}

body {
	padding:0;
	margin:0;
	height:100%;
	width:100%;
	font:normal 11.5px/1.9 'Lucida Grande', sans-serif;
	background:#000 url(../i/bkd_main.jpg) no-repeat 50% 0px;
	text-align:center;
}

#wrapper {
	width:960px;
	height: auto;
	position:relative;
	margin:0 auto 40px auto;
	overflow: auto;
	
}

#content {
	text-align:left;
	position: relative;
    font: normal 12px/1.9  Helvetica, Arial, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #ccc;
	height: 760px;
}

#content a {
   color: #bd141b;
   text-decoration: none;
}

#content a:hover {
   color: #bd6063;
   text-decoration: underline;
}

#content p {
    margin-bottom: 25px;
}

img#logline {
    position: absolute;
    top: 0px;
    right: 10px;
}

.subpage {
    background: url(../i/bkd_overlay.jpg) no-repeat; /* url(../i/bkd_overlay.jpg) no-repeat; */
    width: 700px;
    min-height: 737px;
    float: right;
    padding: 30px;
}

#cast {
    margin-bottom: 45px;
}
 
table.cast_and_crew {
    border-collapse: separate;
}

.character {
    font-size: smaller;
    color: #fff;
}

h1 {
    font-size: 24px;
    margin-bottom: 20px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 18px;
    color: #bd141b;
    padding-top: 20px;
}

#cast li {
    margin: 0;
}

#flashPlayer {
    width: 700px;
    height: 445px;
    color: #fff;
}


	
/*  ---|  HEADER  |-------------------------------------------------------------------  */

#header {
	text-align: left;
	width: 100%;
	height: 285px;
	position: relative;
}

img#logo {
   height: 293px;
   width: 550px;
   position: absolute;
   right: 64px;
   top: 10px;
   border: 0;
}

/*  ---|  END HEADER  |-------------------------------------------------------------------  */






/*  ---|  TOP NAVIGATION  |-------------------------------------------------------------------  */

#nav {
    width: 200px;
    position: absolute;
    top: 100px;
    float: left;
}

#nav li {
    margin: 5px;
}

#nav a {
    display: block;
    width: 155px;
    text-indent: -9999px;
    background: url(../i/nav.gif) no-repeat;
    overflow: hidden;
}

#nav a.about {
    height: 55px;
    left: 0px;
    top: 0px;
    
} 

#nav a.cast {
    height: 43px;
    left: 0px;
    background-position-y: -55px;
} 

#nav a.trailer {
    height: 43px;
    left: 0px;
    background-position-y: -98px;
} 

#nav a.facebook {
    height: 43px;
    left: 0px;
    background-position-y: -141px;
} 

#nav a:hover.about, #nav a:hover.cast, #nav a:hover.trailer, #nav a:hover.facebook {
    background-position-x: -187px;
}



/*  ---|  END TOP NAVIGATION  |-------------------------------------------------------------------  */





	
/*  ---|  FOOTER  |-------------------------------------------------------------------  */

#footer {
	position: relative;
	width:100%;
	color:#42494f;
	clear: both;
	height: 150px;
	text-align: left;	
}

img.copyright {
    float: left;
    margin-left: 45px;
}

img.mpire {
    float: right;
    margin-right: 45px;
}

/*  ---|  END FOOTER  |-------------------------------------------------------------------  */