@import "reset.css";


* {
margin : 0;
padding : 0;
}


html, body {
background : #3D9EBE;
font-family : Arial, Verdana;
font-size : 12px;
color : #313131;
line-height : 140%;
}

a, a:visited {
color : #133b5e;
text-decoration : none;
}

a:hover {
text-decoration : underline;
color : #2165a3;
}

div.clear{font-size:1px;  height:1px; clear:both;}

div.header{width:981px; height:65px; background:url(../images/header_bg.png) top left no-repeat; margin:10px auto;}
	p.logo_desc{font-family:Georgia,Times New Roman; font-style:italic; color:#ccc; font-size:15px; display:block; width:250px; position:absolute; margin:23px 0px 0px 140px;}
	a.zoopa_logo,a.zoopa_logo:visited{width:130px; height:45px; background:url(../images/zoopa_logo.png) top left no-repeat; display:block; position:absolute; margin:11px 0px 0px 5px;}
	ul.main_navigation{font-size:14px; position:absolute; margin:30px 0px 0px 650px;}
	ul.main_navigation li{display:block; float:left; padding:7px; margin-left:15px;}
	ul.main_navigation li.active{font-weight:bold; border-bottom:4px solid #000;}
	ul.main_navigation li a,ul.main_navigation li a:visited{color:#000;}
	
	a.join_forum,a.join_forum:visited{
display:block;
font-family:Georgia, Times New Roman;
width:180px;
height:30px;
border-bottom:1px dotted #eee;
border-left:1px dotted #eee;
border-right:1px dotted #eee;
line-height:30px;
font-size:14px;
color:#F27E09;

position:absolute;
margin:0px 0px 0px 400px;
background:#fff url(../images/comments.png) 7px 10px no-repeat;
padding:0px 0px 0px 25px;
}

a.join_forum:hover{
background:#eee url(../images/comments.png) 7px 10px no-repeat;
color:#666;
text-decoration:none;
}
	
div.zoopa_div{width:981px; height:226px; background:url(../images/zoopa_ad_bg.png) top left no-repeat; margin:0px auto 10px auto;}
	h1.zoopa_mantra{position:absolute; margin:20px 0px 0px 20px; font-size:30px;}
	div.zoopa_info{position:absolute; width:400px; font-size:14px; line-height:140%; margin:80px 0px 0px 20px;}
	a.zoopa_download,a.zoopa_download:visited{position:absolute; display:block; width:242px; height:50px; background:url(../images/download_button.png) top left no-repeat; margin:155px 0px 0px 20px; color:#fff; font-size:19px; font-weight:bold; padding-top:10px; padding-left:45px;}
	a.zoopa_download span{display:block; font-size:11px; font-weight:normal; padding-top:3px;}
	a.zoopa_download:hover{background:url(../images/download_button.png) 0px -60px no-repeat; text-decoration:none;}
	div.zoopa_screenshot{position:absolute; width:522px; height:183px; background:url(../images/zoopa_screenshot.png) top left no-repeat; margin:43px 0px 0px 440px;}
	
div.zoopa_content{width:981px; margin:0px auto 10px auto; }
	div.content_top_bg{height:7px; clear:both; font-size:1px; background:url(../images/content_top.png) top left no-repeat;}
	div.zoopa_content div.content{padding:20px; background:#fff;}
	div.zoopa_content div.about{line-height:150%;}
	div.zoopa_content div.about h1{font-size:24px; line-height:100%; margin-bottom:10px; color:#F8BB03;}
	div.zoopa_content div.content p{margin-bottom:15px; font-size:13px; color:#666;}
		div.content div.sub_information{width:350px; float:right; padding:10px; margin:10px; background:#FFE7C1; border:1px solid #FFCA71;}
		div.content div.sub_information h1{color:#000;}
		div.content div.sub_information p{color:#000; font-size:14px;}
	div.content_bottom_bg{height:7px; clear:both; font-size:1px; background:url(../images/content_bottom.png) bottom left no-repeat;}
	
	

div.sponsors{width:832px; height:56px; margin:0px auto 10px auto; background:url(../images/sponsors_bg.png) top left no-repeat; padding-left:149px;} 
	div.sponsors ul li{display:block; float:left;}


div.three_steps{width:981px; height:130px; background:url(../images/3steps.png) top left no-repeat;  margin:0px auto 10px auto;}
	div.step_cell{width:307px; float:left; height:110px; line-height:160%; padding:10px;}
	div.step_cell h2{font-size:14px; font-weight:bold; margin-bottom:10px;}
	img.step_icon{float:right;}
	div.line{background:url(../images/line.gif) top left repeat-y;}

div.footer{width:981px; margin:10px auto; height:15px;}

	div.fleft{float:left; width:30%;}
	div.fright{float:right; width:70%; text-align:right;}
	
	div.fright ul li{display:inline; padding-left:10px;;}
	div.fright ul li.active{font-weight:bold;}