@charset "utf-8";
/* CSS Document */

html, body{ 
	background:#161616 url(images/bg.png) repeat-x 0 0;
	margin:0; padding:0;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:12px;
	height:100%;
	color:#8b8b8b;
	}
a{ outline:none; text-decoration:none}
p{ margin:10px 0; line-height:16px;}
input{ outline:none; border:0;}
img{ border:0;}

.main{ 
	width:961px;
	margin:0 auto;
	clear:both;
	}
.intro{ 
	background:url(images/intro_1.jpg) no-repeat 0 0; 
	height:573px; 
	position:relative;
	}
a.logo{ 
	width:136px; 
	height:136px;
	display:block; 
	position:absolute;
	top:28px; left:30px
	}
/* slideshow*/

.slidershow{ 
	width:197px; 
	height:295px; 
	background:#000; 
	position:absolute; 
	top:176px; 
	right:82px; 
	z-index:999; overflow:hidden;
	}
	

.signin{ 
	position:absolute; 
	top:0; 
	right:0; 
	border-collapse:collapse; 
	width:320px; margin:25px 0 0 0;
	}


.signin th{ text-align:left;color:#8b8b8b; font-weight:normal	}
.signin th, .signin td {padding:1px 0 2px 5px}

.signin .input_text_3, .signin .input_text_3_error{ 
	background:url(images/input_text_3.png)  no-repeat; 
	border:0; 
	padding:2px 2px 2px 4px;/*firefox*/
	width:146px; 
	height:14px; 
	font-size:11px; 
	line-height:14px;/*iE6*/
	}
.signin .input_text_3_error{ background-position:0 -18px}
.signin .input_text_2, .signin .input_text_2_error{ 
	background:url(images/input_text_2.png) no-repeat; 
	border:0; height:14px; 
	font-size:11px;
	padding:2px 2px 2px 4px;/*firefox*/
	width:90px; 
	line-height:14px;/*iE6*/
} 
.signin .input_text_2_error{ background-position: 0 -19px}
.signin_btn{
	 background:url(images/signin_btn.png) no-repeat 0 0;
	 width:59px; 
	  height:18px; border:0;
	}
.signin_error_box{ 
	background:url(images/signin_error_box.png) no-repeat 0 0; 
	width:338px; 
	height:138px; 
	position:absolute; 
	top:60px; 
	right:-12px; 
	z-index:999
	}
a.forgot{ 
	background:url(images/forgot_1.png) no-repeat 0 0; 
	width:154px; 
	height:28px; display:block; 
	float:left; 
	margin:70px 0 0 40px;
	}
a.forgot:hover{ background:url(images/forgot_2.png) no-repeat 0 0;}
a.try{ 
	background:url(images/try_1.png) no-repeat 0 0; 
	width:93px; 
	height:28px; 
	display:block; 
	float:left; 
	margin:70px 0 0 10px;
	}
a.try:hover{ background:url(images/try_2.png) no-repeat 0 0}


.singup_form{ 
	clear:both; 
	height:165px; width:600px; 
	position: absolute; 
	bottom:0;
	}
.singup_form table{width:330px; margin:10px 0 0 15px; border-collapse:collapse;}
.singup_form table th{ 
	text-align:right; 
	padding:8px 5px; 
	text-transform:uppercase; 
	color:#fff
	}
.singup_form table .input_text, .input_text, .input_text_error{ 
	background:url(images/input_text_bg.png) no-repeat 0 0; 
	width:210px; 
	height:22px; 
	border:0;
	padding:4px 5px 0 5px;
	outline:none; 
	color:#333; 
	line-height:16px;
	}
.singup_form table .input_text,  .input_text{ background-position:0 0}
.input_text_error{ background-position:0 -26px}

.text_area{
	background:url(images/textarea_bg.gif) no-repeat 0 0; 
	width:215px; outline:none; 
	font-family:Arial; 
	height:65px; 
	border:0; 
	font-size:12px; 
	padding:3px ;
	color:#333}

a.signup_btn, a.contact_btn{ 
	width:222px; 
	height:54px; 
	text-decoration:none; position:absolute; right:0; top:50px;
	}
a.signup_btn{
	background:url(images/signup_button.png) no-repeat 0 0; 
	}
a.contact_btn{ background:url(images/contact.png) no-repeat 0 0;}
.forget_password{
	background:url(images/forget_box.png) no-repeat 0 0; 
	width:304px; 
	height:128px; padding:38px 0 0 34px;
	position:absolute; 
	top:60px; 
	right:-12px; 
	z-index:999
	}
.forget_password .input_text,.forget_password .input_text_error{ 
	background:url(images/input_text_4.png) no-repeat ; 
	width:266px; 
	height:23px; 
	clear:both; margin-bottom:4px; 
	padding:6px 2px 0px 4px;
	 line-height:24px;
	}
.forget_password .input_text_error{ background-position:0 -29px}
a.link{ color:#8b8b8b; font-size:11px; text-decoration:none}
a.cancel{ background:url(images/forget_cancel.png) no-repeat 0 0; 
	width:154px; 
	height:28px; display:block; 
	float:left; 
	margin:0 0 0 0px ;
	}
	
a.cancel:hover{ background:url(images/forget_cancel_over.png) no-repeat 0 0;}


a.submit{ 
	background:url(images/submit_1.png) no-repeat 0 0; 
	width:93px; 
	height:28px; 
	display:block; 
	float:left; 
	margin:0 0 0 18px;
	}
a.submit:hover{ background:url(images/submit_2.png) no-repeat 0 0}


.signup_error_box{
	background:url(images/error_box4.png) no-repeat 0 0;
	width:304px; 
	height:133px;
	padding:8px 17px 0 17px;
	position:absolute; 
	top:310px; 
	left:15px; 
	text-align:center;
	z-index:999; 
	color:#ddd;  
	font-size:14px; 
	font-weight:bold;
	}
.signup_error_box p{ display:block; margin:30px 0 0 0; text-transform:uppercase;  font-size:16px; color:#fff}
.signup_error_box a.close{ 
	background:url(images/forget_cancel.png) no-repeat 0 0; 
	margin:10px auto; 
	width:154px; 
	height:28px; 
	clear:both; display:block;
	}
.signup_error_box a.close:hover{background:url(images/forget_cancel_over.png) no-repeat 0 0;  }

.forget_message{
	background:url(images/error_box3.png) no-repeat 0 0; 
	width:304px; 
	height:133px; padding:5px 17px 0 17px;
	position:absolute; 
	top:70px; 
	right:-20px; text-align:center;
	
	z-index:999; color:#ddd;  font-size:14px; font-weight:bold;
	}
.forget_message p{ line-height:24px;}
.forget_message b{ display:block; font-size:18px; color:#fff}


	
ul.bottom_sections{ 
	height:195px; 
	clear:both; 
	list-style:none; 
	margin:18px 0 0 0; padding:0;
	}
ul.bottom_sections li{ 
	background:url(images/divder.gif) no-repeat 100% 0; 
	float:left; 
	width:220px; 
	padding:0 10px; 
	margin:0;	
	height:195px;
	color:#8b8b8b
	}
ul.bottom_sections li.last{ background:none; width:215px}
ul.bottom_sections li h1{ 
	background:url(images/titles.gif) no-repeat; 
	height:18px; display:block; 
	margin:0 0 10px 0; 
	padding:0; line-height:18px;
	}
ul.bottom_sections li h1.first{ background-position:0 0;}
ul.bottom_sections li h1.second{ background-position:0 -18px;}
ul.bottom_sections li h1.third{ background-position:0 -36px;}

ul.bottom_sections li h2.stats{ 
	margin:0 0 15px 0; 
	padding:0; 
	font-size:38px; 
	color:#fff;
	}
ul.bottom_sections li h2.stats span{ 
	display:block; 
	margin:0; 
	padding:0; 
	font-size:12px; 
	text-transform:uppercase; 
	color:#999999;
	}
ul.bottom_sections  li ul.features{ 
	list-style:none; 
	margin:0; 
	padding:0;
	}
ul.bottom_sections  li ul.features li{ 
	background:url(images/bullet_1.png) no-repeat 0 3px; 
	height:16px; 
	width:210px;
	display:block; 
	color:#8b8b8b; font-size:11px; font-weight:bold;
	padding:2px 0 1px 16px; 
	text-transform:uppercase;
	}
.footer{ 
	height:40px; 
	text-align:right; 
	font-size:10px;
	padding:10px 85px 0 0;
	background:url(images/footer_bg.gif) no-repeat 50% 0; 
	clear:both; 
	position:relative;
	text-transform:uppercase;
	color:#8b8b8b;
	}
.footer a.purpletalk{
	 background:url(images/purpletalk_logo.png) no-repeat 0 0; 
	 width:75px; position:absolute; right:0; 
	 height:15px; 
	 text-decoration:none; 
	
	 }
 
.footer a{color:#8b8b8b; text-decoration:none;}
.footer a:hover{color:#fff;}