@charset "UTF-8";
/* CSS Document */



body, html {
	background-color: #FFF;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;

}
body,td,th {
	color: #000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}


#main {
	position:relative;
	width:656px;
	margin:auto;
	padding: 20px 0px 0px 0px;
	
}

#content {
	position:relative;
	padding:0px 0px 0px 0px;
	margin-top:10px;
	min-height:800px;
	text-align:left;
	
}

#card {
	position:absolute;
	left:0px;
	top:0px;
	width:236px;
	height:312px;
}
#spread{
	position: absolute;
	left: 272px;
	top: 342px;
	width: 386px;
	height: 281px;
}
#about{
	position: absolute;
	padding: 0px 0px 0px 0px;
	left: 271px;
	top: 20px;
	width: 386px;
	height: 312px;
	text-align: left;
}
#magazine1 {
	position: absolute;
	left: 0px;
	top: 375px;
	width: 106px;
	height: 139px;
}
#magazine2 {
	position: absolute;
	left: 120px;
	top: 375px;
	width: 106px;
	height: 139px;
}
#magazine-text1 {
	position: absolute;
	left: 3px;
	top: 338px;
	width: 106px;
	height: 35px;
}
#magazine-text2 {
	position: absolute;
	left: 120px;
	top: 338px;
	width: 106px;
	height: 35px;
}
#paypal {
	position: absolute;
	left: 1px;
	top: 542px;
	width: 231px;
	height: 108px;
}
#copyright {
	color: #999;
	position: absolute;
	left: 0px;
	top: 695px;
	width: 665px;
	height: 108px;
}



#stage {
	left:0px;
	top:0px;
    margin: 1em auto;
    width: 236px;
    height: 312px;
  }

  #stage a {
    position: absolute;
  }
  #stage a img {
    padding: 0px;
    border: 0px solid #ccc;
    
  }

  #stage a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 1s;
    z-index: 20;
  }
  #stage a:nth-of-type(2) {
    z-index: 10;
  }
  #stage a:nth-of-type(n+3) {
    display: none;
  }

  @keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }