html, body {
height: 100%;
}

body {
  margin: 0px;
  padding: 0px;
  background: url('../img/bg.jpg') repeat-y top center;
  background-color: #161616;
}

#page_one
{
	width: 820px;
	height: 1212px;
	background-image: url('../img/page1.jpg'); 	
	z-index: 17;
	margin: 0;
	padding: 0;
}

#page_two
{
	width: 820px;
	height: 1212px;
	background-image: url('../img/page2.jpg'); 	
	z-index: 17;
	margin: 0;
	padding: 0;
}

#page_three
{
	width: 820px;
	height: 1212px;
	background-image: url('../img/page3.jpg'); 	
	z-index: 17;
	margin: 0;
	padding: 0;
}

#download_first
{
/* background-color: #ff0000; */
font-family: arial;
font-size: 16px;
font-weight: normal;
color: #ffffff;
text-align: left;
margin: 524px 0px 0px 56px;
width: 768px;
}

#download_second
{
/* background-color: #ff0000; */
font-family: arial;
font-size: 16px;
font-weight: normal;
color: #ffffff;
text-align: left;
margin: 415px 0px 0px 260px;
width: 620px;
}

#download_third
{
/* background-color: #ff0000; */
font-family: arial;
font-size: 16px;
font-weight: normal;
color: #ffffff;
text-align: left;
margin: 720px 0px 0px 56px;
width: 768px;
}

#download_fourth
{
/* background-color: #ff0000; */
font-family: arial;
font-size: 16px;
font-weight: normal;
color: #ffffff;
text-align: left;
margin: 435px 0px 0px 230px;
width: 620px;
}

#controls
{
display: table;
padding: 35px 24px 0px 739px;
}
#controls_first
{
display: table;
padding: 35px 24px 0px 772px;
}
#credits
{
background: url('../img/credits.jpg') repeat-y top center;
/* margin: -136px 0px; */
width: 820px;
height: 60px;
text-align: left;
padding: 0px 0px 0px 40px;
color:#a3a3a3;
font-size:10px;
font-family: helvetica;
font-weight: normal;
}

#footershadowbottom
{
background: url('../img/footerShadowBottom.jpg') top center;
width: 820px;
height: 28px;
margin: 0px 0px 0px 0px;
}

table
{
margin: -2px 0px;
padding: 0;
}

tr
{
margin: 0;
padding: 0;
}

td.valve_logo
{
width: 111px;
height: 60px;
background: url('../img/valve_logo.jpg') no-repeat top left;
margin: 0;
padding: 0;
}

span.credits
{
vertical-align: top;
}

span.arrows
{
	font-family: sans-serif;
	font-size:22px;
	text-align:right;
	font-weight:bold;
	color:#faeac9;
}
span.arrows_locked
{
font-family: sans-serif;
font-size: 22px;
text-align: right;
font-weight: bold;
color: #888888;
}

span.arrowseperator
{
	font-family: sans-serif;
	font-size:28px;
	text-align:right;
	font-weight:bold;
	color:#665f52;
}

img.download
{
	margin: 0px 4px;
}


a:link.arrow
{
	font-family: sans-serif;
	text-decoration: none;
	font-size:22px;
	text-align:right;
	font-weight:bold;
	color: #faeac9;
}
a:visited.arrow
{
	font-family: sans-serif;
	text-decoration: none;
	font-size:22px;
	text-align:right;
	font-weight:bold;
	color: #faeac9;
}
a:hover.arrow
{
	font-family: sans-serif;
	text-decoration: none;
	font-size:22px;
	text-align:right;
	font-weight:bold;
	color: #ffffff;
}