/* General
========================*/
body {
	color: #cccccc;
	background: #000 url(../images/bg.jpg) repeat;
}
a {
	color: #666666;
	text-decoration: none;
}
a:active,
a:hover {
	text-decoration: underline;
}
img {
	border: 6px solid #fff;
}
#container {
	background-color: #000;
}
/* Typography
========================*/
body {
	font: 62%/1.4 "Arial";
}
p {
	font-size: 1.1em;
}
#info p {
	font-size: 1em;
}
/* info
========================*/
#onward-logo {
	border: 0;
}

/* Text replace
========================*/
h1#welcome-to-onward,
h2#contact,
h2#onward,
h2#mustard,
h2#mtp,
p.watch-the-reel {
	background-repeat: no-repeat;
}
h1#welcome-to-onward {
	background-image: url(../images/h1-welcome-to-onward.gif);
}
h2#contact  {
	background-image: url(../images/h2-contact.gif);
}
h2#onward {
	background-image: url(../images/h2-onward.gif);
}
h2#mustard {
	background-image: url(../images/h2-mustard.gif);
}
h2#mtp {
	background-image: url(../images/h2-mtp.gif);
}
p.watch-the-reel a {
	background-repeat: no-repeat;
	background-image: url(../images/a-watch-the-reel.gif);
}
p.watch-the-reel a:hover {
	background-image: url(../images/a-watch-the-reel_hover.gif);
}
p.arrow {
	background: url(../images/arrow.gif) no-repeat;
}
a.frame:hover img {
	border-color: #000;
}