html *
{
   font-size: 12px;
   color: #000;
   font-family: Times,serif;
  line-height:130%;
}

html, body {
  margin:0;
  padding:0;
}

body {
  color:#FFFFFF;
  background:#eae1d8 url('../images/bg.jpg') top center repeat;
  background-attachment:fixed;
}

#wrapper {
  width:775px;
  margin:40px auto;
  overflow:hidden;
}


#header {
  float:left;
  width:430px;
  height:240px;
  padding-left:0px;
  overflow:hidden;
  margin-top:35px;
  padding-bottom:35px;
  margin-bottom:35px;
}

#buy_dl {
  float:right;
  width:163px;
  height:229px;
  margin-top:39px;
  background:transparent url('../images/buy_bg.png');
  background-repeat:no-repeat;
}

#ready_dl {
  float:right;
  width:230px;
  height:210px;
  margin-top:39px;
  background:transparent url('../images/dlpg_ready.png');
  background-repeat:no-repeat;
}

.btn_dl {
  width:130px;
  height:37px;
  display: block;
  margin:3px 15px 0 15px;
  background-image:url(../images/btn_dl_off.png);
}

.btn_dl:hover{
background-image:url(../images/btn_dl_on.png);
}

.btn_ready_dl {
  width:154px;
  height:37px;
  display: block;
  margin:120px 0 0 30px;
  background-image:url(../images/dlpg_btn_off.png);
}

.btn_ready_dl:hover{
background-image:url(../images/dlpg_btn_on.png);
}


#buy_dvd {
  float:right;
  width:163px;
  height:229px;
  margin-top:39px;
  margin-left:10px; 
  background:transparent url('../images/buy_bg.png');
  background-repeat:no-repeat;
}

.btn_dvd {
  width:130px;
  height:37px;
  display: block;
  margin:3px 15px 0 15px;
  background-image:url(../images/btn_dvd_off.png);
}

.btn_dvd:hover{
  background-image:url(../images/btn_dvd_on.png);
}


.buy_info  {
  text-align: center; 
  width:130px;
  margin:5px 15px 0 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #ffffff;
}

.paypal  {
  margin:12px 0 0 75px;
  width:130px;
}

#trailer {
  float:left;
  overflow:hidden;
  margin-bottom:35px;
}


#text {
  font-size: 14px;
  color: #000;
  font-family: Times, serif;
  line-height:160%;
  float:right;
  overflow:hidden;
  padding-bottom:65px;
  margin-top:35px;
  margin-bottom:25px;
}

#credits {
  float:left;
  text-align: center;
  overflow:hidden;
  margin-top:40px;
  margin-bottom:50px;
}

#footer  {
  float:left;
  width:775px;
  height:80px;
  margin-top:100px;
  border-top:1px solid #000;
}

#bafu {
  float:left;
  overflow:hidden;
  margin:2px 0 0 0;
}

#blackyard {
  float:right;
  overflow:hidden;
  margin:30px 0 0 20px;
}

#jared {
  float:right;
  overflow:hidden;
  margin:20px 0 0 0;
}

#verlag {
  float:right;
  overflow:hidden;
  margin-top:18px;
  margin-left:19px;
  margin-right:10px;
}

#copyright {
  float:left;
  width:775px;
  color:#666666;
  font-family:'Arial', sans-serif;
  font-size:9px;
  line-height:160%;
  margin-top:20px;
  padding-top:12px;
  border-top:1px solid #000;
}

#contact {
  width:775px;
  height:130px;
  margin:0px auto;
  display: none;
  padding-top:35px;
  background: #fff;
  z-index: 2;
}



#social {
  width:75px;
  height:32px;
  float:left;
  overflow:hidden;
  margin:70px 0 0 32px;
}

.fb a{
  float:left;
  width:32px;
  height:32px;
  display: block;
  background-image:url(../images/social_fb_off.png);
}

.fb a:hover{
	background-image:url(../images/social_fb_on.png);
}

.tumblr a{
  float:right;
  width:32px;
  height:32px;
  display: block;
  margin:0 0 0 10px;
  background-image:url(../images/social_tumblr_off.png);
}

.tumblr a:hover{
	background-image:url(../images/social_tumblr_on.png);
}

.youtube a{
  float:right;
  width:32px;
  height:32px;
  display: block;
  background-image:url(../images/social_youtube_off.png);
}

.youtube a:hover{
	background-image:url(../images/social_youtube_on.png);
}


#adresse {
  float:right;
  overflow:hidden;
  margin:0 65px 0 0;
}

#mail{
  float:right;
  overflow:hidden;
  margin:0px 32px 0 0;
}

#opener {
  	margin:10px auto;
    width: 775px;
    height: 16px;
}

.btn_slideopen_txt{
	float:right;
    width: 55px;
    height: 16px;
	margin: 3px 0 0 0;
	font-size: 11px;
   color: #000;
   font-family: Arial, sans-serif;
}
	
.btn_slideopen {
    background-image:url(../images/slider_open_on.gif);
    display: block;
    cursor:pointer;
	float:right;
    width: 16px;
    height: 16px;
	margin: 0 5px 0 0;
}

.btn_slideopen:hover{
	background-image:url(../images/slider_open_on.gif);
}

.btn_slideclose {
    background:transparent url(../images/slider_close_off.gif) no-repeat;
    display: block;
	float:right;
    cursor:pointer;
    width: 18px;
    height: 18px;
    margin:104px 10px 0 0;
}

.btn_slideclose:hover{
	background:transparent url(../images/slider_close_on.gif) no-repeat;
}