/* Reset CSS and general stuff */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}html { overflow:-moz-scrollbars-vertical; }.clear { clear: both; font-size: 0; height: 0; line-height: 0; }a { outline: none; }

body { background: #000 url(../images/bg.jpg) repeat-y center top; }

#global { width:878px; margin:0 auto; background:#f6f5fa; }
#global .hidden { display:none; margin-left:-100000px; font:0; }


#header { width:878px; height:378px; background:url(../images/header.jpg) no-repeat 0 0; position:relative; }
#header .hd_join { position:absolute; top:227px; left:439px; width:206px; height:109px; background:url(../images/hd_join.gif) no-repeat 0 0; }


#content { width:878px; height:857px; background:url(../images/content.jpg) no-repeat 0 0; position:relative; }


#content .clip { width:352px; height:315px; position:absolute; }
#content .clip img { display:block; width:348px; height:254px; margin:0 0 0 1px; border:1px solid #8f8e8e; }
#content .clip a.sc_anim { display:block; width:50px; height:50px; background:url(../images/sc_anim.gif) no-repeat 0 0; position:absolute; left:0; bottom:0; }
#content .clip a.sc_download { display:block; width:283px; padding-left:12px; height:50px; background:url(../images/sc_download.gif) no-repeat 0 0; position:absolute; right:0; bottom:0; color:#611a00; text-decoration:none; font:bold 20px/48px Arial, Helvetica, sans-serif; }
#content .clip a.sc_download:hover { background-position:left bottom; }

#content .clip_01 { top:0; left:58px; }
#content .clip_02 { top:0; left:471px; }
#content .clip_03 { top:505px; left:58px; }
#content .clip_04 { top:505px; left:471px; }

#content .pub1_anim { display:block; width:99px; height:89px; background:url(../images/pub1_anim.gif) no-repeat 0 0; position:absolute; top:367px; left:733px; }
#content .joinnow { display:block; width:693px; height:120px; position:absolute; top:351px; left:35px; }

#footer { width:878px; height:380px; background:url(../images/footer.jpg) no-repeat 0 0; position:relative; }
#footer .pub2_anim { display:block; width:99px; height:89px; background:url(../images/pub2_anim.gif) no-repeat 0 0; position:absolute; top:15px; left:731px; }
#footer .joinnow { display:block; width:693px; height:120px; position:absolute; top:0; left:34px; }