/* TEMPLATE LAYER */

#outer-struct {
	display: block;
}

	#inner-struct {
		display: block;
		width: 988px;
		
		margin: 0px auto;
	}
	
		#top-header {
			display: block;
			float: left;
			
			width: 960px;
			height: 129px;

			background: url(../img/bg-top-header.png) no-repeat top left;
			
			padding: 14px 14px 0 14px;
		}
		
		#top-title {
			display: block;
			float: left;
			
			width: 960px;
			height: 32px;
			
			background: url(../img/bg-top-title.png) no-repeat top left;
			
			padding: 0 14px 0 14px;
		}
		
			#top-title span {
				display: block;
							
				font-size: 13pt;
				font-style: italic;
				color: #ffffff;
				
				margin: 5px 20px 0 20px;
			}
		
		#main-content {
			display: block;
			float: left;
			
			width: 960px;
			min-height: 549px;
			
			background: url(../img/bg-main-content.png) repeat-y top left;
			
			padding: 0 14px 0 14px;
		}
		
			#navi {
				display: block;
				float: left;
				
				width: 160px;
				min-height: 471px;
				
				background: url(../img/bg-main-navi.png) repeat-y top left;
				
				padding: 39px 20px 39px 20px;
			}
			
				#navi ul {
					display: block;
					float: left;
					
					width: 140px;
					
					padding: 0;
					margin: 0 0 0 20px;
					
					list-style-image: url(../img/ul-list-style-image.png);
					
					font-size: 12pt;
					line-height: 24px;
				}
				
					#navi ul li:hover, #navi ul li.active {
						list-style-image: url(../img/ul-list-style-image-hover.png) !important;
					}
				
					#navi ul ul {
						display: block;
						float: left;
						
						width: 120px;
						
						padding: 0;
						margin: 5px 0 5px 15px;
						
						list-style-image: url(../img/ul-list-style2-image.png);
						
						font-size: 10pt;
						line-height: 18px;
					}
					
						#navi ul ul li:hover, #navi ul ul li.active {
							list-style-image: url(../img/ul-list-style2-image-hover.png) !important;
						}
					
					#navi a:link, #navi a:visited {
						text-decoration: none;
						color: #000099;
					}
					
					#navi a:active, #navi a:hover, #navi li.active a {
						text-decoration: none;
						color: #007700;
					}
					
			#content {
				display: block;
				float: left;
					
				width: 760px;
				min-height: 549px;
					
				background: url(../img/bg-main-content-inner.png) repeat-y top left;
			}
			
				#content-puzzle {
					display: block;
					float: left;
					
					width: 700px;
					min-height: 471px;
					
					padding: 39px 30px 39px 30px;
					
					background: no-repeat top right;
				}
							
					#puzzle-body {
						display: block;
						float: left;
						
						position: absolute;
						
						margin: 39px 0 0 0;
					}
				
					#content-body {
						display: block;
						float: left;
						
						width: 380px;
						min-height: 471px;
					}
		
		#bottom-footer {
			display: block;
			float: left;
			
			width: 960px;
			height: 30px;
			
			background: url(../img/bg-bottom-footer.png) no-repeat top left;
			
			padding: 0 14px 14px 14px;
		}
		
			#bottom-footer span {
				display: block;
				text-align: center; 
							
				font-size: 10pt;
				color: #1401ae;
				
				margin: 5px 20px 0 20px;
			}
			
				#bottom-footer span b {
					padding: 0 10px 0 10px;
				}