@import "reset.css";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, 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 {
font-style : normal;
font-weight : normal;
}
ol, ul {
list-style : none;
}
caption, th {
text-align : left;
}
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
}
q:before, q:after {
content : '';
}
* {
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) no-repeat left top;
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 0 0 140px;
}
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;
}

a.zoopa_logo, a.zoopa_logo:visited {
width : 130px;
height : 45px;
background : url(../images/zoopa_logo.png) no-repeat left top;
display : block;
position : absolute;
margin : 11px 0 0 5px;
}
ul.main_navigation {
font-size : 14px;
position : absolute;
margin : 30px 0 0 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;
}
div.zoopa_div {
width : 981px;
height : 226px;
background : url(../images/zoopa_ad_bg.png) no-repeat left top;
margin : 0 auto 10px auto;
}
h1.zoopa_mantra {
position : absolute;
margin : 20px 0 0 20px;
font-size : 30px;
}
div.zoopa_info {
position : absolute;
width : 400px;
font-size : 14px;
line-height : 140%;
margin : 80px 0 0 20px;
}
a.zoopa_download, a.zoopa_download:visited {
position : absolute;
display : block;
width : 242px;
height : 50px;
background : #DCEBF3 url(../images/download_button.png) no-repeat left top;
margin : 155px 0 0 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 : #DCEBF3 url(../images/download_button.png) no-repeat 0 -60px;
text-decoration : none;
}
div.zoopa_screenshot {
position : absolute;
width : 522px;
height : 183px;
background : url(../images/zoopa_screenshot.png) no-repeat left top;
margin : 43px 0 0 440px;
}
div.zoopa_content {
width : 981px;
margin : 0 auto 10px auto;
}
div.content_top_bg {
height : 7px;
clear : both;
font-size : 1px;
background : url(../images/content_top.png) no-repeat left top;
}
div.zoopa_content div.content {
padding : 5px;
background : #fff;
}
div.content div.sub_information {
width : 250px;
float : right;
padding : 10px;
margin : 10px;
background : #ffe7c1;
border : 1px solid #ffca71;
}
div.content_bottom_bg {
height : 7px;
clear : both;
font-size : 1px;
background : url(../images/content_bottom.png) no-repeat left bottom;
}
div.sponsors {
width : 832px;
height : 56px;
margin : 0 auto 10px auto;
background : url(../images/sponsors_bg.png) no-repeat left top;
padding-left : 149px;
}
div.sponsors ul li {
display : block;
float : left;
}
div.three_steps {
width : 981px;
height : 130px;
background : url(../images/3steps.png) no-repeat left top;
margin : 0 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) repeat-y left top;
}
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;
}