@font-face {
    font-family: 'OSPDIN';
    src: url('OSP-DIN-webfont.eot');
    src: url('OSP-DIN-webfont.eot?#iefix') format('embedded-opentype'),
         url('OSP-DIN-webfont.woff') format('woff'),
         url('OSP-DIN-webfont.ttf') format('truetype'),
         url('OSP-DIN-webfont.svg#OSPDIN') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	margin: 0px 10px 0 10px; padding: 0;
	color: white;
	background: black;
	text-align: center;
	font-size: 15px; line-height: 22px;
	font-family: "Lucida Grande", arial, helvetica, sans-serif;
}

#page {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    background: black url('../images/pagebackground.jpg') no-repeat center top;
    text-align: left;
}

#header {
    position: relative;
    width: 1000px; height: 700px;
    margin: 0;
    text-align: left;
}

#leftcol {
	float: left;
	width: 540px;
    left: 0px; top: 0px;
    margin: 0 0 80px 40px;
}

#rightcol {
	float: right;
	width: 310px;
    top: 150px;
    margin: 150px 40px 0 0;
    padding-bottom: 30px;
}

#footer {
	clear: both;
	width 1000px;
	text-align: center;
	margin-bottom: 30px;
}

img { border: 0; }
.hidden { display: none; }

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

p { margin: 0 0 12px 0; padding: 0; }

#footer .credits { 
	color: #bb8336;
	width: 920px; 
	font-size: 13px; 
	line-height: 18px;
	margin: 40px;
}

blockquote {
	font-family: 'OSPDIN';
	font-size: 32px;
	line-height: 40px;
	font-weight: normal;
	margin: 0; padding: 0;
}

blockquote cite {
	font-family: "Lucida Grande", arial, helvetica, san-serif;
	font-size: 15px;
	color: #F9AE48;
}

#header .trailer {
	position: absolute;
	top: 165px; left: 40px;
	border: 3px solid #F9AE48;
	margin: 0;
}

#header .trailertext {
	position: absolute;
	top: 158px; left: 420px;
	font-family: 'OSPDIN';
	font-size: 40px;
	color: #F9AE48;
	text-transform: uppercase;
}

#header .trailertext .trailersmall { font-size: 18px; color: white; line-height: 32px; }

#head-announcement { 
	position: absolute;
	width: 680px;
	top: 40px; left: 40px;
}

#laurels { 
	position: absolute;
	width: 630px;
	top: 40px; left: 40px;
}
.laurel {
  float: left;
  margin-left: 10px;
	font-size: 11px;
	line-height: 13px;
	text-transform: uppercase;
	text-align: center;
	background: url(../images/laurel-left.png) top left no-repeat;
}
.laurel-1 {
  margin-left: 0;
}
.laurel .lines {
  min-height: 48px;
  padding: 0 24px;
	background: url(../images/laurel-right.png) top right no-repeat;
}
.laurel .line-1 {
  margin-bottom: 4px;
}
.laurel .line-2 {
  font-weight: normal;
  font-size: 18px;
  line-height: 18px;
  font-family: 'OSPDIN';
}

#laurels-body { 
	position: relative;
	width: 540px;
	text-align: center;
}

#laurels-body .laurel {
	margin: 20px;
}

#socialmedia { 
	position: absolute;
	top: 40px; right: 40px;
	width: 220px; height: 40px; 
}
#socialmedia .nav {
	position: relative;
	width: 220px; height: 40px;
	top 0; left 0;
	padding-bottom: 40px;
}

#socialmedia .nav a {
	position: absolute;
	background-repeat: none;
	background-position: 0px 0px;
}
#socialmedia .nav a:hover {
	position: absolute;
	background-repeat: none;
	background-position: 0px 40px;
}
#socialmedia .nav a span { display: none; }

#socialmedia .nav .youtube {
	width: 40px; height: 40px;
	top: 0px; left: 0px;
	background: url(../images/button-youtube.gif);
}

#socialmedia .nav .twitter {
	width: 40px; height: 40px;
	top: 0px; left: 60px;
	background: url(../images/button-twitter.gif);
}

#socialmedia .nav .facebook {
	width: 40px; height: 40px;
	top: 0px; left: 120px;
	background: url(../images/button-facebook.gif);
}

#socialmedia .nav .googleplus {
	width: 40px; height: 40px;
	top: 0px; left: 240px;
	background: url(../images/button-googleplus.gif);
}

#socialmedia .nav .email {
	width: 40px; height: 40px;
	top: 0px; left: 180px;
	background: url(../images/button-email.gif);
}

#leftcol .leftpic { margin: 30px 0 30px 0; }

#sidebox {
    width: 290px;
    background-color: #221F20;
    margin-bottom: 30px;
    padding: 10px;
}

#sidebox .sideheader {
	font-family: 'OSPDIN';
	font-size: 24px;
	color: #F9AE48;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#sidebox .sideheader .big {
	font-family: 'OSPDIN';
	font-size: 42px;
	line-height: 40px;
	color: #F9AE48;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.sidefacebook {
	font-family: 'OSPDIN';
	margin: 0 0 20px 10px;
	font-size: 27px;
	text-transform: uppercase;
}

.sidefacebook a {
	font-size: 43px; line-height: 50px;
}

.mailinglist { position: relative; height: 80px; }

.mailinglist .emailfield {
	position: absolute;
	left: 10px; top: 40px;
	width: 200px; height: 20px;
	padding: 15px;
	background-color: black; color: white;
	border: none;
}

.mailinglist .subscribebutton {
	position: absolute;
	right: 10px; top: 40px;
	width: 50px; height: 50px;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	padding: 0px;
	background: #f9ae48;
	color: black;
	font-family: 'OSPDIN'; font-size: 24px;
}

.mailinglist .subscribebutton:hover {
	border: none;
	background: white;
}

.twtr-hd { display: none; }

.announcement {
	font-family: 'OSPDIN';
	font-size: 52px;
	line-height: 40px;
	color: #F9AE48;
}