* { margin: 0; padding: 0; }
img { border: 0; }

body {
	background: #000;
	background: url(/images/outer_images/bg2.jpg) repeat;
	font-family: tahoma;
	font-size: 11px;
	}

#background {
	background:url(/images/outer_images/bg-red.jpg) repeat-x;
	background-position: 0 107px;
	position: relative;
	}

#finalmotive {
	width: 100%;
	height: 30px;
	background: url(/images/outer_images/topbar_bg.gif) repeat-x;
	}
	
	#finalmotive .left { float: left; }
	#finalmotive .right { float: right; }
	#finalmotive .form { background-color: #bdbebe; margin-top :3px; }
	#finalmotive img { display: block; }

#wrapper {
	width: 771px;
	padding: 11px 0 0 0;
	margin: 0 auto;
	}

	#scrolltop {
		width: 771px;
		height: 34px;
		background: url(/images/outer_images/scrolltop.jpg) no-repeat;
		}

	h1 a {
		width: 765px;
		height: 62px;
		background: url(/images/outer_images/pqlogo.gif) no-repeat top right;
		text-indent: -10000px;
		display: block;
		}
		
	#contentbg {
		width: 771px;
		background: url(/images/outer_images/bg-biglong.gif) repeat-y; 
		}
	
	#tour {
		width: 751px;
		height: 540px;
		padding: 0 0 0 14px;
		}
	
	#blank {
		width: 751px;
		padding: 0 0 0 14px;
		}
		
		#blank-top {
			width: 751px;
			height: 59px;
			background: url(/images/outer_images/bg-blank-top.jpg) no-repeat;
			}
		
		#content-ss-top {
			width: 751px;
			height: 76px;
			background: url(/images/outer_images/bg-screenshots-top.jpg) no-repeat;
			}
			
		#blank-content {
			width: 751px;
			background: url(/images/outer_images/bg-blank.gif) repeat-y;
			}
		
		#blank-bottom {
			width: 751px;
			height: 33px;
			background: url(/images/outer_images/bg-blank-bottom.jpg) no-repeat;
			}
			
	#afterlogo {
		width: 771px;
		height: 15px;
		background: url(/images/outer_images/afterlogo.jpg) no-repeat;
		overflow: hidden;
		}

	#left {
		float: left;
		width: 265px;
		}

		#menu {
			width: 265px;
			list-style-type: none;
			overflow: hidden;
			}

			#menu li { display: inline; }

			#menu li span { display: none; }

			#menu li a { width: 265px; }
			
			
			#menu li a.home {
				width: 185px;
				height: 25px;
				background: url(/images/outer_images/menu-home.jpg) no-repeat 14px 0;
				display: block;
				padding: 8px 0 0 80px;
				font-family: georgia;
				font-size: 16px;
				font-weight: bold;
				color: #f8f8f8;
				text-decoration: none;
				}
				
			#menu li a.home:hover { text-decoration: underline; }
			
			#menu li a.join {
				width: 185px;
				height: 39px;
				background: url(/images/outer_images/menu-join.jpg) no-repeat;
				display: block;
				padding: 19px 0 0 80px;
				font-family: georgia;
				font-size: 18px;
				font-weight: bold;
				color: #69402b;
				text-decoration: none;
				}

			#menu li a.join:hover { text-decoration: underline; }
			
			#menu li a.taketour {	
				width: 185px;
				height: 32px;
				background: url(/images/outer_images/menu-taketour.jpg) no-repeat top right;
				display: block;
				padding: 8px 0 0 80px;
				font-family: georgia;
				font-size: 16px;
				font-weight: bold;
				color: #44332e;
				text-decoration: none;
				}

			#menu li a.taketour:hover { text-decoration: underline; }
			
			#menu li a.support {
				width: 185px;
				height: 34px;
				background: url(/images/outer_images/menu-support.jpg) no-repeat top right;
				display: block;
				padding: 9px 0 0 80px;
				font-family: georgia;
				font-size: 16px;
				font-weight: bold;
				color: #69402b;
				text-decoration: none;
				}
			
			#menu li a.support:hover { text-decoration: underline; }
			
		#left-bg {
			width: 265px;
			background: url(/images/outer_images/bg-left.gif) repeat-y;
			}
			
			#prizes {
				width: 220px;
				height: 132px;
				margin: 0 0 0 33px;
				padding: 8px 0 0 0;
				background-color: #f3e9d2;
				overflow: hidden;
				}

				#prizes img { width: 207px; height: 125px; display: block; padding: 0 0 0 7px;}

			#news {
				width: 221px;
				height: 129px;				
				margin: 0 0 0 33px;				
				display: block;
				}
				
				#news .border { border: 1px solid #c0aa6b; }
				#news .list { list-style-type: none; background-color: #ede9dc;}
				#news .list li { padding: 0 0 0 10px; color: #6f6757; font-weight: bold; line-height: 21px; background: url(/images/outer_images/news-line.gif) no-repeat; display: block; }
				#news .list li a { color: #72381b; font-weight: normal; text-decoration: underline; }
				#news .list span { padding-left: 6px; }
				#news .top { width: 219px; height: 34px; background: #e1d8af; }
					#news .top p { padding: 8px 0 0 15px; font-family: georgia; color: #483e2d; font-size: 16px; }

			#buttons {
				width: 232px;
				height: 76px;
				padding: 0 0 0 31px;			
				}

				#buttons img { display: block; }
				#buttons a span {display: none;}
				#buttons a:hover span {display: block; margin: -38px 0 0 75px; padding: 13px 0 0 0; position: relative; z-index: 100; width: 80px; text-align: center; color: #ded6a9; text-decoration: none; }
				#buttons a:hover span p { background-color: #6c462d; font-weight: bold; }


	#right {
		float: right;
		width: 506px;
		}

	#right2 {
		float: right;
		width: 500px;
		margin: 0 6px 0 0;
		background: url(/images/outer_images/bg-right.gif) repeat-y;
		}
	
		#right2 .top {
			width: 500px;
			height: 62px;
			background: url(/images/outer_images/right-top.jpg) no-repeat;
			}
			
		#right2 .text {
			width: 460px;
			height: 442px;
			padding: 0 20px 15px 20px;
			
			}
			
			#right2 .text p { font-size: 13px; color: #000; }
		
		#right2 .text2 {
			width: 460px;
			padding: 0 20px 15px 20px;			
			}
			
			#right2 .text2 p { font-size: 13px; color: #000; padding: 0 0 15px 0; }
			
		#beforeflash { 
			width: 506px;
			height: 33px;
			background: url(/images/beforeflash.jpg) no-repeat;
			}
			
		#flash {
			width: 506px;
			height: 195px;
			background: url(/images/flashfill.jpg) no-repeat;
			}
		
		#right-content {
			float: left;
			width: 495px;
			height: 291px;
			background: #e4d097 url(/images/outer_images/bg-right.jpg) no-repeat top;
			}
			
		
			#login {
				float: left;
				width: 255px;
				height: 194px;
				background: url(/images/outer_images/bg-login.jpg)  no-repeat 33px 21px;
				}

				#login p.one { color: #4a2411; font-family: arial; font-weight: bold; font-size: 16px; padding: 42px 0 0 45px; line-height: 20px; display: block; }

				#login .container { width: 255px; padding: 30px 0 0 0; }

				#login .uptxt { width: 110px; float: left; vertical-align: top; }
					#login .uptxt p.two { color: #73381c; font-weight: bold; font-size: 11px; line-height: 16px; padding: 0 0 6px 50px; }
					#login .uptxt p.three { color: #73381c; font-weight: bold; font-size: 11px; line-height: 16px; padding: 0 0 0 50px; }

				#login .upfield { width: 125px; float: right;  vertical-align: top; padding-right: 13px; }
					#login .field { width: 122px; height: 20px; }
					#login input.txt { width: 120px; height: 17px; border: 1px solid #d6d1c0; background-color: #957c68; font-family: tahoma; font-size: 11px; color: #fff; display: block;}

				#login .container2 { clear: both; width: 255px; height: 34px; padding: 10px 0 0 0; }
				#login .remember { float: left; width: 138px; height: 34px; background: url(/images/outer_images/bg-remember.gif) no-repeat top right; }
					#login .text { width: 50px; height: 31px; float: left; padding: 3px 0 0 53px; color: #e4c590; }
					#login .button { width: 25px; height: 34px; float: right; text-align: center; vertical-align: top; }
					#login .checkbox { height: 34px; vertical-align: middle; }
					* html #login .checkbox { margin: -1px 0 0 0; }

				#login .login { float: right; width: 110px; height: 34px; padding-right: 7px; }
					#login input.submit { width: 110px; height: 34px; border: 0; }


			#screenshot {
				float: right;
				width: 240px;
				height: 194px;
				background: url(/images/outer_images/bg-screenshot.jpg) no-repeat 0px 21px;
				}

				#screenshot h2 { color: #4a2411; font-family: arial; font-weight: bold; font-size: 16px; padding: 42px 0 0 15px; line-height: 20px; }
				#screenshot img { width: 208px; height: 81px; padding: 25px 0 0 9px;}

			#onlineusers {
				clear: both;
				width: 456px;
				height: 87px;
				padding: 10px 0 0 30px;
				display: block;
				}
				
				#onlineusers .container { border: 1px solid #bfa96a; background-color: #ece8dc;}
				#onlineusers .container2 { width: 454px;  height: 85px; }
				#onlineusers p.one { color: #483e2d; font-weight: bold; font-size: 12px; padding: 4px 0 0 10px; }
				#onlineusers ul { list-style-type: none; padding: 5px 0 0 0; }
				#onlineusers li { float: left; width: 75px; text-align: center; }
				#onlineusers li a { color: #72381b; font-size: 10px; text-decoration: underline; }
				#onlineusers img { display: block; margin: 0 auto; }
					
		#right-border {
			float: left;
			width: 11px;
			height: 291px;
			background: url(/images/outer_images/bg-right-border.gif) repeat-y left;
			}
	
	#stats-spacing {
		clear: both;
		margin: 0 0 0 14px;
		width: 752px;
		height: 6px;
		background: url(/images/outer_images/bg-long.gif) repeat-y;
		}
	
	#stats-top {
		width: 752px;
		height: 3px;
		margin: 0 0 0 14px;
		background: url(/images/outer_images/stats-top.gif) no-repeat; 
		overflow: hidden;
		}
		
	#stats {		
		width: 722px;
		height: 21px;
		margin: 0 0 0 14px;
		padding: 6px 0 0 30px;
		background: url(/images/outer_images/bg-stats.gif) repeat-y ;
		list-style-type: none;
		color: #ded6a9;
		}

		#stats li { float: left; }
		#stats li.one { padding: 0 0 0 10px; font-weight: bold; }
		#stats li.two { padding: 0 0 0 7px; }
		#stats li.three { padding: 0 0 0 10px; }
	
	
	#stats-bottom {
		width: 752px;
		height: 3px;
		margin: 0 0 0 14px;
		background: url(/images/outer_images/stats-bottom.gif) no-repeat;
		overflow: hidden;
		}

	#scrollbottom {
		width: 771px;
		height: 21px;
		background: url(/images/outer_images/scrollbottom.gif) no-repeat top right;
		}

#wrapper2 {
	width: 707px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	}

	#footer {
		width: 715px;
		height: 31px;
		background: url(/images/outer_images/footer.gif) no-repeat top right;
		color: #9d9795;
		padding: 13px 0 0 0;
		}

		#footer ul { list-style-type: none; float: left; padding: 0 0 0 10px; }
		#footer li { float: left; padding: 0 0 0 8px; }
		#footer li a { font-weight: bold; color: #9d9795; text-decoration: none; line-height: 15px; }
		#footer li a.dot { border-bottom: 1px dotted #9d9795; line-height: 15px; }
		#footer li a:hover { color: #f2f2f2; }
		#footer .copyright { float: right; font-size: 10px; text-decoration: underline; padding-right: 10px; line-height: 15px; }

	#accreditations {
		width: 707px;
		height: 54px;
		list-style-type: none;
		padding: 12px 0 0 8px;
		}

		#accreditations li { float: left; padding-right: 17px; }
		
/* ==FOOTER: ACCREDITATIONS 
--------------------------------------------------------------------- */

#accreditations li {
   background: transparent;
}


/* ScanAlert */
#accreditations li.first a {
   background: transparent url(http://images.scanalert.com/meter/www.piratequest.net/13.gif) no-repeat 0 0;
   width     : 94px;
   height    : 54px;
}

/* Moneybookers */
#accreditations li.second a {
   background: transparent url(/images/outer_images/moneybookers.gif);
   width     : 69px;
   height    : 54px;
}

/* PayPal */
#accreditations li.last a {
   background: transparent url(/images/outer_images/paypal.gif);
   width     : 113px;
   height    : 54px;
}

/* ==PARAGRAPH
--------------------------------------------------------------------- */
#paragraph { 
	color    : #938677;
	margin-top: 30px;
}

/* ==METHODS - IMAGE REPLACEMENT TECHNIQUE (Phark method) - Reference: http://phark.typepad.com/phark/2003/08/accessible_imag.html
--------------------------------------------------------------------- */
#content p a,
#nav li a,
#accreditations li a,
#network-branding a,
.phark {
   display        : block;
   overflow       : hidden;
   text-decoration: none;
   text-indent    : -99999px;
   font-size      : 0.0;
   line-height    : 0.0;
   background     : transparent no-repeat 0 0;
}

/* ==METHODS - ACCESSIBLE HIDING
--------------------------------------------------------------------- */
#skip-nav,
#branding h1,
#branding-strapline,
#left h2,
#member-login legend,
#game-statistics h2,
#footer h2,
#network-branding p,
#network-branding legend,
#network-branding label,
#network-branding fieldset.submit-fieldset,
.accessh {
	position   : absolute;
	left       : -9999px;
	height     : 0.0;
	overflow   : hidden;
	font-size  : 0.0;
   line-height: 0.0;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



/*  popup box */
.errorTop {
	width: 620px;
	height: 23px;	
	background: url('/images/new_map/error_top.gif') no-repeat;
}

.errorBottom {
	width: 618px;
	height: 23px;	
	background: url('/images/new_map/error_bot.gif') no-repeat;
}

.errorMid {
	width: 620px;
	background: url('/images/new_map/error_mid.gif');
}

#error {
	display: none; 
	padding: 10px; 
	/*filter: alpha(opacity=85); -moz-opacity:.85; opacity:.85;*/
	position: absolute;
	z-index: 100;
	left: 32%;
	top: 26%;
	width: 620px;
	height: 180px;	
}

#errorclose {
	cursor: pointer;
	width: 11px; 
	height: 11px; 
	background: url('/images/events-x.gif') no-repeat;
	position: absolute; 
	right: 30px;
	top: 30px;
}
/* end pop up box */