@import url("nav.css");

img, div, li { behavior: url("iepngfix.htc") }

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	}

body {
	font: 0.9em/1.4em Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	background: #000 url(../images/general/background.jpg) repeat-x top center;
	}
	
h1 { 
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	float: left;
	font-size: 140%;
	color: #f20134;
	text-transform: uppercase;
	border-bottom: 2px solid #f20134;
	}
	
h3 { margin: 0 0 10px 0; }
	
img,
a { border: none; }

a { color: #f20134; text-decoration: none; } 
	
a:hover { text-decoration: underline; } 

#packshot { float:left; width:320px; }

#faf {
 float:left;
 margin-top: 5px;
 margin-left: 447px;
 height:57px;
 }

#wrap {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	background: transparent url(../images/general/background-wrap.jpg) no-repeat top center;
	}
	
#header {
	width: 100%;
	height: 196px;
	margin: 0;
	padding: 0;
	float: left;
	background-color: transparent;
	}

#header-content {
	width: 960px;
	height: 196px;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
	}
	
#container {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	background-color: transparent;
	}
	
#container #inner_content {
	width: 660px; /*ACTUAL WIDTH 960px*/
	min-height: 491px;
	margin: 0 auto;
	padding: 10px 290px 10px 10px;
	background: transparent url(../images/general/background-content.png) repeat-y top left;
	}
	
#container #content {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
	}
	
#content #contenthome {
	width: 840px; /*ACTUAL WIDTH 960px*/
	height: 473px; /*ACTUAL HEIGHT 521px*/
	margin: -21px 0 0 5px;
	padding: 48px 0 0 120px;
	z-index: 2;
	position: relative;
	background: transparent url(../images/general/background-contenthome.png) no-repeat top right;
	}
	
#content a { color: #f20134; text-decoration: underline; } 
	
#content a:hover { text-decoration: none; }

ul li a { font-size: 70%; color: #000; border: 1px solid #000; }

ul li a:hover { color: #f20134; border: 1px solid #f20134; }

#trailer {
	width: 480px;
	height: 360px;
	margin: 0 0 11px 0;
	padding: 0;
	float: left;
	background-color: #000;
	}
	
#inner_trailer {
	width: 510px;
	height: 360px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	background-color: transparent;
	}
	
#footer {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #000; 
	}
	
#footer #footer_content {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background-color: #000; 
	}
	
#share {
	width: 270px; /*ACTUAL WIDTH 280px*/
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
	float: left;
	background-color: transparent;
	}
	
#footerlogos {
	width: 800px;
	margin: 20px 0 0 0;
	padding: 0;
	float: right;
	background-color: #000;
	}
	
#copyright {
	width: 960px;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 60%; 
	text-align: center; 
	}
	
a.img-block, 
a:hover.img-block {
	width: 120px; /*ACTUAL WIDTH 150px*/
	height: 110px; /*ACTUAL HEIGHT 140px*/
	margin: 0 30px 25px 30px;
	padding: 15px;
	float: left;
	background-color: #666;
	}
	
 a:hover.img-block { background-color: #999; }