* { 
    margin: 0; 
    padding: 0;
}
body {
    background: #1d1e22;
	background-image:url(../images/bg.png);
    color: #eee;
    text-align: center;
    font-size: 62.5%;
    line-height: 2.5em;
    font-family: Helvetica,Arial,sans-serif;
}

a { color: #eee; text-decoration: underline }
a:hover {color: #f30;}
p, ul, ol, li { 
    margin-bottom: 1em; 
}
blockquote { 
    margin: 0 1.4em 1.4em 1.4em;
    color:#999;
    padding-left:1em;
}
ul {
    margin-left: 2em;
}
ol {
    margin-left: 2em;
}
h1 { 
    margin: 0 0 0.2em 0; 
}
h2 { 
	font-size: 1.0em;
	font-weight: bold;
}

#container {
	text-align:center;
    margin: 1em auto;
    padding: 0;
    width: 760px;
	font-size: 1.6em;
}

/* HEADER */
#header {
    padding: 0 0 .5em 0;
	border-bottom:1px solid #101010;
    text-align:center;
}
#header h1 a img {
	border: 0;
	margin:0.3em 0 -0.3em;
}

/* NAVIGATION */
#navigation {
	overflow:hidden;
}
#navigation ul {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	left:50%;
	text-align:center;
}
#navigation ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
}
#navigation ul li a {
	display:block;
	float:left;
	padding:0.2em 1.2em;
	text-decoration:none;
	color:#ccc;
	text-shadow:1px 1px 1px #333;
}
#navigation ul li a:hover {
	color: #f30;
}
#home #navigation ul li a.home,
#about #navigation ul li a.about,
#trailer #navigation ul li a.trailer,
#press #navigation ul li a.press,
#links #navigation ul li a.links,
#contact #navigation ul li a.contact {
	color: #f30;
}

/* CONTENT */
#content {
	padding: 1em 0;
	text-align:left;
}
#content img {
	border: none;
}
#content ul {
	line-height: 0.5em;
}

/* FOOTER */
#footer {
    padding: 1.5em 0;
	border-top:1px solid #101010;
    text-align:center;
	color: #666;
	font-size: 0.8em;
}
#footer a { color: #666;}
#footer a:hover {color: #ccc;}

/* QUOTES */
#quotes {
	text-align:center;
}
#quotes div p {
	margin: 5em 0;
}
#quotes .left {
	float:left;
	width: 175px;
	padding-right:12px;
}
#quotes .poster {
	float:left;
	width: 380px;
}
#quotes .right {
	float:left;
	width: 175px;
	padding-left:12px;
}

/* SPECIAL */
.center {
text-align:center;
}
br.clear {
clear:both;
}
a img {
	border: 0;
}
div#content.center {
	text-align:center;
}
div.gallery a {
	float: left;
	margin: 0 3.5em 3em 1.5em;
}
#header a {
  outline: none;
}
#header :focus {
  -moz-outline-style: none;
}