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

body, body * {
	vertical-align:baseline;
	border:0 none;
	outline:0;
	padding:0;
	margin:0;
}

#exit_btn{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:transparent;
	cursor: pointer !important;
	z-index:800;
}

#container{
	position:absolute;
	width:120px;
	height:600px;
	top:0px;
	left:0px;
	margin:auto;
	z-index: 20;
}

/*  Content*/

#content{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 118px;
	height: 598px;
	border: 1px solid #666666;
	background-color: #ffffff;
	z-index: 300;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
}

#frame{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 118px;
	height: 598px;
	background-image: url('frame.png');
	background-repeat: no-repeat;
	z-index: 600;
}

#slide1{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 118px;
	height: 598px;
	background-image: url('bg1.jpg');
	background-position-x: 0px;
	background-position-y: 10px;
	background-repeat: no-repeat;
	z-index: 300;
	
}

#slide1 #capitalE{
	position:absolute;
	left: 41px;
  	top: 179px;
  	width: 35px;
  	height: 46px;
	background-image:url('capital_E.png');
	background-repeat: no-repeat;
	z-index: 301;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */ 
}

#slide1 #text1{
	position:absolute;
	left: 79px;
  	top: 176px;
  	width: 54px;
  	height: 51px;
	background-image:url('text1.png');
	background-repeat: no-repeat;
	z-index: 301;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */ 
}

#slide2{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 118px;
	height: 598px;
	background-image: url('bg2.jpg');
	background-position-x: 0px;
	background-position-y: 10px;
	background-repeat: no-repeat;
	z-index: 400;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */ 
}

#slide2 #capitalB{
	position:absolute;
	left: 41px;
  	top: 180px;
  	width: 37px;
  	height: 45px;
	background-image:url('capital_B.png');
	background-repeat: no-repeat;
	z-index: 301;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */ 
}

#slide2 #text2{
	position:absolute;
	left: 80px;
  	top: 178px;
  	width: 51px;
  	height: 45px;
	background-image:url('text2.png');
	background-repeat: no-repeat;
	z-index: 401;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */ 
}

#slide3{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 118px;
	height: 598px;
	background-image: url('bg3.jpg');
	background-position-x: 0px;
	background-position-y: 10px;
	background-repeat: no-repeat;
	z-index: 500;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */ 
}

#slide3 #capitalH{
	position:absolute;
	left: 37px;
  	top: 181px;
  	width: 43px;
  	height: 43px;
	background-image:url('capital_H.png');
	background-repeat: no-repeat;
	z-index: 301;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */ 
}

#slide3 #text3{
	position:absolute;
	left: 81px;
  	top: 178px;
  	width: 49px;
  	height: 48px;
	background-image:url('text3.png');
	background-repeat: no-repeat;
	z-index: 501;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */ 
}

#slide3 #text4{
	position:absolute;
	left: 19px;
  	top: 162px;
  	width: 80px;
  	height: 49px;
	background-image:url('text4.png');
	background-repeat: no-repeat;
	z-index: 501;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */ 
}

#slide3 #cta{
	position:absolute;
	left: 13px;
  	top: 233px;
  	width: 92px;
  	height: 37px;
	background-image:url('cta.gif');
	background-repeat: no-repeat;
	z-index: 501;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */ 
}