basic code for Mei

<style>

.pfor {display: none;}
#profile {background: transparent; border: 0px;}

body {background: white; }

#whole {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

#bigbody{
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  margin: auto;
  height: 600px;
  width: 820px;
  border: 0px solid black;}

#smallbody {
  z-index: 4;
  position: absolute;
  left: 20px;
  top: 20px;
  height: 555px;
  width: 385px;
  background-image:url(http://i58.tinypic.com/28thuup.jpg);
  background-repeat: no-repeat;
  border: 1px solid red;
}

#smallbody:hover #linktab{
  opacity: 1;
}

#linktab{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 5px;
  right: 5px;
  height: 70px;
  margin: auto;
  background: black;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity: 0;
  color: white;
}

#linktab:hover{
opacity: 1;
}

#tabshere{
  height: 25px;
  width: 50px;
  border: 1px solid white;
  float: left;
  margin: 20px;
}

.slider{
  position: absolute;
  margin: auto;
  top: 0px;
  bottom: 0px;
  height: 485px;
  width: 385px;
  border: 1px solid black;
  transition: all 1s, opacity 1.5s;
  -webkit-transition: all 1s, opacity 1.5s;
  opacity: 0;
  right: 400px;
  color: black;
}

.slider:target{
  right: 20px;
  opacity: 1;
}

#dualboxes{
  margin: auto;
  margin-top: 90px;
  height: 100px;
  width: 250px;
   border: 1px solid red;
}

</style>

<div id="whole">
<div id="bigbody">
  <div id="smallbody">
    <div id="linktab">

      <a href=#tab1>
      <div id="tabshere">
        first
        </div></a>
      <a href=#tab2>
    <div id="tabshere">
      second
        </div></a>
      <a href=#tab3>
    <div id="tabshere">
      third
        </div></a>
      <a href=#tab4>
    <div id="tabshere">
      fourth
        </div></a>


    </div>
  </div>

  <div id="tab1" class="slider">FIRST
  </div>
  <div id="tab2" class="slider" style="border: 0px">
    <div id="dualboxes">SECOND</div>
    <div id="dualboxes">SECOND</div>
  </div>
  <div id="tab3" class="slider">THIRD
  </div>
  <div id="tab4" class="slider">FOURTH
  </div>

</div>
</div>