@charset "utf-8";
/* layout.CSS Document */

html, body {
	font-family: bbdfont;
	/* height: 100%;
	overflow: hidden; */
	background-color: #636363;
}

.wrapper {
	margin-left:auto;
	margin-right:auto;
	background-image:url(../_imgs/jewel.png);
	background-repeat:repeat;
	width: 1000px;
	height: 719px;
	position: relative;
	text-align: center;     /* horizontal centering hack for IE */
	clear: left;          /* required */
	}

.header {
	width:1000px;
	height:125px;
	position: relative;
	}

.navbar {
	width:1000px;
	height:32px;
	background-image:url(../_imgs/navslice.png);
	background-repeat:repeat-x;
	position: relative;
	}

.content {
	width:1000px;
	height: 553px;
	position: relative;
	}
	
.bodylogo {
	height:325px;
	background-image: url(../_imgs/home325.png);
	width: 325px;
	position: relative;
	background-repeat: no-repeat;
	float: none;
	margin-top: 110px;
	margin-left: 70px;
	}
#bodyjbbm {
	background-image: url(../_imgs/jbbmsm.png);
	height: 22px;
	width: 368px;
	position: absolute;
	left: 510px;
	top: 470px;
}
#altjbbm {
	background-image: url(../_imgs/jbbmsm.png);
	height: 22px;
	width: 368px;
	position: absolute;
	left: 569px;
	top: 496px;
	z-index: 50;
}
#alt2jbbm {
	background-image: url(../_imgs/jbbmsm.png);
	height: 22px;
	width: 368px;
	position: absolute;
	left: 500px;
	top: 433px;
	z-index: 50;
}
#about_text {
	height: 360px;
	width: 325px;
	position: absolute;
	left: 501px;
	top: 12px;
	text-align: left;
	color: #FFF;
	font-family: bbdfont, Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 24px;
	padding-top: 14px;
	padding-right: 20px;
	padding-left: 20px;
}
#linktitle {
	background-image: url(../_imgs/link_title.png);
	height: 22px;
	width: 365px;
	position: absolute;
	left: 565px;
	top: 29px;
	z-index: 0;
}
#disctitle {
	background-image: url(../_imgs/disc_title.png);
	height: 22px;
	width: 365px;
	position: absolute;
	left: 565px;
	top: 29px;
	z-index: 0;
}
#charmtitle {
	background-image: url(../_imgs/charm_title.png);
	height: 22px;
	width: 365px;
	position: absolute;
	left: 565px;
	top: 29px;
	z-index: 0;
}
#bubbletitle {
	background-image: url(../_imgs/bubble_title.png);
	height: 22px;
	width: 365px;
	position: absolute;
	left: 565px;
	top: 29px;
	z-index: 0;
}
#resintitle {
	background-image: url(../_imgs/resin_title.png);
	height: 22px;
	width: 365px;
	position: absolute;
	left: 565px;
	top: 29px;
	z-index: 0;
}
#cointitle {
	background-image: url(../_imgs/coin_title.png);
	height: 22px;
	width: 365px;
	position: absolute;
	left: 565px;
	top: 29px;
	z-index: 0;
}

#info_text {
	height: 360px;
	width: 325px;
	position: absolute;
	left: 501px;
	top: 4px;
	text-align: left;

	word-spacing; .02em;
	color: #FFF;
	font-family: bbdfont, Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 24px;
	padding-top: 6px;
	padding-right: 20px;
	padding-left: 20px;
}

.headlogo {
	background-image: url(../_imgs/banner.png);
	background-repeat: no-repeat;
	height: 102px;
	width: 146px;
	margin-left: 742px;
	position: relative;
	top: 14px;
}
.imagebg {
	height: 418px;
	width: 874px;
	position: relative;
	left: 63px;
	top: 63px;
	right: 63px;
	z-index: 2;
	background-repeat: repeat;
	background-color: #636363;
}
#threesquares {
	background-image: url(../_imgs/6x6x3.png);
	background-repeat: no-repeat;
	height: 6px;
	width: 30px;
	position: absolute;
	left: 165px;
	top: 378px;
}
#aboutimg {
	background-image: url(../_imgLg/about.jpg);
	height: 381px;
	width: 478px;
	position: absolute;
	left: 18px;
	top: 18px;
}

#infoimg {
	background-image: url(../_imgLg/info.jpg);
	height: 381px;
	width: 478px;
	position: absolute;
	left: 18px;
	top: 18px;
}