html {
	background-repeat: repeat-x;
	background: url(../images/bg.png);
	font-family: sans-serif;
	color: white;
}

body {
	width: 100%;
}

div.container {
	position: relative;
	margin: 0 auto;
	width: 700px;
	padding: 150px 0 210px 0;
}

div.container p {
	font-weight: bold;
}

div#content {
	width: 500px;
	margin: 0 auto;
}

h1{
	margin: 0 auto;
	padding: 100px 0 0 0;
	background: url(../images/h1.png) no-repeat 0px 90px;
	text-align: center;
	text-indent: -9999px;
	width: 500px;
	height: 57px;
	display: block;
}

/* NAVIGATION */

div.nav {
	width: 700px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	padding: 46px 0 0 0;
}

div.nav ul {
/* 	width: 700px; */
	list-style: none;
	margin: 80px 0 0 -50px;
}

div.nav ul li {
	float: left;
	margin: 25px 25px 25px 80px;
	padding: 10px;
}

div.nav ul li a#home {
	width: 96px;
	padding: 250px 0 0 0;
	display: block;
	text-indent: -9999px;
	bottom: 0;
	position: absolute;
	background: url(../images/home.png) 0px 0px no-repeat;
}

div.nav ul li a#home:hover,
div.nav ul li a#home:focus { background: url(../images/homeOVER.png) no-repeat; }


div.nav ul li a#video {
	width: 103px;
	padding: 250px 0 0 0;
	display: block;
	text-indent: -9999px;
	bottom: 0;
	position: absolute;
	background: url(../images/video.png) 0px 0px no-repeat;
}

div.nav ul li a#video:hover {
	background: url(../images/videoOVER.png) 0px 0px no-repeat;
}

div.nav ul li a#photo {
	width: 118px;
	padding: 250px 0 0 0;
	display: block;
	text-indent: -9999px;
	bottom: 0;
	position: absolute;
	background: url(../images/photo.png) 0px 0px no-repeat;
}

div.nav ul li a#photo:hover {
	background: url(../images/photoOVER.png) 0px 0px no-repeat;
}

div.nav ul li#tech {
	margin: 0 60px 0 60px;
}

div.nav ul li a#tech {
	width: 218px;
	padding: 250px 0 0 0;
	display: block;
	text-indent: -9999px;
	bottom: 0;
	position: absolute;
	background: url(../images/technical.png) 0px 0px no-repeat;
}

div.nav ul li a#tech:hover {
	background: url(../images/technicalOVER.png) 0px 0px no-repeat;
}

div.nav ul li a#creators {
	width: 222px;
	padding: 250px 0 0 0;
	display: block;
	text-indent: -9999px;
	bottom: 0;
	position: absolute;
	background: url(../images/creators.png) 0px 0px no-repeat;
}

div.nav ul li a#creators:hover {
	background: url(../images/creatorsOVER.png) 0px 0px no-repeat;
}
/* Site Info */

div.siteinfo {
	background: url(../images/skyline.png) 0 20px repeat-x;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 299px;
}

div.siteinfo ul {
	list-style: none;
	bottom: 0;
	right: 0;
	position: absolute;
	margin: 5px 0 0 0;
}

div.siteinfo ul li {
	float: left;
	margin: 15px;
	padding: 5px;
	font-size: 8pt;
}