/**
* CSS
* 
* @version 1.0
* @author Luke McDowell
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 60%;
	font-family: Helvetica, Arial, Sans-Serif;	
	line-height: 1.35;
	background: #e6e6e6;
	overflow: hidden;
   	color: #888888;
	line-height: 16px;
	padding: 0 0 6px 0;
}

a img { border: none; }

#menu {
	background-color: transparent;
	top: -200px;
	left: 902px;
	overflow: hidden;
	position: fixed;
	width: 225px;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #888888; }
a:active { text-decoration: none; color: #888888; }
a:visited { text-decoration: none; color: #888888; }
a:hover { text-decoration: none; color: #888888; }

#menu ul {
	background-color: transparent;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 2px;
	padding: 9px;
	width: inherit;
}

#menu ul li.section-title { }

#content {
	margin: 0 0 0 0;
}

.container {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: transparent;
}

#content p { width: 240px; }

P {
	font-family: Helvetica, Arial, Sans-Serif;
	text-align: left;
	font-size: 1.0em
	margin: 0 75px 0 0;
	font-weight: normal;
	line-height: 1.35;
	width: 240px;
	padding: 0 3px 0 3px;
}
h1 {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.85;
	text-align: left;
	width: 240px;
	padding: 0 3px 0 3px;
	background-color: transparent;
}
h1.buttons{ 	
	width: 240px;
	padding: 0 3px 0 3px;
	background-color: white;
	opacity: 0.8;
}
h1.toggleinfo{ 	
	text-align: right;
}
h1.thiswork{
	text-align: right;	
	width: 80px;
}
h1.slash{
	text-align: center;	
	width: 30px;
}
h1.general{
	text-align: left;	
	width: 80px;
}
h2 {
    font-family: Helvetica, Arial, Sans-Serif;
	color: black;
	text-align: left;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	line-height: 1.35;
	width: 100%;
	background-color: black;
	opacity: 0.8;
	padding: 0 0 4.5px 0;
}
h3 {
    font-family: Helvetica, Arial, Sans-Serif;
	text-align: left;
	color: #888888;
	font-size: 10px;
	margin: -5px 0px 0px 0px;
	font-weight: normal;
	line-height: 1.85;
	width: 500px;
	opacity: 0.8;
	background-color: white;
	padding: 0 3px 0 3px;
}
h3.shorten{
	width: 350px;
}
em {
    color: #ff9900;
    font-weight: normal;
    text-decoration: normal;
}

#img-container		{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; }

#once { clear: left; }

.dragObj{cursor:hand;}

<div id="loading">&nbsp;</div>
 
#the-background {
position: absolute;
overflow:hidden;
z-index:1;
width: 100%;
height:100%;
top:0;
left:0;
}
#wrapper { 
position: absolute;
z-index: 2;
width: 100%;
min-width: 840px;
height: 100%;
top: 0;
left:0;
}