body{padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000000; background: #1A1A24; font-size:12px;}


#content-splash {
	position:relative;
	left:0px;
	top:0px;
	width:760px;
	height:766px;
	background: url(../imgs/bgnd_splash.jpg) top left no-repeat;
}


/* splash page */

.eyes-1 {
	position:absolute;
	left:-127px;
	top:185px;
}
.eyes-2 {
	position:absolute;
	left:-131px;
	top:477px;
}
.eyes-3 {
	position:absolute;
	left:882px;
	top:175px;	
}
.eyes-4 {
	position:absolute;
	left:776px;
	top:301px;
}

.logo-splash{
	position:absolute;
	left:-69px;
	top:8px;
}

.splash-freckie {
	position:absolute;
	left:-79px;
	top:219px;
}

.ttl-monst-hotel{
	position:absolute;
	left:40px;
	top:52px;
}

.btn-enter-mh{
	position:absolute;
	left:40px;
	top:344px;
}
.scroll{
	position:absolute;
	left:276px;
	top:61px;
	width:448px;
	height:450px;
	background: url(../imgs/scroll.gif) top left no-repeat;
}

.scroll-lamp{
	position:absolute;
	left:4px;
	top:158px;
}

.splash-poster{
	position:absolute;
	left:558px;
	top:405px;
}
.scroll-txt {
	position:absolute;
	left:48px;
	top:135px;
	width:360px;
	text-align:left;
	font-size:14px;
}

.btn_enter_mh {
	position:absolute;
	left:43px;
	top:350px;
}

.logo-kindersup {
	position:absolute;
	left:308px;
	top:617px;
}

.ttl-lucky {
	position:absolute;
	left:169px;
	top:714px;
}

/* collect */
.col-monst-holder {
	position:absolute;
	left:280px;
	top:255px;
	width:245px;
	height:304px;
	background: url(../imgs/col_monst_holder.gif) top left no-repeat;	
}
.col-monst {
	position:absolute;
	left:25px;
	top:26px;
}

/* outside monster hotel */
#content-outside {
	position:relative;
	left:0px;
	top:0px;
	width:760px;
	height:615px;
	background: url(../imgs/bgnd_outside.jpg) top left no-repeat;
}

.logo-outside{
	position:absolute;
	left:0px;
	top:0px;
}	

.poster-rewards{
	position:absolute;
	left:300px;
	top:43px;
}	

.lamp-outside {
	position:absolute;
	left:465px;
	top:310px;
}

.freckie-outside {
	position:absolute;
	left:548px;
	top:322px;
}

.spch-bubble {
	position:absolute;
	left:27px;
	top:474px;
}

.mnst-hint{
	position:absolute;
	left:16px;
	top:182px;
}
.btn-decipher{
	position:absolute;
	left:64px;
	top:368px;
}


#decipher{
	position:absolute;
	left:296px;
	top:9px;
	width:470px;
	height:300px;
	background: url(../imgs/bgnd_decipher.gif) top left no-repeat;
	text-align:left;	
	display: none;
}
.decipher-pad{
	padding:8px 20px 0 26px;
}

.answr-decipher{
	position:absolute;
	left:0px;
	top:335px;
	width:330px;
	height:28px;
	text-align:center;
}

/* collection */
#content-collection {
	position:relative;
	left:0px;
	top:0px;
	width:760px;
	background: url(../imgs/bgnd_collection.jpg) top left repeat-y;
	text-align:left;	
}

.bnr-yourtally{
	position:absolute;
	left:523px;
	top:41px;
	width:168px;
	height:114px;	
	background: url(../imgs/bnr_yourtally.gif) top left no-repeat;
}
.tally-number{
	position:absolute;
	left:36px;
	top:57px;
}

.btn-back2hotel{
	position:absolute;
	left:380px;
	top:29px;
}

.hdr_clctn{
	position:relative;
	left:60px;
}

.coll-monster-hldr{
	padding:0 0 0 90px;
}
.coll-monster{
	position:relative;
	float:left;
	width:252px;
	height:348px;	
	background: url(../imgs/bgnd_frm.gif) top left no-repeat;
	padding:0;
	margin-right:70px;
}

.mnst-coll{
	position:absolute;
	left:43px;
	top:18px;
}

.ttl-monst{
	position:absolute;
	left:21px;
	top:255px;
}

.txt-reward{
	position:absolute;
	left:14px;
	top:285px;
}

.btn-collect{
	position:absolute;
	left:40px;
	top:309px;
}

.clctn_btm{
	position:relative;
	left:0px;
	top:5px;
}

/* map */
#content-map {
	position:relative;
	left:0px;
	top:0px;
	width:760px;
	height:1290px;
	background: url(../imgs/bgnd_collection.jpg) top left repeat-y;
	text-align:left;	
}
.map-monst-holder {
	position:absolute;
	left:485px;
	top:16px;
	width:244px;
	height:300px;
	background: url(../imgs/map_monst_holder.gif) top left no-repeat;	
}

.btn-help{
	position:absolute;
	left:333px;
	top:42px;
}

.mnstr_help{
	position:absolute;
	left:357px;
	top:98px;
}

.map-1 {
	position:absolute;
	left:85px;
	top:174px;
	width:383px;
	height:569px;
	background: url(../imgs/hotel_map1.gif) top left no-repeat;	
}
.map-2 {
	position:absolute;
	left:0px;
	top:743px;
	width:548px;
	height:478px;
	background: url(../imgs/hotel_map2.gif) top left no-repeat;	
}

.map-freakie{
	position:absolute;
	left:452px;
	top:471px;
}

.map_btm{
	position:absolute;
	left:0px;
	top:1265px;	
}

.map-spch-bub{
	position:absolute;
	left:452px;
	top:355px;
}


.btn-m-1 {
	position:absolute;
	left:70px;
	top:191px;
}

.btn-m-2 {
	position:absolute;
	left:230px;
	top:335px;
}

.btn-m-3 {
	position:absolute;
	left:86px;
	top:375px;
}

.btn-m-4 {
	position:absolute;
	left:128px;
	top:454px;
}

.btn-m-5 {
	position:absolute;
	left:95px;
	top:516px;
}

.btn-m-6 {
	position:absolute;
	left:267px;
	top:199px;
}

.btn-m-7 {
	position:absolute;
	left:118px;
	top:270px;
}

.btn-m-8 {
	position:absolute;
	left:356px;
	top:273px;
}



/*TODO background png*/
#bgnd-hint{
	position:absolute;
	z-index:100;	
}	

#bgnd-hint2{
	position:absolute;
	z-index:100;
	display: none;
}	

.map-book{
	position:absolute;
	left:0px;
	top:184px;
}

/* profile */

.btn-nothanks{}


#monster-hint1{display: none; left:310px; top:310px;}	
#monster-hint2{display: none; left:210px; top:930px;} 
#monster-hint3{display: none; left:310px; top:310px;}
#monster-hint4{display: none; left:120px; top:770px;}
#monster-hint5{display: none; left:80px; 	top:930px;}
#monster-hint6{display: none; left:80px; 	top:695px;}
#monster-hint7{display: none; left:210px; top:930px;}
#monster-hint8{display: none; left:210px; top:930px;}

/* rewards */
#content-rewards {
	position:relative;
	left:0px;
	top:0px;
	width:760px;
	background: url(../imgs/bgnd_collection.jpg) top left repeat-y;
	text-align:center;	
}


/* common */

.space4{font-size:4px;}
.space6{font-size:6px;}
.space10{font-size:10px;}
.space12{font-size:12px;}
.space13{font-size:13px;}
.space14{font-size:14px;}
.space20{font-size:20px;}
.space30{font-size:30px;}
.space40{font-size:40px;}

.clear{padding:0; margin:0; font-size: 0px; clear:both;}

.red12 {font-weight:normal; text-decoration:none; color:#C63302; font-size:12px;}
a.red12:link, a.red12:visited, a.red12:active{font-weight:normal; text-decoration:none; color:#C63302; font-size:12px;}
a.red12:hover{font-weight:normal; text-decoration:underline; color:#40517D; font-size:12px}

.red14 {font-weight:normal; text-decoration:none; color:#C63302; font-size:14px;}
a.red14:link, a.red14:visited, a.red14:active{font-weight:normal; text-decoration:none; color:#C63302; font-size:14px;}
a.red14:hover{font-weight:normal; text-decoration:underline; color:#40517D; font-size:14px}

.red16B {font-weight:bold; text-decoration:none; color:#C63302; font-size:16px;}
a.red16B:link, a.red16B:visited, a.red16B:active{font-weight:bold; text-decoration:none; color:#C63302; font-size:16px;}
a.red16B:hover{font-weight:bold; text-decoration:underline; color:#40517D; font-size:16px}

.orange14B {font-weight:bold; text-decoration:none; color:#F37020; font-size:14px;}
a.orange14B:link, a.orange14B:visited, a.orange14B:active{font-weight:bold; text-decoration:none; color:#F37020; font-size:14px;}
a.orange14B:hover{font-weight:bold; text-decoration:underline; color:#FFFFFF; font-size:14px}



.black12B {font-weight:bold; text-decoration:none; color:#000000; font-size:12px;}
.green12B {font-weight:bold; text-decoration:none; color:#B3DA27; font-size:12px;}

.yellow11 {font-weight:normal; text-decoration:none; color:#FFFF66; font-size:11px;}
a.yellow11:link, a.yellow11:visited, a.yellow11:active{font-weight:normal; text-decoration:none; color:#FFFF66; font-size:11px;}
a.yellow11:hover{font-weight:normal; text-decoration:underline; color:#FFFFFF; font-size:11px}

.yellow11B {font-weight:bold; text-decoration:none; color:#FFFF66; font-size:11px;}
a.yellow11B:link, a.yellow11B:visited, a.yellow11B:active{font-weight:bold; text-decoration:none; color:#FFFF66; font-size:11px;}
a.yellow11B:hover{font-weight:bold; text-decoration:underline; color:#FFFFFF; font-size:11px}

.orangenav {font-weight:bold; text-decoration:none; color:#F4A526; font-size:12px;}
a.orangenav:link, a.orangenav:visited, a.orangenav:active{font-weight:bold; text-decoration:none; color:#F4A526; font-size:12px;}
a.orangenav:hover{font-weight:bold; text-decoration:none; color:#FFFFFF; font-size:12px}

.orange12B-s {font-weight:bold; text-decoration:none; color:#FF840B; font-size:12px; letter-spacing: 1px;}

.white12 {font-weight:normal; text-decoration:none; color:#FFFFFF; font-size:12px;}
.white12B {font-weight:bold; text-decoration:none; color:#FFFFFF; font-size:12px;}
.yellow12B {font-weight:bold; text-decoration:none; color:#FAD217; font-size:12px;}