/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com
  
   / GENERAL
   / BASE
   / HEADER
   / CONTENT
   / FOOTER

*/

/* __________________________________ GENERAL __________________________________ */

* {margin:0px;}
a img {border: 0px;}
fieldset {border:0; padding:0;}
ul, ol {padding:0;}
.img_left {float:left;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.block {display:block;}

/* __________________________________ BASE __________________________________ */

body {
	margin: 0px;
	background: #010101;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #B1A8BD;
}

.main {
	position: relative;
	margin: 0 auto;
	width:980px;
}

/* __________________________________ HEADER __________________________________ */

.header {
	height: 886px;
	position: relative;
}

	.header img {
		float: left;
		display: block;
	}
	
	.header .member {
		position: absolute;
		top: 25px;
		right: 0px;
	}
	
	.header .joinbt {
		position: absolute;
		top: 720px;
		left: 364px;
	}
	
	.header .txt {
		position: absolute;
		top: 637px;
		left: 360px;
		width: 270px;
		color: #FFFFFF;
		line-height: 18px;
	}

/* __________________________________ CONTENT __________________________________ */

.content {
	width: 904px;
	margin: 0 auto;
}
	.content h2{
		padding:15px 0 25px;
		font-size:34px;
		text-transform:uppercase;
		text-align:center;
		letter-spacing:-0.04em;
		color:#fff;
	}
		.content h2 strong{
			color:#A8867F;
		}
	.content .console .header {
		background: url(images/console-1.gif);
		text-align: center;
		height: 62px;
		padding: 10px 0 0 0;
	}
	
	.content .console .header h3 {
		font-weight: bold;
		color: #70A8F5;
		font-size: 28px;
		text-transform: uppercase;
		letter-spacing: -1px;
	}
	
	.content .console .big {
		background: #1F3A57;
		padding: 8px;
		position: relative;
		width: 890px;
		height: 589px;
	}
	
		.content .console .big .img1 {
			position: absolute;
			top: 17px;
			left: 15px;
		}

		.content .console .big .img2 {
			position: absolute;
			top: 528px;
			left: 655px;
		}
	
	.content .console .thumbs {
		background: #1F3A57 url(images/console-2.gif);
		padding: 4px;
		width: 589px;
		margin: 5px 0 0 0;
		float: left;
	}
	
		.content .console .left {
			float: left;
			width: 299px;
		}
		
		.content .console .right {
			float: left;
			width: 287px;
			padding: 4px 0 0 0;
		}

	.content .console .thumbs .left img {
		padding: 4px 4px 4px 4px;
		display: block;
		float: left;
	}
	
	.content .console .txt {
		width: 302px;
		margin: 5px 0 0 5px;
		float: left;
	}
	
	.content .console .txt p {
		height: 134px;
		padding: 10px;
		color: #C4C0C1;
	}
	
	.content .promo {
		padding: 35px 0 35px 0;
	}

/* __________________________________ FOOTER __________________________________ */

.footer {
	width: 904px;
	margin: 0 auto;
	position: relative;
}

	.footer .joinbt {
		position: absolute;
		top: 180px;
		left: 25px;
	}

	.footer .continue {
		position: absolute;
		top: 180px;
		left: 678px;
	}
	
/* __________________________________ JOIN __________________________________ */

.join {
	position: relative;
	height: 849px;
	margin: 0 auto;
}

	.join img {
		float: left;
		display: block;
	}

.join .form {
	position: absolute;
	left: 520px;
	top: 430px;
	width: 390px;
	color: #FFFFFF;
}

.join .form label {
	width: 150px;
	text-align: right;
	display: block;
	float: left;
	padding: 0 8px 0 0;
	font-weight: bold;
}

.join .form input, .join .form select {
	float: left;
}

.join .campo { width: 220px; border: 1px solid #000040; }

.join .form strong { color: #0066FF; }
.join .form em { color: #0066FF; font-style: normal; display: block; padding: 0 0 0 158px; }

.join .form p {
	display: block;
	margin: 4px 0 0 0;
}

.join .form .bt {
	background: url(images/join-form.gif) no-repeat;
    content: "";
    display: inline-block;
    height: 82px;
    line-height: 0;
    text-indent: -9999px;
    width: 221px;
	border: 0px;
	position: absolute;
	top: 230px;
	left: 90px;
}