/* --------------------------------------------
|  CSS RESET											
--------------------------------------------- */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}


/*------------------------*/
/* Global Element Styles */
html {border: none; background:#000;}

body {
	margin: 0;
	font-family: "Lucida Grande", Verdana, Arial;
	font-size: 15px;
	background:#000;
	color:#e5e5e3;
	line-height:23px;
}

img {border: 0; line-height:0; font-size:0;}

h1, h2, h3, h4, h5 {margin: 0; padding: 0;}

p {margin: 0 0 15px 0;}

br.clearBoth {clear: both;line-height: 0;font-size: 0;}

h3{
	font-weight:bold;
	font-size:14px;
	margin:0 0 5px 0;
	color:#fff;
	text-transform:uppercase;
}
/*-------------*/
/* Navigation */

#nav{}

#subNav{}

/*------------------*/
/* Main Containers */

#siteContainer {
	width:875px;
	margin:0 auto;
}

#siteContainer.plain 
{
	background:url(images/bg_site.jpg) no-repeat top;
}
#siteContainer.basement
{
	background:url(images/basement_bg_site.jpg) no-repeat top;
}
#siteContainer.chuck
{
	background:url(images/chuck_bg_site.jpg) no-repeat top;
}
#siteContainer.nerd
{
	background:url(images/nerdrage_bg_site.jpg) no-repeat top;
}
#siteContainer.nerdkiller
{
	background:url(images/nerdkiller_bg_site.jpg) no-repeat top;
}
#siteContainer.shaltnot
{
	background:url(images/shaltnotkill_bg_site.jpg) no-repeat top;
}

/*--------------------*/
/* Header and Footer */

#logo{
	background:url(images/logo_wtfast.gif) no-repeat;
	width:140px;
	height:58px;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	margin:18px 0 0 0;
}
#logoWow{
	background:url(images/logo_wow.gif) no-repeat;
	width:117px;
	height:50px;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	margin:23px 0 0 148px;
}
#logoAion{
	background:url(images/logo_aion.gif) no-repeat;
	width:127px;
	height:50px;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	margin:23px 0 0 272px;
}

#hDramatically{
	background:url(images/t_dramatically_speed_up.jpg) no-repeat;
	width:411px;
	height:106px;
	text-indent:-9999px;
	position:absolute;
	margin:94px 0 0 -4px;
}

#quote{
	background:url(images/t_quote.gif) no-repeat;
	position:absolute;
	text-indent:-9999px;
	width:297px;
	height:43px;
	margin:48px 0 0 581px;
}

#bullets{
	background:url(images/bullets.gif) no-repeat;
	width:427px;
	height:287px;
	text-indent:-9999px;
	position:absolute;
	margin:238px 0 0 0;
}

#header {
	height:559px;
}

#footer {
	clear:both;
	font-size:11px;
	color:#4d4d4d;
	}
	#footer a{
		color:#4d4d4d;
		text-decoration:none;
	}
	#footer a:hover{
		text-decoration:underline;
	}

/*-------------------------*/
/* Page Specific Elements */
#formContainer
{
	width:424px;
	height:392px;
	position:absolute;
	margin:136px 0 0 470px;
}
#formContainer.plain 
{
	background:url(images/bg_form.jpg) no-repeat;
}
#formContainer.basement
{
	background:url(images/basement_bg_form.jpg) no-repeat;
}
#formContainer.chuck
{
	background:url(images/chuck_bg_form.jpg) no-repeat;
}
#formContainer.nerd
{
	background:url(images/bg_form.gif) no-repeat;
}
#formContainer.nerdkiller
{
	background:url(images/nerdkiller_bg_form.jpg) no-repeat;
}
#formContainer.shaltnot
{
	background:url(images/shaltnotkill_bg_form.jpg) no-repeat;
}
	#formContainer .pad{
		padding:80px 15px 0 15px;
	}
	#formContainer .pad p{
		color: Red;
		font-weight: bold;
		margin: 0 0 5px 30px;
		padding: 0;
		line-height: 20px;
	}
	#formContainer a#home_link 
	{
		margin: 25px 0 0 30px;
		color: Black;
		text-decoration: none;
	}
	#formContainer a#home_link:hover
	{
		text-decoration: underline;
	}

#submit_button2{
	background:url(images/b_download.jpg) no-repeat;
	outline:none;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
	width:337px;
	height:54px;
	margin:0 auto;
	clear:both;
	}
	#submit_button2:hover{
		background-position:0 -54px;
	}
	#submit_button2:active{
		background-position:0 -108px;
	}
	
#hTestimonials{
	background:url(images/h_testimonials.gif) no-repeat 21px center !important;
	height:25px;
	text-indent:-9999px;
	border-top:none !important;
	border-bottom:none !important;
}
#testimonials{
	background:url(images/grey_middle.jpg) repeat-y;
	width:391px;
	font-size:12px;
	text-shadow:0 -1px 0 #222222;
}
#testimonialBottom{
	background:url(images/grey_bottom.jpg) no-repeat;
	height:20px;
}

#testimonialList{
	background:url(images/grey_top.jpg) no-repeat;
	}
	#testimonialList #title{
		padding:10px;
	}
	#testimonialList li{
		padding:20px 10px 20px 61px;
		background:url(images/testimonial_icon.jpg) no-repeat 17px 20px;
		border-bottom:1px solid #1e1e1e;
		border-top:1px solid #7b7b7b;
	}
	#testimonialList .first{
		border-top:none;
		padding-top:0;
		background-position:17px 0;
	}
	#testimonialList .last{
		border-bottom:none;
	}
	#testimonialList .name{
		color:#b0b0b0;
	}
	
/*----------------*/
/* Shared Styles */

#colLeft{
	width:437px;
	float:left;
}

#colRight{
	width:391px;
	float:right;
}

.speedTests{
	width:201px;
	float:left;
	font-size:11px;
	line-height:19px;
	}
	.speedTests span{
		display:block;
	}
	.speedTests li{
		margin:0 0 20px 0;
	}
	.speedTests .from{
		color:#e5e834;
	}
	.speedTests .before{
		color:#ff5454;
	}
	.speedTests .after{

	}
	.speedTests .improved{
		color:#1ef54f;
	}
	
.formStyle{
	font-size:14px;
	}
	.formStyle label{
		clear:both;
		width:160px;
		float:left;
		color:#000;
		text-align:right;
		margin-right:10px;
		text-shadow:0 1px 0 #fafbb0;
		line-height:29px;
	}
	.formStyle input[type=text], .formStyle input[type=password]{
		float:left;
		width:182px;
		padding:4px 3px;
		margin:0 0 10px 0;
	}
	.formStyle input[type=checkbox]{
		float:left;
		position:relative;
		margin-top: 12px;/*23px;*/
	}
	.formStyle label.multi{
		line-height:19px;
		margin-bottom:10px;
	}
	.formStyle #promo_code
	{
		width: 120px !important;
		margin-left: 50px !important;
	}