html {
	
	background-color: white;
	margin: 0;	
}

* { 
	margin: 0; 
	padding: 0; 
	outline: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
}

#wrapper * {
    box-sizing: border-box;
}

body{
	background-color: white;
}

#wrapper {
	width: 300px;
	height: 250px;
	background-color: white;
	overflow: hidden;
	position: relative;	
	top:0px;
  	left: 0px;	
}


/* PERSISTENT */


#persistent {
	opacity:0;
}

#pers_bg {
	position: absolute;	
	top:0px;
	left:0px;	
	width:900px;
	height:250px;
	background-image:  url('pers_bg.jpg');
}


pers_text {
	
	position: absolute;	
	top:0px;
	left:0px;		
	width:300px;
	height:250px;
	
}

#pers_text1 {
	position: absolute;
	background: url('pers_text.png') no-repeat 0px -155px;
	width:300px;
	height:25px;
	top:160px;
	left:0px;
	opacity:0;
}




#pers_text3 {
	position: absolute;
	background: url('pers_text.png') no-repeat 0px -191px;
	width:300px;
	height:25px;
	top:195px;
	left:0px;
	opacity:0;
}




#pers_title {	
	position: absolute;	
	top:0px;
	left:125px;		
	width:175px;
	height:109px;
	background-image:  url('logo1.png');
	background-repeat:no-repeat;

}

#pers_titleB {	
	position: relative;	
	top:0px;
	left:0px;		
	width:300px;
	height:250px;
	background-image:  url('logo1b.png');
	background-repeat:no-repeat;

}

#pers_date { 
	position: absolute;
	width: 300px;
	height: 18px;
	overflow: hidden;
	background: url('date_stack1.png');
	background-position: top center;
	bottom: 7px;
	left: 0px;
}

#pers_hashtag {
}

/* ENDFRAME */
#endframe {
	opacity:0;	
}

#endframe_bg {
}



#endframe_title {
	position: absolute;	
	top:8px;
	left:62px;		
	width:300px;
	height:250px;
	background-image:  url('logo1.png');
	background-repeat:no-repeat;
	
	display:none;
}


#endframe_date {
	position: absolute;
	width: 300px;
	height: 80px;
	overflow: hidden;
	background: url('date_stack2.png');
	top: 148px;
	left: 0px;
}


/* EXITS */

#cta_one {
	position: relative;
	width: 300px;
    height: 80px;
	overflow: hidden;
	cursor: pointer;
	background: url('cta1.png');
	top: 217px;
    left:0px;

}

#cta_exit{
	position: absolute;
	width: 300px;
    height: 80px;
	overflow: hidden;
	cursor: pointer;
	top: 217px;
    left:0px;

}



#rivets {
	position: absolute;
	width: 300px;
    height: 250px;
	overflow: hidden;
	cursor: pointer;
	background: url('rivets.png');
	top: 0px;
    left:0px;
	opacity:0;

}



#cta_one_txt {
	
	position: absolute;
  	overflow: hidden;
	width: 300px;
	height: 27px;
	background: url('cta_text1.png');
	background-position: top center;
    top: 11px;
    left: 0px;
}

#lw_holder {
	position: relative;
  	overflow: hidden;	
	width: 299px;
    height: 23px;
    top: 11px;
    left: 0px;

}

#lightwash {
    position: absolute;
	width: 100px;
    height: 31px;
	background: url('lightwash.png') no-repeat;
    top: 0px; 
	left: -66px;
	opacity:.6;
}


#bg_exit {
  position: absolute;
  width: 300px;
  height: 250px;
  left: 0px;
  top: 0px; 
  cursor:pointer;
}

#endframe_legal {
	position: absolute;
	width: 100px;
	height: 10px;
	background: url('legal1.png');
	background-position: top left;
	left: -28px;
	top: 218px;
}

#endframe_char {
	position: absolute;
	width: 550px;
	height: 249px;
	background: url('munks.png');
	background-position: top center;
	left: -250px;
	top: 3px;
}


#endframe_hashtag {
	position: absolute;
	width: 200px;
	height: 20px;
	background: url('hashtag2.png');
	background-position: top center;
	left: 50px;
	top: 202px;
}

#keylineTop{
    width: 100%;
    height: 1px;
    background-color: black;
    overflow: hidden;
    position:  absolute;
    top:0;
     left: 0;
}
#keylineRight{
    width: 1px;
    height: 100%;
    background-color: black;
    overflow: hidden;
    position:  absolute;
    top:0;
     right:0;
}
#keylineBottom{
    width: 100%;
    height: 1px;
    background-color: black;
    overflow: hidden;
    position:  absolute;
    bottom:0;
     left: 0;
}
#keylineLeft{
    width: 1px;
    height: 100%;
    background-color: black;
    overflow: hidden;
    position:  absolute;
    top:0;
     left: 0;
}