body {
	margin: 0;
	padding: 0;
	background-color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #292929;
}
/* page layout */
.pos {
	text-align: center;
	padding: 15px 0 15px 0;
}
.container {
	width: 878px;
	height: auto;
	border: solid 1px #191919;
	background-color: #010102;
	background-image: url(container_bg.jpg);
	background-repeat: no-repeat;
	margin: auto;
	padding: 0px 0px 10px 0px;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #292929;
}
.header {
	width: auto;
	height: 205px;
}
.mainbox {
	width: auto;
}
.navibox {
	width: 350px;
	height: 370px;
	float: left;
}
/* only contact.html */
.credit {
	padding: 120px 0px 0px 30px;
	color: #202020;
}
.credits {
	width: 878px;
	height: auto;
	margin: auto;
	font-size: 9px;
	text-align: left;
	padding: 5px 0 0 10px;
}
.credits a {
	font-size: 9px;
}
/* navigation */
.navi {
	width: auto;
	padding: 20px 0px 0px 145px;
}
.navi a, .navi a:link, .navi a:visited, .navi a:hover {
	display: block;
	width: 95px;
	height: 44px;
	text-indent: -9000px;
	margin: 0;
	z-index: 100;
	background-repeat: no-repeat;
	background-position: top left;
}
.navi a#void {
	background-image: url(nav_void.gif);
}
.navi a#past {
	background-image: url(nav_past.gif);
}
.navi a#traces {
	background-image: url(nav_traces.gif);
}
.navi a#sounds {
	background-image: url(nav_sounds.gif);
}
.navi a#visions {
	background-image: url(nav_visions.gif);
}
.navi a#contact {
	background-image: url(nav_contact.gif);
}
.navi a:hover {
	background-position: bottom left;
}
.contentbox {
	width: 500px;
	height: 380px;
	border: solid 1px #151515;
	float: left;
/* if you want to have it scroll instead of rezising uncomment the line below */
/*	overflow: auto; */
}
/* resetting the IE height with min-height for gecko browsers */
/* remove when scrolling */
*[class=contentbox] {
	height: auto;
	min-height: 370px;
}
.content {
	width: auto;
	padding: 5px 5px 5px 5px;
	line-height: 130%;
}

/* end page layout */

/* content styles */

h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: right;
	padding: 0px 20px 10px 0px;
	margin: 10px 0px 30px 0px;
}
h1:first-letter {
	font-family: "Old English Text MT", "Sherwood", "Times New Roman", Times, serif;
	font-size: 20px;
}
h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	margin: 0px 0px 10px 0px;
}
p.bio {
	text-align: center;
	padding: 0px 25px 10px 25px;
}
.discbox {
	width: auto;
	padding: 0px 0px 10px 0px;
	border-bottom: solid 1px #101010;
	margin: 0px 20px 20px 20px;
}
.discinfo {
	font-size: 10px;
	padding: 0px 0px 5px 10px;
}
.discinfo a {
	font-size: 10px;
}
.discimg {
	width: 140px;
	height: 140px;
	margin: 0 0 0 4px;
	padding: 8px 0 0 6px;
	float: left;
}

.discimg img {
	margin: auto;
	padding: 1px 1px 1px 1px;
	border: solid 3px #151515;
}
/* csshover.htc adds body behavior for IE, works without help for all other browsers */
.discimg img:hover {
	border: solid 3px #252525;
}
.discimg a {
	text-decoration: none;
}
.disctext {
	width: 280px;
	padding: 6px 0 0 6px;
	float: left;
}
.imgbox {
	width: auto;
	padding: 20px 0px 0px 30px;
	text-align: center;
}
.pic {
	display: block;
	width: 108px;
	height: 108px;
	padding: 0px 0 20px 0;
	float: left;
	text-align: center;
}
.pic img {
	margin: auto;
	padding: 1px 1px 1px 1px;
	border: solid 3px #181818;
}
/* csshover.htc adds body behavior for IE, works without help for all other browsers */
.pic img:hover {
	border: solid 3px #252525;
}
.pic a {
	text-decoration: none;
}


/*
Forms
*/
.forms {
	padding: 10px 0px 0px 0px;
	color: #252525;
}
.forms label {
	width: 80px;
	display: block;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	float: left;
}
.forms input {
	width: 280px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: solid 1px #333333;
	background-color: #101010;
	color: #555555;
	margin: 0px 10px 10px 0px;
	display: block;
	float: left;
}
.forms textarea {
	width: 280px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: solid 1px #333333;
	background-color: #101010;
	color: #555555;
	margin: 0px 10px 10px 0px;
	display: block;
	float: left;
}
.forms input.button {
	width: auto;
	color: #454545;
	font-weight: bold;
	line-height: 100%;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 10px 0px;
}
.forms br {
	clear: both;
}
input[type=hidden] {
	border: 0;
	margin: 0;
	padding: 0;
}

/* basics */

.clearer {
	clear: both;
}
a {
	outline: none;
}

img {
	margin: 0;
}
a:link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #252525;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #252525;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #292929;
	text-decoration: underline;
}