body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #fff;
	background-color: #000;
	text-align: center;
/* part 1 of 2 centering hack */
}

.ahem {	display: none; }

strong, b {	font-weight: bold; }

p {	font-size: 12px; line-height: 16px;	margin-top: 10px; margin-bottom: 5px; padding-left: 10px; padding-right: 10px; }

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 { font-size: 13px; line-height: 30px; font-weight: bold;	margin-top: 0; margin-bottom: 0; text-transform:uppercase; clear:both; width:100%; float:left;}
h2 { font-size: 12px; line-height: 20px; font-weight: bold;	margin-top: 0; margin-bottom: 0; text-align:center; clear:both; width:100%;}
h3 { font-size: 15px; line-height: 16px; font-weight: bold; margin-top: 10px; margin-bottom: 5px; padding-left: 10px; padding-right: 10px; text-transform:uppercase; color:#0c0; }
h4 { font-size: 14px; line-height: 26px; font-weight: bold;	margin-top: 0; margin-bottom: 0; }
.pp_logo_header { position:relative; top:0px; left:0px; float:left; margin:3px 0;}

img { border: 0; }

.topnav { line-height:14px; min-height:19px; text-align:center; background-color:#000; font-size:12px; padding:0 0 1px 0; margin:0; }

.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
}
#content {
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #666;
	border: 5px solid #ccc;
	text-align:left; /* part 2 of 2 centering hack */
	width: 930px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 900px;
}
html>body #content {
	width: 900px; /* ie5win fudge ends */
}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
}

.footerleft { float:left; text-align:left; font-size: 12px; margin-top:0; padding-left:0px; color:#CCC; font-weight: bold; }
.centre { float:left; text-align:center; }
hr { border-bottom:none; border-left:none; border-right:none; border-color:#FFF; width: 100%; clear:both; }

.boxContainer, .galleryContainer {
	position:relative;
	display:block;
	border:0px clear #333;
	margin: 0px;
	padding:0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
	height:356px;
	width:100%;
	top:0px;
	float:left;
	text-align:center;
}

a:link, a:visited, a:active { text-decoration: none; font-weight: bold; color: #CCC; outline: none; }
a:hover { color: #ccc; text-decoration: underline; }

.galleryContainer {	height:500px; text-align:left; }

	a.innerBox:link, a.innerBox:visited, a.innerBox:hover, a.innerBox:active, .videoBox {
		position: relative;
		display:block;
		float:left;
		margin:0px 0px 0px 19px;
		padding:0px;
		top:2px;
		text-align:center;
		width:200px;
		border:0px clear #000;
		text-decoration: none;
	}

	.videoBox { background-image:url(images/VideosBox.jpg); height: 350px; width:420px; text-align:justify; }
	.videoBoxImg { margin:20px 20px 0 20px; float:left; width:auto; }
	.videoBoxTitle {margin:20px 20px 0px 10px; font-size:16px; font-weight:bold; text-decoration:none; text-align:center; line-height: 24px; color:#00CC66;}
	.videoBoxText { margin:0 10px 0 10px; padding:10px; clear:both;}
	.videoBoxBuy { position:absolute; bottom:20px; left:20px; border:2px solid #CCC; height:23px; width:380px; text-transform:uppercase; padding:0 0 3px 0; text-align:center; color:#FFF; background-color:#666; font-weight:bold; float:left; }
	.jkBoxBuy { border:2px solid #ccc; height:73px; width:416px; text-transform:uppercase; line-height:20px; padding:5px 0 3px 0; margin:0 0 10px 0; text-align:center; color:#FFF; background-color:#900000; font-weight:bold; float:left; }
	
	a.wmvBox:link, a.wmvBox:visited, a.wmvBox:hover, a.wmvBox:active { margin:5px 0 5px 0; padding:5px 0 3px 0; border:2px solid #CCC; height:55px; width:135px; text-transform:uppercase; text-align:center; color:#000; background-color:#666; font-weight:bold; float:left; text-decoration:none; font-size:16px; }
	a.wmvBox:hover { border:2px solid #8F0000; color:#CCC; background-color:#666; }
	
	.footerBox { position:relative; display:block; border:0px; margin: 5px 0 10px 20px; padding:0; font-size:12px; height:90px; width:860px; top:0px; float:left; text-align:center; background-image:url(images/FooterBox.jpg); background-repeat:no-repeat; }
	.footerBoxTitle { margin:12px 0 0 0; font-size:16px; font-weight:bold; text-decoration:none; text-align:center; line-height: 22px; color:#00CC66;}
	.footerBoxText { margin:10px 0 0 0;}
	
	.transtext {
	  position: absolute;
	  left:4px;
	  margin: 0;
	  bottom: 0;
	  font-weight: normal;
	  color: #FFF;
	  padding:5px 5px 10px 5px;
	  width:180px;
	  text-align:center;
	}

	/* index.php buttons */
	a.videos:link, a.videos:visited, a.videos:hover, a.videos:active { background-image:url(images/buttons/videos.jpg); background-repeat:no-repeat; height:350px; }
	a.gallery:link, a.gallery:visited, a.gallery:hover, a.gallery:active { background-image:url(images/buttons/gallery.jpg); background-repeat:no-repeat; height:350px; }
	a.profiles:link, a.profiles:visited, a.profiles:hover, a.profiles:active { background-image:url(images/buttons/profiles.jpg); background-repeat:no-repeat; height:350px; }
	a.store:link, a.store:visited, a.store:hover, a.store:active { background-image:url(images/buttons/store.jpg); background-repeat:no-repeat; height:350px; }
	
	a.history:link, a.history:visited, a.history:hover, a.history:active { background-image:url(images/buttons/history.jpg); background-repeat:no-repeat; height:350px; }
	a.forum:link, a.forum:visited, a.forum:hover, a.forum:active { background-image:url(images/buttons/forum.jpg); background-repeat:no-repeat; height:350px; }
	a.links:link, a.links:visited, a.links:hover, a.links:active { background-image:url(images/buttons/links.jpg); background-repeat:no-repeat; height:350px; }
	a.qp_reborn:link, a.qp_reborn:visited, a.qp_reborn:hover, a.qp_reborn:active { background-image:url(images/buttons/qp_reborn.jpg); background-repeat:no-repeat; height:350px; }
	
	a.videos:hover, a.gallery:hover, a.profiles:hover, a.store:hover, a.history:hover, a.forum:hover, a.links:hover, a.qp_reborn:hover { background-position: 0px -350px; }
	
	/* Profiles.php Buttons */
	a.mk:link, a.mk:visited, a.mk:hover, a.mk:active { background-image:url(images/buttons/mk.jpg); background-repeat:no-repeat; height:250px; }
	a.jk:link, a.jk:visited, a.jk:hover, a.jk:active { background-image:url(images/buttons/jk.jpg); background-repeat:no-repeat; height:250px; }
	a.ac:link, a.ac:visited, a.ac:hover, a.ac:active { background-image:url(images/buttons/ac.jpg); background-repeat:no-repeat; height:250px; }
	a.jb:link, a.jb:visited, a.jb:hover, a.jb:active { background-image:url(images/buttons/jb.jpg); background-repeat:no-repeat; height:250px; }
	a.mk:hover, a.jk:hover, a.ac:hover, a.jb:hover { background-position: 0px -250px; }
	
	/* Photos Buttons */
	a.photo:link, a.photo:visited, a.photo:hover, a.photo:active { background-image:url(images/buttons/photos.jpg); background-repeat:no-repeat; height:50px; width:150px; position:relative; left:0px; top:5px; margin:0 0 10px 0; float:left; clear:both;}
	a.flyer:link, a.flyer:visited, a.flyer:hover, a.flyer:active { background-image:url(images/buttons/flyers.jpg); background-repeat:no-repeat; height:50px; width:150px; position:relative; left:0px; top:5px; margin:0 0 10px 0; float:left; clear:both;}
	a.press:link, a.press:visited, a.press:hover, a.press:active { background-image:url(images/buttons/press.jpg); background-repeat:no-repeat; height:50px; width:150px; position:relative; left:0px; top:5px; margin:0 0 10px 0; float:left; clear:both;}
	a.photo:hover, a.flyer:hover, a.press:hover { background-position: 0px -50px; }

.red { color:#8F0000; }