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

body { 
	background: #563625;
	color: #524532;
	background: url(../images/outer_images/bodybg.jpg) repeat;
	}
	
#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: 678px;
	margin: 0 auto;
	}
	
	#topleft {
		float: left;
		width: 244px;
		height: 240px;
		}
		
		#startplaying { 
			width: 244px;
			height: 198px;
			background: url(../images/outer_images/bg-startplaying.jpg) no-repeat; 
			}
			
			#startplaying h2 a { 
				width: 71px;
				height: 114px;
				padding: 77px 0 0 141px;
				background: transparent;
				display: block;
				text-indent: -99999px;
				}
		
		#menu1 {
			width: 244px;
			height: 42px;
			list-style-type: none;
			}
			
			#menu1 li { float: left; }		
			#menu1 li span { display: none; }
			#menu1 li a { height: 42px; display: block; }
				#menu1 li a.home { width: 112px; height: 42px; background: url(../images/outer_images/menu-home.jpg) no-repeat top; }
				#menu1 li a.thegame { width: 132px; height: 42px; background: url(../images/outer_images/menu-thegame.jpg) no-repeat top; }
				#menu1 li a:hover { background-position: bottom; }
			
	
	#flash { 
		float: left;
		width: 182px;
		height: 240px;
		background: url(../images/outer_images/logo.jpg) no-repeat;
		display: block;
		}
		
		#flash h1 a {
			width: 182px;
			height: 240px;
			background: url(../images/outer_images/logo.jpg) no-repeat;
			text-indent: -99999px;
			display: block;
			}
			
	#topright {
		float: left;
		width: 252px;
		height: 240px;
		}
		
		#joinnow {
			width: 252px;
			height: 198px;
			background: url(../images/outer_images/bg-joinnow.jpg) no-repeat;
			}
			
		#menu2 {
			width: 252px;
			height: 42px;
			list-style-type: none;
			display: block;
			}
			
			#menu2 li { float: left; }	
			#menu2 li span { display: none; }
			#menu2 li a { height: 42px; display: block; }			
				#menu2 li a.signup { width: 117px; height: 42px; background: url(../images/outer_images/menu-signup.jpg) no-repeat top; }
				#menu2 li a.support { width: 135px; height: 42px; background: url(../images/outer_images/menu-support.jpg) no-repeat top; }
				#menu2 li a:hover { background-position: bottom; }
			
			#joinnow h2 a {
				width: 55px;
				height: 94px;
				background: transparent;
				text-indent: -99999px;
				display: block;
				padding: 91px 0 0 31px;
				}
	
	#artwork { 
		clear: left;
		width: 678px;
		height: 167px;
		background: url(../images/outer_images/bg-artwork.jpg) no-repeat;
		}
	
	#welcome { 
		float: left;
		width: 275px;
		height: 222px;
		background: url(../images/outer_images/bg-welcome.jpg) no-repeat;
		padding: 74px 21px 0 38px;
		font-family: georgia;
		font-size: 12px;
		color: #531e06;
		font-weight: normal;
		}
		
		#welcome .top { width: 275px; height: 157px; }
		#welcome .bottom { width: 275px; height: 65px; }
			#welcome .bottom .button { width: 163px; height: 41px; padding: 0 0 0 50px; }
		#welcome img.cowboy { float: left; padding: 0 10px 0 0;}
		
	#signin { 
		float: right;
		width: 344px;
		height: 195px;
		background: url(../images/outer_images/bg-signin.jpg) no-repeat;
		padding: 101px 0 0 0;
		}
		
		#signin span.dot { padding: 0 10px; font-size: 10px; }
		#signin p.tour { font-size: 12px; color: #5b180b; font-family: tahoma; padding: 0 0 38px 27px; font-weight: bold; }
		#signin a.one { color: #5b180b; text-decoration: underline; }
		
		#signin .container { 
			width: 344px; 
			height: 65px;
			}
		
		#signin .name { width: 114px; float: left; color: #6f2a0b; text-decoration: underline; font-family: tahoma; font-size: 11px; font-weight: bold; }
			#signin .name p.one { padding: 2px 0 0 43px; }
			#signin .name p.two { padding: 7px 0 0 47px; }
		#signin .field { width: 116px; float: left; }
			#signin .field .input { width: 110px; height: 16px; background: url(../images/outer_images/input.jpg) no-repeat; border:0; font-size: 11px; font-family: tahoma; color: #fae9cf; display: block; padding: 3px 3px 0; }
			#signin .field .gap { width: 116px; height: 1px; overflow: hidden; }
		#signin .ok { width: 55px; height: 39px; float: left; }
			#sign .ok .submit { width: 55px; height: 39px; background: url(../images/outer_images/button-ok.jpg) no-repeat; border: 0; }
		
		#signin ul { list-style-type: none; padding: 0 0 0 24px; }
		#signin li { float: left; }
		#signin li span { display: none; }
		#signin li.space { width: 11px; height: 47px; }
		#signin li a { height: 47px; display: block; }
		#signin li a.facebook { width: 129px; height: 47px; background: url(../images/outer_images/facebook.jpg) no-repeat; }
		#signin li a.mobile { width: 145px; height: 47px; background: url(../images/outer_images/mobile.jpg) no-repeat; }
			
	#footer { 
		clear: both;
		width: 678px;
		height: 73px;
		background: url(../images/outer_images/bg-footer.jpg) no-repeat;
		font-size: 11px;
		font-family: tahoma; 
		color: #d2c296;
		}
		
		#footer ul { list-style-type: none; padding: 24px 0 0 99px; }
		#footer ul li { float: left; }
		#footer ul li.one { font-weight: bold; padding: 0 9px 0 0; }
		#footer ul li.two { font-weight: normal; }
		#footer ul li.three { padding: 0 10px; }

#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;
}