body {
	font-family: Tahoma, Geneva, sans-serif;
	color: #555;
	font-size: 11px;
	font-weight: normal;
	background: url(/public/img/ugame-bg-new.gif) 0 0;
	background-color: #191919;
}

#container {position: relative;}

	#header {
		position: relative;
		height: 138px;
		padding-top: 27px;
		background: url(/public/img/splash/header-bg.gif) repeat-x 0 0;
	}
	
		.header-logo {
			position: absolute;
			top: 27px;
			left: 195px;
			width: 705px;
			padding-top: 83px;
			background: url(/public/img/splash/ugame-header-logo.gif) no-repeat 0 0;
		}
		 
	#content {
		position: absolute;
		top: 138px;
		left: 118px;
		width: 837px;
	}
			
		.robot-left {
			position: absolute;
			top: -90px;
			left: -203px;
			width: 222px;
			height: 563px;
			background: url(/public/img/splash/robot-left.gif) no-repeat 0 0;
		}
		
		.chick-right {
			position: absolute;
			top: 4px;
			right: -234px;
			width: 254px;
			height: 448px;
			background: url(/public/img/splash/chick-right.gif) no-repeat 0 0;
		}
		
		.small .chick-right {
			right: -52px;
			width: 72px;
		}
	
		.transparant {
			height: 675px;
			background-color: #000;
			filter:alpha(opacity=50);
			opacity: 0.5;
			-moz-opacity:0.5;
		}
		
			.about-ugame,
			.login-or-signup {
				position: absolute;
				top: 15px;
			}
			
			.about-ugame {
				left: 33px;
				width: 203px;
				padding-top: 23px;
				background: url(/public/img/splash/about-ugame.gif) no-repeat 0 0;
			}
			
			.login-or-signup {
				right: 36px;
				width: 239px;
				padding-top: 23px;
				background: url(/public/img/splash/login-or-signup.gif) no-repeat 0 0;
			}
			
			.content {
				position: absolute;
				top: 47px;
				height: 586px;
			}
			
			.box-left {
				left: 18px;
				width: 516px;
				background: url(/public/img/splash/box-left-bg.gif) repeat-y 0 0;
			}
			
				.about-ugame-box {
					position: absolute;
					left: 16px;
					top: 16px;
					width: 488px;
					height: 275px;
				}
				
					.about-icon {
						position: absolute;
						left: 0;
						width: 90px;
						padding-top: 61px;
						background: url(/public/img/splash/icons-sprite.gif) no-repeat;
					}
					.connecting-you {top: 0; background-position: 0 0;}
					.open-to-all {top: 71px; background-position: 0 -61px;}
					.drive-by-you { top: 142px; background-position: 0 -122px;}
					.all-about-fun {top: 213px; background-position: 0 -183px;}
					
					.icon-text {
						padding-top: 11px;
						background: url(/public/img/splash/about-ugame-text-sprite.gif) no-repeat;
					}
					a.active {background: url(/public/img/splash/about-ugame-text-active-bg.gif) repeat-x 0 0;}
					a.active .icon-text {background: url(/public/img/splash/about-ugame-text-active-sprite.gif) no-repeat;}
					
					a.active .connecting-text,
					.connecting-text {
						width: 125px;
						background-position: 0 0;
					}
					
					a.active .open-text,
					.open-text {
						width: 83px;
						background-position: 0 -11px;
					}
					
					a.active .driven-text,
					.driven-text {
						width: 98px;
						background-position: 0 -22px;
					}
					
					a.active .fun-text,
					.fun-text {
						width: 124px;
						background-position: 0 -33px;
					}
					
					.about-text {
						position: absolute;
						left: 90px;
						width: 156px;
						height: 36px;
						padding: 20px 0 0 10px;
						background: url(/public/img/splash/about-ugame-text-bg.gif) repeat-x 0 0;
					}
					.connecting-you-text {top: 5px;}
					.open-to-all-text {top: 76px;}
					.drive-by-you-text { top: 147px;}
					.all-about-fun-text {top: 218px;}
					
					.ugame-text-box {
						position: absolute;
						top: 4px;
						right: 5px;
						width: 203px;
						height: 225px;
						padding: 20px;
						background: url(/public/img/splash/ugame-about-text-box.gif) no-repeat 0 0;
						color: #fff;
						line-height: 150%;
						text-align: justify;
					}
			
				.supported-games {
					position: absolute;
					left: 16px;
					bottom: 16px;
					height: 269px;
					width: 483px;
					background: url(/public/img/splash/supported-games-bg.gif) repeat-y 0 0;
				}
				
				.games-top,
				.games-bottom {
					position: absolute;
					left: 0;
					height: 5px;
					width: 483px;
					background:  url(/public/img/splash/supported-games-tb-sprite.gif) no-repeat;
				}
				.games-top {top: 0; background-position: 0 0; overflow: hidden;}
				.games-bottom {bottom: -1px; background-position: 0 -5px; overflow: hidden;}
				
				html>body .games-bottom {bottom: 0;}
				
				.we-support {
					position: absolute;
					top: 13px;
					left: 18px;
					padding-top: 235px;
					width: 444px;
					background:  url(/public/img/splash/we-support.gif) no-repeat 0 0;
				}
			
			.box-right {
				right: 20px;
				width: 272px;
				background: url(/public/img/splash/box-right-bg.gif) repeat-y 0 0;
			}
			
				.box-tb {
					position: absolute;
					left: 0;
					height: 7px;
				}
				.top-left,
				.bottom-left {width: 516px;}
				.top-left {top: 0; background: url(/public/img/splash/box-left-tb-sprite.gif) repeat-y 0 0; overflow: hidden;}
				.bottom-left {bottom: 0; background: url(/public/img/splash/box-left-tb-sprite.gif) repeat-y 0 -7px; overflow: hidden}
				
				.top-right,
				.bottom-right {width: 272px;}
				.top-right {top: 0; background: url(/public/img/splash/box-right-tb-sprite.gif) repeat-y 0 0; overflow: hidden;}
				.bottom-right {bottom: 0; background: url(/public/img/splash/box-right-tb-sprite.gif) repeat-y 0 -7px; overflow: hidden}
				
				.login {
					position: absolute;
					top: 17px;
					left: 15px;
					width: 241px;
					height: 58px;
				}
				
					.input {
						position: absolute;
						left: 0;
					}
					
						.input .login-input {
							width: 149px;
							height: 18px;
							background: url(/public/img/splash/login-bg.gif) repeat-x 0 0;
							border: none;
							color: #fff;
							padding: 5px 5px 2px;
						}
						
						.input-left,
						.input-right {
							position: absolute;
							top: 1px;
							width: 3px;
							height: 25px;
							background: url(/public/img/splash/login-lr-sprite.gif) no-repeat; 
						}
						.input-left {left: 0; background-position: 0 0;}
						.input-right {right: -2px; background-position: -3px 0;}
						
						html>body .input-left, .input-right {top: 0;}					
						html>body .input-right {right: 0;}
						
						.login-email {top: 0;}
						.login-password {bottom: 0;}
						
						.login-button {
							position: absolute;
							top: 0;
							right: 0;
							width: 76px;
							height: 58px;
						}
						
						#login-saving {
							/* display: none; */
							position: absolute;
							top: 65px;
							right: 40px;
							height: 20px;
							width: 20px;
							/* background: url(/public/img/indicator.gif) no-repeat; */
						}
						
				a.forgotten-password {
					display: block;
					position: absolute;
					top: 82px;
					height: 18px;
					width: 241px;
					color: #ffbb03;
					text-decoration: none;
					text-align: center;
				}
					
				
				.invitation {
					position: absolute;
					top: 100px;
					left: 15px;
					width: 241px;
					height: 71px;
					background: url(/public/img/splash/invite-bg.gif) repeat-x 0 0;
				}
				
					.invite-left,
					.invite-right {
						position: absolute;
						top: 0;
						width: 3px;
						height: 71px;
						background: url(/public/img/splash/invite-lr-sprite.gif) no-repeat;
					}
					.invite-left {left: 0; background-position: 0 0;}
					.invite-right {right: 0; background-position: -3px 0;}
				
					.invite-text {
						position: absolute;
						top: 10px;
						left: 57px;
						padding-top: 14px;
						width: 130px;
						background: url(/public/img/splash/got-an-invite.gif) no-repeat 0 0;
					}
					
					.activation-code {
						position: absolute;
						left: 13px;
						bottom: 10px
					}
					
						.activation-input {
							height: 19px;
							width: 126px;
							background: url(/public/img/splash/signup-input-bg.gif) repeat-x 0 0;
							border: none;
							color: #fff;
							padding: 5px 5px 2px;
						}
					
					.activate-here {
						position: absolute;
						right: 13px;
						bottom: 10px;
						width: 72px;
						padding-top: 28px;
						background: url(/public/img/splash/activate-button.gif) no-repeat 0 0;
					}
					
					html>body .activate-here {bottom: 9px;}
					
				.signup {
					position: absolute;
					top: 180px;
					left: 15px;
					width: 241px;
					height: 132px;
					background: url(/public/img/splash/signup-bg.gif) repeat-x 0 0;
				}
				
					.signup-left,
					.signup-right {
						position: absolute;
						top: 0;
						width: 3px;
						height: 132px;
						background: url(/public/img/splash/signup-lr-sprite.gif) no-repeat;
					}
					.signup-left {left: 0; background-position: 0 0;}
					.signup-right {right: -1px; background-position: -3px 0;}
					html>body .signup-right {right: 0; }
				
					.signup-text {
						position: absolute;
						top: 10px;
						left: 12px;
						padding-top: 44px;
						width: 217px;
						background: url(/public/img/splash/want-to-sign-up.gif) no-repeat 0 0;
					}
					
					.signup-fillin {
						position: absolute;
						left: 13px;
						top: 60px
					}
					
						.signup-input {
							width: 207px;
							height: 18px;
							background: url(/public/img/splash/signup-input-bg.gif) repeat-x 0 0;
							border: none;
							color: #fff;
							padding: 5px 5px 2px;
						}
						
						.signup-input-left,
						.signup-input-right {
							position: absolute;
							top: 1px;
							width: 3px;
							height: 25px;
							background: url(/public/img/splash/signup-input-lr-sprite.gif) no-repeat; 
						}
						.signup-input-left {left: 0; background-position: 0 0;}
						.signup-input-right {right: -1px; background-position: -3px 0;}
						
						html>body .signup-input-left, .signup-input-right {top: 0;}
						html>body .signup-input-right {right: 0;}
					
					.signup-here {
						position: absolute;
						left: 13px;
						bottom: 10px;
						width: 217px;
						padding-top: 28px;
						background: url(/public/img/splash/signup-button.gif) no-repeat 0 0;
					}
					
				.development-news {
					position: absolute;
					bottom: 17px;
					left: 15px;
					width: 210px;
					height: 212px;
					padding: 15px;
					background: url(/public/img/splash/development-bg.gif) repeat-y 0 0;
					overflow: hidden;
				}
				
					.development-top,
					.development-bottom {
						position: absolute;
						left: 0;
						width: 240px;
						height: 7px;
						background: url(/public/img/splash/development-tb-sprite.gif) no-repeat;
					}
					.development-top {top: 0; background-position: 0 0; overflow: hidden;}
					.development-bottom {bottom: 0; background-position: 0 -7px; overflow: hidden;}
					
					
					.development-title {
						font-size: 14px;
						color: #000;
						font-weight: bold;
						margin-bottom: 5px;
					}		
					
				.development-news-list {overflow: hidden; margin-top: 15px;}
					
						.development-news-item {margin-bottom: 5px;}
						
							.development-news-item p {
								margin-bottom: 5px;
							}

							.development-news-item a {
								color: #0450a6;
								font-weight: bold;
								text-decoration: none;
							}
						
							.development-date {
								display: block;
								margin-bottom: 5px;
								font-weight: bold;
								color: #000;
							}
							
	#footer {
		position: absolute;
		bottom: 15px;
		right: 20px;
	}
			
		#footer li.last-item {
			margin-right: 0;
			padding-right: 0;
			border-right: 0;
		}
	
		#footer li {
			float: left;
			margin-right: 5px;
			padding-right: 5px;
			border-right: 1px solid grey;
			text-transform: uppercase;
			color: #0165c1;
			font-weight: bold;
		}
		
			#footer li.copyright {
				color: #fff;
				text-transform: capitalize;
			}
		
			#footer li a {
				color: #0165c1;
				text-decoration: none;
			}
			#footer li a:hover {text-decoration: underline;}
					

/* BUTTONS COPY*/	
.big-button {
	display: block;
	float: left;
	clear: none;
	background: url(/public/img/big-button-bg-sprite.gif) repeat-x 0 0;
	color: #fff;
	text-decoration: none;
	position: relative;
}

.ie7 .big-button {cursor: hand;}
.ie6 .big-button {cursor: hand;}

	.big-button-left {
		display: block;
		float: left;
		height: 16px;
		background: url(/public/img/big-button-left-sprite.gif) no-repeat 0 0;
		padding: 2px 10px;
	}
	
	html>body .big-button-left {width: 100%;}
	
	.big-button-right {
		position: absolute;
		right: 0;
		height: 20px;
		width: 3px;
		top: 0px;
		background: url(/public/img/big-button-right-sprite.gif) no-repeat right top;
	}
	
	.big-button:hover {background: url(/public/img/big-button-bg-sprite.gif) repeat-x 0 -20px;}
	.big-button:hover .big-button-left {background: url(/public/img/big-button-left-sprite.gif) no-repeat 0 -20px;}
	.big-button:hover .big-button-right {background: url(/public/img/big-button-right-sprite.gif) no-repeat right -20px;}

	
	
	
#activate-form {
	padding: 5px;
}

	#activate-form p {
		clear: both;
		padding: 5px;
	}