body{
 background-image: url('http://www.funorb.com/img/microsites/arcanists/back.jpg');
 background-repeat: repeat-x;
 background-position: center top;
 background-color: #13110f;
 margin: 0px;
 font-family: Arial,Helvetica,FreeSans,sans-serif;
}
h1{
 font-size: 80px;
 margin: 0px auto 0px -417px;
 width: 834px;
 height: 110px;
 font-size: 0px;
 background: url('http://www.funorb.com/img/microsites/arcanists/top.jpg') transparent no-repeat;
 text-align: center;
 position:   absolute;
 left:     50%;
}
#mid{
 background: url('http://www.funorb.com/img/microsites/arcanists/mid.jpg') transparent no-repeat;
 margin: auto;
 width: 834px;
 height: 335px;
 color: white;
 line-height: 18px;
 font-size: 13px;
 position:   absolute;
 left:     50%;
 margin-left: -417px;
 top:     110px;
}
#content{
 left: 0;
 top: 33px;
 position: absolute;
 width: 318px;
}
#mid p{
 left: 56px;
 position: relative;
 margin: 0px;
}
#mid ul{
 line-height: 20px;
 margin-bottom: 0px;
 font-size: 13px;
 left: 31px;
 position: relative;
 margin-top: 20px;
}
#bottom{
 background: url('http://www.funorb.com/img/microsites/arcanists/bottom.jpg') transparent no-repeat;
 margin: auto;
 width: 834px;
 height: 23px;
 position:   absolute;
 left:     50%;
 margin-left: -417px;
 top:     445px;
}
#copyright{
 background: url('http://www.funorb.com/img/microsites/arcanists/copyright_alpha.png') transparent no-repeat;
 margin: auto;
 width: 367px;
 height: 104px;
 text-align: center;
 color: black;
 font-size: 10px;
 line-height: 11px;
 padding: 32px 134px 0 127px;
 position: absolute;
 left: 50%;
 margin-left: -314px;
 top: 468px;
}
#copyright a{
 color: #965706;
 text-decoration: underline;
}

#copyright a:hover{
 text-decoration: none;
}
#trailer, #screenshots{
 display: block;
 top: 0px;
 float: right;
 height: 29px;
 font-size: 0px;
}
#trailer{
 width: 171px;
 height: 29px;
 margin-right: 1px;
 outline: 0;
 position: absolute;
 left:  384px;
 overflow: hidden;
}

object {
 outline: 0;
}

#screenshots{
 width: 236px;
 margin-right: 42px;
 outline: 0;
 left:   556px;
 position: absolute;
 overflow: hidden;
}

#screenshots img,
#trailer img{
 position: absolute;
 left: 0;
 border: none;
 top: -29px;
}

#trailer:active img,
#screenshots:active img,
#trailer.selected img,
#screenshots.selected img {
 top: 0;
}

#video{
 background-color: black;
 width: 408px;
 height: 306px;
 margin-right: 42px;
 margin-left: 20px;
 left:     364px;
 position:   absolute;
 top: 29px;
}
#screenshotframe{
 background-color: green;
 width: 408px;
 height: 306px;
 position: absolute;
 top: 29px;
 left: 384px;
 z-index: 2;
}


 #play{
  position: absolute;
  top: 291px;
  left: 57px;
  width: 244px;
  height: 31px;
  display: block;
  z-index: 20;
 }

#play img{
 display:  block;
 border:    none;
}
#play:hover img{
 display:  block;
 border:    none;
}

#previous,#next{
 position: absolute;
 top: 57px;
 left: -9px;
 width: 27px;
 height: 171px;
 display: block;
 font-size: 0px;
 text-decoration: none;
 z-index: 4;
 background-image: url('http://www.funorb.com/img/microsites/arcanists/previous_mo.gif');
 outline: none;
}

#next{
 background-image: url('http://www.funorb.com/img/microsites/arcanists/next_mo.gif');
 left: 389px;
}

#next img,
#previous img {
 position: absolute;
 left: 0;
 top: 0;
 width: 27px;
 height: 171px;
 border: 0;
}

#next:hover img,
#previous:hover img {
 display: none;
}

#cloud{
 z-index: 4;
 top: 255px;
 left: 315px;
 position: absolute;
}

#previous:active,#next:active,
#previous:focus,#next:focus{
 outline: 0;
}

a{
 text-decoration: none;
}

#backimage{
 position: absolute;
 z-index: 1;
 top: 0px;
 left: 0px;
}

#frontimage{
 position: absolute;
 z-index: 2;
 top: 0px;
 left: 0px;
}
.preload{
 visibility: hidden;
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 10;
}

#videoSWF h2{
 font-size:  14px;
 margin:    60px auto 12px;
 text-align:  center;
}
#videoSWF a{
 color:      #965706;
 text-decoration:  underline;
}
#videoSWF p{
 font-size:  11px;
 text-align:  center;
 margin:    auto;
 left:     0px;
}

#arcanistsTrailer{
 position: relative;
 text-align: center;
}
#arcanistsTrailer h2{
 margin-top:    60px;
 font-size:    20px;
 line-height:   24px;
}
#arcanistsTrailer p{
 left: 0px;
}