#switch_positioner{
  width:930px;
  margin:0 auto;
  /*background:#fff;*/
}

#switch_container{
  width:860px;
  height:565px;
  position:relative;
  margin:0 auto;
}

#switch_container img{
  float:left;
}

#switch_container img.bg_img{
  position:absolute;
  width:300px;
  height:400px;
  z-index:1;
  left:0;
  top:0;
}

.cards{
  width:300px;
  height:400px;
  margin:0;
  padding:0;
  position:absolute; 
  cursor:pointer;
}

.first{
  cursor: default;
}

#card0{
  z-index:10;
  top:160px;
  left:280px;
}

#card1{
  z-index:9;
  top:110px;
  left:490px;
}

#card2{
  z-index:7;
  top:50px;
  left:560px;
}

#card3{
  z-index:6;
  top:10px;
  left:280px;
}
#card4{
  z-index:7;
  top:50px;
  left:0px; 
}

#card5{
  z-index:8;
  top:110px;
  left:60px;
}

#switch_container div.card_inner_content{
  position:absolute;
  width:260px;
  max-height:260px;
  z-index:2;
  padding:10px 5px;
  margin:0 15px;
  display:none;
  bottom:45px;
  left:0;
  color:green;
  background:transparent url("../../imgs/intro/bg_text.png");
  font-family: Trebuchet MS;
}
#switch_container a.card_inner_content{
  position:absolute;
  width:290px;
  height:360px;
  z-index:2;
  display:none;
  left:5px;
  bottom:35px;
}

#switch_container div.card_inner_content h1{
  padding:5px 0;
  margin:0;
  font-size:17px;
}

#switch_container div.card_inner_content p{
  padding:0px;
  margin:0;
  font-size:13px;
}

#switch_container .first div.card_inner_content{
  display:block;
}
#switch_container .first a.card_inner_content{
  display:block;
  text-decoration: none;
}