@charset "utf-8";
@import url('body.css');

h1 {
	width: 657px;
	height: 25px;
	margin-bottom: 0;
	background: url(../images/headers/menchies-world.png) 0 0 no-repeat;	
}

/*-- Slideshow --*/
.character-wrapper {
	display: none;
	width: 710px;
	height: 427px;
	left: -17px;
	top: 20px;
	background: url(../images/characters/main-bg.png) no-repeat;	
}
	.character-wrapper .slide {
		width: 710px;
		height: 419px;	
	}
	.slide img {
		position: absolute;
		z-index: 999;
	}
	.slide-content {
		float: right;
		width: 370px;
		padding: 23px 40px 0 0;	
	}
		.slide-content h2.title {
			margin: 0 auto;
			padding-bottom: 18px;	
		}
		.slide-content p {
			font-size: 16px;	
		}
		/* Menchie */
		img.menchie-full {
			width: 197px;
			height: 407px;
			top: 0;
			left: 34px;
		}
		h2.title.menchie {
			width: 117px;
			height: 30px;
			background: url(../images/characters/title-menchie.png)	0 0 no-repeat;
		}
		/* Chip */
		img.chip-full {
			width: 200px;
			height: 262px;
			top: 122px;
			left: 26px;
		}
		h2.title.chip {
			width: 63px;
			height: 34px;
			background: url(../images/characters/title-chip.png) 0 0 no-repeat;
		}
		/* Barry */
		img.barry-full {
			width: 211px;
			height: 387px;
			top: 18px;
			left: 21px;
		}
		h2.title.barry {
			width: 73px;
			height: 34px;
			background: url(../images/characters/title-barry.png) 0 0 no-repeat;
		}
		/* Kiwi */
		img.kiwi-full {
			width: 237px;
			height: 322px;
			top: 82px;
			left: 9px;
		}
		h2.title.kiwi {
			width: 55px;
			height: 29px;
			background: url(../images/characters/title-kiwi.png) 0 0 no-repeat;
		}
		/* Sprinkle */
		img.sprinkle-full {
			width: 231px;
			height: 205px;
			top: 146px;
			left: 11px;
		}
			img.sprinkle-full.new {
				width: 218px;
				height: 285px;
				top: 104px;
				left: 20px;
			}
		h2.title.sprinkle {
			width: 103px;
			height: 34px;
			background: url(../images/characters/title-sprinkle.png) 0 0 no-repeat;
		}
		/* P.B. */
		img.pb-full {
			width: 225px;
			height: 355px;
			top: 52px;
			left: 15px;
		}
			img.pb-full.new {
				height: 378px;
				top: 28px;
				left: 17px;
			}
		h2.title.pb {
			width: 55px;
			height: 34px;
			background: url(../images/characters/title-pb.png) 0 0 no-repeat;
		}
		/* Mellow */
		img.mellow-full {
			width: 249px;
			height: 338px;
			top: 70px;
			left: 1px;
		}
		h2.title.mellow {
			width: 97px;
			height: 30px;
			background: url(../images/characters/title-mellow.png) 0 0 no-repeat;
		}
		/* Mookie */
		img.mookie-full {
			width: 238px;
			height: 269px;
			top: 98px;
			left: 11px;
		}
		h2.title.mookie {
			width: 102px;
			height: 30px;
			background: url(../images/characters/title-mookie.png) 0 0 no-repeat;
		}

/*-- Navigation / Select Another Character --*/
h3#select-another {
	position: absolute;
	z-index: 999;
	width: 236px;
	height: 30px;
	bottom: 97px;
	right: 108px;
	background: url(../images/characters/button-select-another-friend.png) 0 0 no-repeat;
}
#char-navigation {
	position: absolute;
	z-index: 9999;
	width: 438px;
	height: 75px;
	padding: 13px 0 13px 13px;
	bottom: 18px;
	right: 0px;
	background: #f3eff0;
}
	#char-navigation a {
		float: left;
		height: 75px;
		margin: 0 10px;
		cursor: pointer;
		background: url(../images/characters/character-navigation-new.png) 0 0 no-repeat;	
	}
		a#char-menchie {
			width: 43px;	
		}
		a#char-chip {
			width: 37px;
			background-position: -43px 0;
		}
		a#char-barry {
			width: 33px;
			background-position: -80px 0;	
		}
		a#char-kiwi {
			width: 43px;
			background-position: -113px 0;	
		}
		a#char-sprinkle {
			width: 44px;
			background-position: -156px 0;	
		}
		a#char-pb {
			width: 34px;
			background-position: -200px 0;	
		}
		a#char-mellow {
			width: 41px;
			background-position: -234px 0;	
		}
		a#char-mookie {
			width: 44px;
			background-position: -275px 0;	
		}