/* Reset CSS and general stuff */

.clear { clear: both; font-size: 0; height: 0; line-height: 0; margin-bottom:60px;}
.hiddentext { display: none; }
.hidden { font:0; display:none; margin-left:-100000px; height:0 }
body {background:#fff url(../images/bg_body.jpg) repeat-y center top; padding: 0; margin: 0; }

a, a:visited { color: #0066CC; text-decoration: none; }
a:hover { color: #FF6600; }

#contenant{margin: 0 auto; width:812px; background:#fff; }

#contenant #header{ position:relative; width:812px; height:350px; background:url(../images/header.jpg) no-repeat 0 0; }
#contenant #header span { position:relative; top:368px; left:324px; font:bold 48px/18px Arial, Helvetica, sans-serif; color:#fff; text-align:left;}
#contenant #link{ width:100%; height:358px; display:block; }

#contenant #contenu{ margin: 0 0 10px 14px; font-family: Arial, Helvetica, sans-serif; width: 784px; }
#contenant #contenu h1,
#contenant #contenu h2{ background:#eee; font:bold 20px/20px Arial, Helvetica, sans-serif; padding:7px 0 7px 10px; margin:10px 0 10px 0; }
#contenant .common { font-size: 12px; }
#contenant .scene_short { font-size: 12px; float: right; text-align: right; width: 40%; padding-right: 10px; font-weight: 400; }
#contenant .cover { float: left; width: 252px; margin-right: 8px; height: 425px; background: #F0F1F3; }
#contenant .cover img { border: 1px solid #000; }
#contenant .join_now { border-top: 5px solid #fff; padding-top: 7px; text-align: center; color: #CC0000; font-size: 11px; }
#contenant .join_now img { border: 0; margin-bottom: 3px; }
a.join { display: block; width: 229px; height: 34px; background: url(../images/join.gif); margin: 0 auto 2px auto; }
a.full { display: block; width: 294px; height: 37px; background: url(../images/full_version.gif); float: right; }
a.join span, a.full span { display: none; }
#contenant .player { float: left; width: 524px; }
#contenant .screenshots { background: #eee; padding: 7px 0 3px 0; }
#contenant .starring { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 10px; border-bottom: 1px dotted #ccc; padding-bottom: 7px; }
#contenant .scene_description { font-size: 11px; padding: 5px 10px 7px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; }
#contenant .screenshots .thumbnails { text-align: center; }
#contenant .screenshots .thumbnails img { border: 1px solid #000; margin: 3px;   }
.spacer { font-size: 0px; clear: both; }
.footer { height: 208px; background:  url(../images/footer.gif) no-repeat; margin: 15px 0 0 0; display: block; padding-bottom: 15px; }
.footer a, .footer a:visited {display: block; height: 208px; }
.footer a span { display: none; }

.instructions { background: #eee url(../images/download.gif) no-repeat; height: 37px; margin: 10px 0;}
.instructions p { font-size: 12px; margin: 0; padding: 12px 0 0 52px; font-weight: bold;}

.instructions a, .instructions a:visited { text-decoration:none; color: #0066CC;}
.instructions a:hover{ color: #006400; }


#flashplayer { position:relative; }
#flashplayer .bt_play { display:block; width:182px; height:182px; position:absolute; z-index:2; left:171px; top:171px; background:url(../images/play.png) no-repeat 0 0; }