html, body {
	height: 100%;
}

body {
    width:891px;
    background: black url(../images/black_header.gif) no-repeat scroll top left;
    color: #a5a5a5;
    margin: 0;
	padding: 0;
}

body#demoreel {
	background: black url(../images/demo_header.gif) no-repeat scroll top left;
}

#container {
	position: relative;
	min-height: 100%;
}

#header {
    position:relative;
    top:0;
    left:0;
    height:110px;
    text-indent:-1000px;
    margin:0;
    padding:0;
    overflow:hidden;
}

#email {
    background: transparent url(../images/black_email.gif) no-repeat bottom left;
    position:absolute;
    display:block;
    top:43px;      /* next 4 coordinates for the email link */
    left:271px;
    width:141px;
    height:28px;
    overflow: hidden;
    margin:0;
    padding:0;
    text-indent:-1000px;
}
#email:hover {
    background: transparent url(../images/black_email.gif) no-repeat bottom right;
}

#navigation {
    background: transparent url(../images/black_header_bottom.gif) no-repeat top left;
    float: left;
    position:absolute;
    left:0;
    top:110px;
    margin: 0;
    padding: 50px 0 0 70px;
	width:300px;
}

#demoreel #navigation {
	background-image: url(../images/demo_header_bottom.gif);
}

#navigation h2, form fieldset legend {
    color: #FFFFFF;
    text-transform: uppercase;
    font: 12pt/1em Geneva, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
}

#navigation h2 a:visited, #navigation h2 a:link {
	display: none;
	color: #FFFFFF;
	text-decoration: none;
}

#navigation h2 a:hover, #navigation h2 a:active {
	display: none;
	color: #f14950;
	text-decoration: underline;
}

#content {
	padding-top: 20px;
	width:100%;
    height: 1%; /* Holly hack for peekaboo bug */
	padding-bottom: 100px;
	text-align: center;
}

#movie {
    text-align:center;
}

#welcome {
    margin:0;
    padding:0;
    position:relative;
    top: 206px;
    left: -87px;
    width:502px;
    height:13px;
    display: block;
}

#movie h2 {
    padding-left:18px;
    padding-right:18px;
    color:#f14950;
    text-transform: uppercase;
    font: 10pt/1.3em Geneva, Tahoma, Trebuchet MS, Helvetica, sans-serif;
    text-align:left;
    margin-bottom: 0;
}

#movie p {
margin-top:0;
    padding-left: 18px;
    padding-right: 18px;
    font: 9pt/1.5em Geneva, Tahoma, Trebuchet MS, Helvetica, sans-serif;
    color: #a5a5a5;
    text-align:left;
}

a:visited, a:link {
		color: #7DD2F3;
}

a:hover, a:active {
		color: #f14950;
}

h1 a {
		position: absolute;
		top: 0;
		left: 0;
		width: 270px;
		height: 110px;
		text-indent: -1000px;
}