/*********************************************** General */
body {background-color: #A57426;
	margin: 0px;
	padding: 0px;
	font-family: Lucida Sans Unicode,Helvetica, sans-serif;
	font-size: 95%;
	color: #41481D;
}

a:link {text-decoration: none;
		font-weight: bold;
		color: #A57426;
		}
a:visited {text-decoration: none;
		font-weight: bold;
		color: #A57426;
		}
a:hover {text-decoration: underline;
		font-weight: bold;
		color: #A57426;
		}
a:active {text-decoration: none;
		font-weight: bold;
		color: #A57426;
		}

#container {position: relative;
			background-color: #41481D;
			width: 448px;
			/*padding-bottom: 30px;*/
			margin: 0 auto;
			font-size: 80%;
}
#content {background-image: url(images/BG_sub.jpg);
			background-repeat: repeat-y;
			width: 417px;
			margin-left: 20px;
			padding-top: 3px;
			margin-bottom: 30px;
			min-height: 600px;
			*height: 600px;
			padding-bottom: 15px;
			
			}

/*footer*/
#logos {
		background-color: #A57426;
		margin-left: 0px;
		background-repeat: repeat-x;
		padding-bottom: 50px;
		padding-top: 0px;
		margin-top: 0px;
		width: 449px;

		}
#logos img{ margin-right:52px;
		margin-bottom: 15px;
			border: 0px;
			}

.hide {display:none;
	}


/************************************************** Headers */ 
h1#home {background-image: url(images/Header_home.gif);
	background-repeat: no-repeat;
	width: 455px;
	*width: 449px;
	height: 274px;
	text-indent: -5000px;
}
h1#characters {background-image: url(images/header_char.jpg);
				background-repeat: no-repeat;
				height: 274px;
				width: 496px;
				*width: 449px;
				text-indent: -5000px;
				}
h1#story {background-image: url(images/header_story.jpg);
				background-repeat: no-repeat;
				height: 274px;
				width: 496px;
				*width: 449px;
				text-indent: -5000px;
					}
h1#system {background-image:url(images/header_system.jpg);
				background-repeat: no-repeat;
				height: 274px;
				width: 496px;
				*width: 449px;
				text-indent: -50000px;
				}
h1#media {background-image:url(images/header_media.jpg);
		background-repeat: no-repeat;
		height: 274px;
		width: 496px;
		*width: 449px;
		text-indent: -999999px;
		}

/*********************************************************H2-Subtitle*/
h2#char_sub {background-image: url(images/titles/01_characters.gif);
				background-repeat: no-repeat;
				background-position: right;
				margin-right: 15px;
				margin-bottom: 20px;
				height: 29px;
				text-indent: -50000px;
				}

h2#story_sub{background-image: url(images/titles/02_story.gif);
			background-repeat: no-repeat;
			background-position: right;
			margin-right: 15px;
			margin-bottom: 20px;
			height: 29px;
			text-indent: -500000px;
			} 
h2#system_sub {background-image: url(images/titles/03_system.gif);
				background-repeat: no-repeat;
				background-position: right;
				margin-right: 15px;
				margin-bottom: 20px;
				height: 29px;
				text-indent: -87878787px;
	}
h2#media_sub {background-image: url(images/titles/04_media.gif);
			background-repeat: no-repeat;
			background-position: right;
			margin-right: 15px;
			margin-bottom: 20px;
			height: 29px;
			margin-top: 10px;
			text-indent: -999999px;
			}
/******************************************Links with Style on*/
#links_container {background-color: #A57426;
				position: absolute;
				top: 270px;
				*left: 0px;
				height: 26px;
				padding-left: 35px;
				padding-top: 0px;
				padding-bottom: 0px;
				width: 449px;
				
}

#links { width: 449px; height: 26px;
		background-image: url(images/links.jpg);
		background-repeat: no-repeat;
		width: 387px;
		padding: 0px;
		margin: 0px;
		position: absolute;
		}
#links li {margin: 0px; padding: 0px; list-style: none;
			position: absolute; top: 0;
			}
#links li, #links a {height: 26px; display: block;
}
.link {display: none;
}
#panel1b {left: 0px; width: 57px;
}
#panel2b {left: 58px; width: 104px;
}
#panel3b {left: 162px; width: 72px;
}
#panel4b {left: 233px; width: 83px;
}
#panel5b {left: 316px; width: 71px;
}
/*Current*/
#panel1a {left: 0px; width: 57px;
		background-image: url(images/links.jpg);
		background-position: 0 -26px;
}
#panel2a {left: 58px; width: 104px;
		background-image: url(images/links.jpg);
		background-position: -58px -26px;
}
#panel3a {left: 162px; width: 72px;
		background-image: url(images/links.jpg);
		background-position: -162px -26px;
}
#panel4a {left: 233px; width: 83px;
		background-image: url(images/links.jpg);
		background-position: -233px -26px;
}
#panel5a {left: 316px; width: 71px;
		background-image: url(images/links.jpg);
		background-position: -316px -26px;
}

/*hover*/
#panel1b a:hover {
				  background-image: url(images/links.jpg);
				  background-position: 0 -26px;
				  background-repeat: no-repeat;
}
#panel2b a:hover {
				background-image: url(images/links.jpg);
				background-position: -58px -26px;
				background-repeat:no-repeat;
}
#panel3b a:hover {
				background-image: url(images/links.jpg);
				background-position: -162px -26px;
				background-repeat: no-repeat;
}

#panel4b a:hover {
				background-image: url(images/links.jpg);
				background-position: -233px -26px;
				background-repeat: no-repeat;
				}
#panel5b a:hover {
				background-image: url(images/links.jpg);
				background-position: -316px -26px;
				background-repeat: no-repeat;
}
/*************************************************Home */
/*quote*/
#quote {background-image: url(images/quote2.gif);
		background-repeat: no-repeat;
		background-position: center;
		/*width: 261px;*/
		height: 122px;
		}
#quote p {display: none;
}

/*Text*/
#text {background-image: url(images/dragon.gif);
		background-repeat: no-repeat;
		background-position: right;
		height: 324px;
		width: 400px;
		padding-top: 20px;
		}
#text p {width: 250px;
		padding-top: 100px;
		padding: 20px;
}

/********************************************Profiles */
#profiles p {width: 211px;
}

#gena_pro {background-image:url(images/characters/01_gena.gif);
			background-position: left;
			background-repeat: no-repeat;
			margin-left: 5px;
			width: 150px;
			height: 150px;
			}
#gena_pro p {margin-left: 160px;
}

#allen_pro {background-image: url(images/characters/02_allen.gif);
	background-position: right;
	background-repeat: no-repeat;
	margin-right: 5px;
		height: 150px;

			}
#allen_pro p {margin-left:20px;
			padding-top: 10px;
}

#suzu_pro {background-image: url(images/characters/03_suzu.gif);
			background-position: left;
			background-repeat: no-repeat;
			margin-left: 5px;
			height: 150px;
			}
#suzu_pro p{margin-left:160px;
			padding-top: 10px;
		}

#faire_pro {background-image: url(images/characters/04_faire.gif);
			background-position: right;
			background-repeat: no-repeat;
			margin-right: 5px;
			height: 150px;
			}
#faire_pro p{margin-left: 20px;
			padding-top: 10px;
}

#oroch_pro {background-image: url(images/characters/05_oroch.gif);
			background-position: left;
			background-repeat: no-repeat;
			margin-left: 5px;
			height: 150px;
			}
#oroch_pro p{margin-left: 160px;
			padding-top: 10px;
			}

#fuku_pro {background-image: url(images/characters/06_fukuro.gif);
			background-repeat: no-repeat;
			background-position: right;
			margin-right: 5px;
			height: 150px;
			}
#fuku_pro p{margin-left: 20px;
		padding-top: 10px;
		}

#lein_pro{background-image:url(images/characters/07_lein.gif);
		background-position: left;
		background-repeat: no-repeat;
		margin-left: 5px;
		height: 150px;
		}
#lein_pro p{margin-left: 160px;
			padding-top: 10px;
			}

.moves {
	width: 200px;
	margin-left: 160px;
}
.moves2 {
	width: 200px;
	margin-left: 20px;
}

.moves a{padding: 5px;
}
			
/********************************************Story */

#story_p1 {width: 365px;
			margin-left: 20px;
}
#story_p2 {	background-repeat: no-repeat;
			background-position: left;
			height:172px;
			margin-left: 10px;
			margin-top: 40px;
			margin-right: 10px;
			}
#sideimg {
		margin-left: 10px;
		margin-right: 10px;
		float: left;
		padding: 10px;
}
/*******************************************System*/
#sys_content {margin-left: 20px;
			margin-right: 20px;
			min-height: 600px;
			padding-bottom: 15px;
}
.mode_text {float: left;
			width: 200px;
			margin-left: 5px;
			margin-right: 10px;
}
.story {background-image: url(images/titles/sys_story.gif);
		background-repeat: no-repeat;
		text-indent: -99999px;
		border-bottom: 1px solid #A57426;
		height: 30px;
		}
.strategy {background-image:url(images/titles/sys_strategy.gif);
			background-repeat: no-repeat;
			text-indent: -999999px;
			border-bottom: 1px solid #A57426;
			height: 30px;
			}
.battle {background-image: url(images/titles/sys_battle.gif);
		background-repeat: no-repeat;
		text-indent: -999999px;
		border-bottom: 1px solid #A57426;
		height: 30px;
		}
		
/********************************************Sys Subs*/
#sub_story {background-image:url(images/titles/03_sys_story.gif);
		background-repeat: no-repeat;
		background-position: right;
		text-indent: -999999px;
		}
#sub_strategy {background-image:url(images/titles/03_sys_strategy.gif);
		height: 30px;
		background-repeat: no-repeat;
		background-position: right;
		text-indent: -999999px;
		}
#sub_battle {background-image:url(images/titles/03_sys_battle.gif);
		background-repeat: no-repeat;
		background-position: right;
		text-indent: -999999px;
		}
h4 {color: #A57426;
	border-bottom: 1px solid #A57426;
	height: 30px;
}
h5 {color: #A57426;
	font-size: 100%;
	height: 15px;
	padding: 0px;
	margin: 0px;
}
.sub_text {width: 328px;
			margin-left: 20px;
		}
.system_subtext {padding-left: 40px;
}

/***************************************************Media*/
.screenshot {background-image:url(images/titles/screenshot.gif);
			background-repeat: no-repeat;
			border-bottom: 1px solid #A57426;
			height: 30px;
			text-indent: -999999px;
			}
			
#ss_content {margin: 50px auto;
	width: 300px;
	padding-bottom: 15px;
}
.trailer {background-image:url(images/titles/trailer.gif);
			background-repeat: no-repeat;
			border-bottom: 1px solid #A57426;
			height: 30px;
			text-indent: -999999px;
			}
.mode_text {width: 200px;
}

/****copyright***/
#footer {background-color: #A57426;
}
#copyright {	font-size: 65%;
	background-color:#A57426;
	margin: 0px;
	width: 449px;
	padding-top: 5px;
	padding-bottom: 10px;
	}