@charset "UTF-8";

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

#container {
	position: absolute;
	width: 300px;
	height: 250px;
	border:1px solid #666666;
	background-color: #ebf1e6;
	top: 0px;
	left: 0px;
	margin: auto;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
}

#anim_container {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
}


#exit {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	cursor: pointer;
	opacity: 0;
	z-index: 4;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}
::-moz-focus-inner {border:0;}


/* Animation */
#anim_container img {
	position: absolute;
}

#mss_logo {
	opacity: 0;
}

#background {
	opacity: 0;
	left: -120px;
}


#text_wrapper {
    position: absolute;
    width: 940px;
    height: 100%;
    perspective: 400px;
	perspective-origin: center;
}

#text_main1, #text_main2 {
	opacity: 0;
}

#text_main3, #cta {
	left: 300px;
}

#cta {
	position: absolute;
}

#cta_over{
	opacity: 0;
}

#stamp{
	opacity: 0;
}

#sprite{  
   position: absolute;
   width:58px;
   height:26px;
   top:30px;
   left: 198px;
   background: url(img/300x250_sprite.png) no-repeat;
   background-position:0px 0px;
   opacity:0;
}