@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:160px;
	height:600px;
	top:0px;
	left:0px;
	margin:auto;
	z-index: 20;
}

/*  Content*/

#content{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 158px;
	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: 158px;
	height: 598px;
	background-image: url('frame.png');
	background-repeat: no-repeat;
	z-index: 600;
}

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

#slide1 #capitalE{
	position:absolute;
	left: 56px;
  	top: 172px;
  	width: 45px;
  	height: 59px;
	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: 105px;
  	top: 168px;
  	width: 72px;
  	height: 66px;
	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: 158px;
	height: 598px;
	background-image: url('bg2.jpg');
	background-position-x: 0px;
	background-position-y: 9px;
	background-repeat: no-repeat;
	z-index: 400;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */ 
}

#slide2 #capitalB{
	position:absolute;
	left: 56px;
  	top: 172px;
  	width: 48px;
  	height: 59px;
	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: 108px;
  	top: 170px;
  	width: 75px;
  	height: 60px;
	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: 158px;
	height: 598px;
	background-image: url('bg3.jpg');
	background-position-x: 0px;
	background-position-y: 9px;
	background-repeat: no-repeat;
	z-index: 500;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */ 
}

#slide3 #capitalH{
	position:absolute;
	left: 49px;
  	top: 172px;
  	width: 59px;
  	height: 59px;
	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: 110px;
  	top: 168px;
  	width: 72px;
  	height: 66px;
	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: 27px;
  	top: 168px;
  	width: 103px;
  	height: 59px;
	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: 18px;
  	top: 239px;
  	width: 122px;
  	height: 44px;
	background-image:url('cta.gif');
	background-repeat: no-repeat;
	z-index: 501;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */ 
}