@charset "UTF-8";
/* CSS Document */

/******** Tag Changes *******/
html, body {
	margin: 0;
	padding: 0;
	height:100%;
}

body {
	background:#000;	
	background-position:center; 
	text-align:center; 
	color:#CCC;
	-ms-overflow-x:hidden;
	overflow-x:hidden;
}

p {
	line-height:150%;
	font-family:"Book Antiqua", Georgia, serif;
	font-size: 20px;
}

a {
	color:#CC3300;
	text-decoration:none;
	cursor:pointer;
}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}

hr {
	width: 80%;
	margin: 0 auto;
}

img {border:0;}

/******* Classes *******/
.animation {position:absolute;}

ul.horizontal {list-style: none; position:relative; margin:0; padding:0; float:left; left:50%;}
ul.horizontal li {float:left; margin:0; padding:.2em .5em; display:block; text-align:center; position:relative; right:50%;}

.content {
	background:url('content/content-bg.jpg') repeat-y;
	padding:20px;
	width:884px;
	margin: 0 auto;
	z-index:4;
}
.content p {
	font-family:"Courier New", Courier, monospace;
}
/******* Specific Elements *******/
#container {
   min-height:100%;
   position:relative;
}
#main {
	background:url('content/vignette_bg.jpg') no-repeat;
	width:1280px;
	height:720px;
	margin:0 auto;
	position:relative;
	padding:0;
}

#body {
   padding:10px;
   padding-bottom:25px;   /* Height of the footer */
   z-index:4;
}

#header {
	height:150px;
	width:100%;
	-ms-overflow-y: hidden;
	overflow-y: hidden;
	position:relative;
}
#gear1 {top:20px; left:50px; z-index:2;}
#gear2 {top:5px; left:10px; z-index:1;}
#gearShadow1 {top:45px; left:75px; z-index:2;}
#gearShadow2 {top:23px; left:28px; z-index:1;}
#swingingChain {top:-10px; left:30px; z-index:3;}

#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:25px;
	text-align:center;
	background-color:#000000;
}

#copyright {padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
/******* Modal Box display *******/
div#overlay {
	display:none;
	z-index: 98;
	-moz-opacity: .70;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	background-color:#000;
	position:fixed; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	color:#FFF; 
	text-align:center;
}

div#movie {
	position:absolute;
	display:none;
	z-index:99;
	background:#222;
	margin:0;
	padding:0;
	width:0;
	height:0;
	border:#333 thin solid;
	text-align:left;
}
div#movie .close {position:absolute;top:-20px;left:-20px;cursor:pointer;}
div#movie .loading{background:#000;width:0;height:0;margin:17px 20px;}
div#movie .loading img{margin:0;padding:0;position:absolute;}
div#movie #qt_display{position:absolute;}
div #javascriptPanel {
	text-align:left;
	overflow:scroll;
	width:100%;
	height:200px;
	background:#fff;
	color:#000;
}




#noJava {position:absolute; top:0; padding:20px; background:#000000; width:100%; height:100%;}
#noJava p {margin-top:-50px; font-family:Helvetica, Arial, sans-serif; font-size:24px;}

/******* Navigation *******/
#nav {width: 100%; float:left; margin:0; padding:0; position:relative; top:126px;}
#nav ul {list-style:none; float:left; left: 50%; position:relative;}
#nav ul li {right: 50%;}
#nav ul li a {padding:.25em 1.5em; font-family:"Courier New", Courier, monospace; font-size:18px; font-weight:bold;}
#nav ul li a:hover {color:#fff;}