/*/////////////////////////////////////////////////////////////////////////////////////
** HTML elements
*/

body {
margin:0;
padding:0;
background: url(images/bg_site.png) repeat-x top left #03212f;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #fff;
font-weight: normal;
}
ul {
margin:0 0 1em 0;
padding:0 0 0 1em;
}
li {
}
table {
width:98%;
}
fieldset {
clear:none;
  margin: 0 0 2em 0;
  padding:1em;
  border:1px solid #fff;
}
input {
margin: 0 .5em .5em 0;
}
form {
margin:0;
padding:0;
}
a:link {
  color: #fff;
}
a:visited {
  color: #fff;
}
a:hover {
  text-decoration: none;
}
a:active {
  color: #ed1c24;
}
h1{
  font-size: 1.2em;
  color: #ed1c24;
  margin: 0 0 19px 0;
}
h2 {
  font-size: 1.1em;
  color: #ed1c24;
  margin: 0 0 19px 0;
}
p {
  font-size: .8em;
  line-height: 1em;
}

/*/////////////////////////////////////////////////////////////////////////////////////
** Layout */

.wrap_page {
  width: 740px;
  margin: 0 auto;
}
.wrap_inner {
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
}
.header {
  height: 336px;
  border-bottom: 3px solid #fff;
}
#front .header {
  background: url(images/bg_header_front.jpg) no-repeat top left;
}
#trailer .header {
  background: url(images/bg_header_trailer.jpg) no-repeat top left;
}
#extras .header {
  background: url(images/bg_header_extras.jpg) no-repeat top left;
}
#trailer .header .trailer {
  width: 480px;
  height: 308px;
  margin: 0 auto;
  padding-top: 15px;
}
.footer {
  color: #334a56;
  margin: 8px 0;
  font-size: 1.2em;
  text-align: center;
}
.footer a {
  text-decoration: none;
}
.footer a:hover {
  color: #ED1C24;
  text-decoration: underline;
}
.footer div {
  margin-bottom: .5em;
}
.nav {
  height: 61px;
  border-bottom: 3px solid #fff;
}
.nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav li {
  float: left;
  display: block;
  margin: 0;
  padding: 0;
}
.content {
  clear: both;
  padding: 15px 32px;
}
.content .cover {
  float: right;
  width: 213px;
  height: 233px;
  background: url(images/bg_cover_front.png) no-repeat top right;
}
.content .logo {
  float: right;
  margin: 0 0 1em 1em;
  background: url(images/bg_logo_trailer.png) no-repeat top right;
  width: 213px;
  height: 64px;
}

/* The Malarkey Method: Image replacement */
/* http://www.stuffandnonsense.co.uk/archives/mir_image_replacement.html */
.nav li a {
  height: 61px;
  display: block;
  letter-spacing : -1000em;
/*  text-indent: -9999em; */
}
/* Be nice to Opera, but hide from MacIE. Thanks to Robert Jan Verkade (http://www.eend.nl) for the MacIE fix. */
/*\*/html>body .nav li a { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
.nav li a:hover, .nav li a.active {
  background-position: 0 -61px;
}

li.link_home a {
  background: url(images/nav_home.png) no-repeat top left;
  width: 100px;
}
li.link_trailer a {
  background: url(images/nav_trailer.png) no-repeat top left;
  width: 169px;
}
li.link_extras a {
  background: url(images/nav_extras.png) no-repeat top left;
  width: 143px;
}
li.link_buy a {
  background: url(images/nav_buy.png) no-repeat top left;
  width: 152px;
}
li.link_blog a {
  background: url(images/nav_blog.png) no-repeat top left;
  width: 170px;
}
#front .content h2, #trailer .content h2 {
  font-size: 1.3em;
}
#front .content h2 span, #trailer .content h2 span {
  display: block;
  font-size: .8em;
  color: #fff;
}
#extras_links {
  width: 301px;
  float: left;
  padding-right: 26px;
}
#extras_links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#extras_links li {
  background: url(images/bullet.png) 0 4px no-repeat;
  margin: 0 0 5px 0;
  padding: 0 0 0 15px;
  font-size: .8em;
  cursor: pointer;
  text-decoration: underline;
}
.video {
  float: left;
  width: 315px;
  border-left: 1px solid #334a56;
  padding-left: 26px;
}
.video p {
  font-size: .7em;
}
.red {
  color: #ED1C24;
}
.below-cover {
  text-align: center;
}
.cover-wrapper {
  width: 213px;
  float: right;
}