body,
html {
	height: 100%;
	}

body {
	margin: 0;
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	font-size: 11px;
}

	/* MAIN */
	#home,
	#about,
	#shop {
		min-height: 600px;
		height: 100%;
		min-width: 950px;
		position: relative;
	}
	
	.top {
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	
	.content {
	width: 290px;
	position: absolute;
	right: 30px;
	top: 335px;
	z-index: 20;
	}
	
	.text1 {
	width: 290px;
	position: absolute;
	left: 30px;
	top: 30px;
	z-index: 20;
	overflow: hidden;
	}
	
	.text2 {
	width: 347px;
	position: absolute;
	left: 487px;
	top: 306px;
	z-index: 20;
	overflow: hidden;
	}
	
	.pic {
	width: 606px;
	position: absolute;
	left: 80px;
	top: 70px;
	overflow: hidden;
	z-index: 20;
	}
	
	.pic2 {
	width: 338px;
	position: absolute;
	left: 345px;
	top: 50px;
	overflow: hidden;
	z-index: 20;
	}
		.content .h1,
		.content .h2 {
			display: block;
		}
		
		.content p.left,
		.content p.right,
		.content div.right {
			float: left;
			width: 290px;
			margin: 1em 21px 0 3px;
		}
	
	.bottom {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		background-repeat: no-repeat;
		background-position: bottom left;
		z-index: 15;
	}
	.bottom2 {
		position: absolute;
		left: 30px;
		bottom: 40px;
		z-index: 15;
		overflow:hidden;
	}
	
	
	/* HOME */
	#home {
		color: #000000;
		background-color: #18CBFF;
		background-image:   url("../images/home_bg.png");
		background-position: top left;
		background-repeat: repeat;
	}
	
		#home a {
			color: #FFFFFF;
		}
	
		#home .top {
			height: 239px;
			background-image:   url("../images/home_top_bg.png");
			background-position: center;
		}
		
		#home .content {
			margin-top: -110px;
		}
					
			#home .content .h2 {
				margin: 11px 0 0 2px;
			}
								
		#home .bottom {
			height: 225px;
			background-image:   url("../images/home_bottom_bg.png");
		}
		
			#home .bottom .character {
				position: absolute;
				left: 10px;
				bottom: 105px;
				width: 563px;
				
			}
			
				#home .bottom .character .inner {
					width: 197px;
					padding: 106px 3px 6px 13px;
					position: relative;
					
				}

			
			#home .bottom .icons{
				position: absolute;
				left: 250px;
				bottom: 20px;
				overflow: hidden;
			}
					
					

	
	/* ABOUT */
	#about {
		color: #FFFFFF;
		background-image:   url("../images/about_bg.png");
		background-color: #000000;
		background-position: top left;
		background-repeat: no-repeat;
		
	}
	
		#about a {
			color: #18CBFF;
			background-color: inherit;
		}
		
		#about em {
			color: #666666;
			background-color: inherit;
		}
		
		#about .top {
			height: 13px;
			background-image:   url("../images/about_bg.png");
			
		}
		
		#about .content {
			margin-top: -110px;
			top: 335px;
			
		}
		
					
			#about .content .h2 {
				margin: 11px 0 0 2px;
			}
			
			#about .content .right ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
				
			
	/* SHOP */
	#shop {
		color: #000000;
		background-color: #FFFFFF;
		background-image:   url("../images/shop_tile_bg.png");
		background-position: bottom left;
		background-repeat: repeat-x;
	}
		
		#shop a {
			color: #18CBFF;
			background-color: inherit;
			text-decoration: underline;
		}
				

		
		#shop .bottom {
			height: 331px;
			background-image:   url("../images/shop_full_bg.png");
			background-position: bottom center;
		}
		
		#shop .content {
			margin-top: -110px;
			top: 335px;
		}
		
					
			#shop .content .h2 {
				margin: 11px 0 0 2px;
			}

a img {
	border: none;
}

.clear {
	width: auto;
	height: 0;
	overflow: hidden;
	line-height: 1px;
	float: none;
	clear: both;
}