@charset "utf-8";
/* CSS Document */
body {background-color:#fbf7de;}
span, p, font, a{font-family:Verdana, Arial, Helvetica, sans-serif}

#hidden{display:none}

#mainContainer {width:896px; height:582px; margin:0 auto; background-image:url(images/back_panel.png); background-repeat:no-repeat; background-position:center;}

#top {position:relative;  height:80px; width:896px;}
	#title {position:absolute; margin-top:30px; margin-left:185px; width:532px; height:26px}

#body {height:410px; width:896px; background-image:url(images/front_panel.png); background-repeat:no-repeat;}
	#navigation{width:100px; z-index:999; float:left}
	#content{width:780px; height:400px; margin:5px 10px 0 -12px; z-index:10; float:right;}

#bottom {height:98px; width:896px;}
	#dragon {width:201px; margin-left:350px; float:left;}
	#daso {width:124px; float:right; margin-right:35px; margin-top:60px;}
	
	.navlink{background-image:url(images/button.png); width:121px; height:38px; margin:5px 0 3px -7px; z-index:999}
	.navlink:hover{background-image:url(images/button_over.png)}
	.navlink a{display:block; width:121px; height:38px; color:#feec57; font-weight:bold; text-decoration:none; text-align:center; line-height:36px; font-size:11px}
	.navlink a:hover{color:#67ad64;}
	
	.navlinkm{background-image:url(images/button_m.png); width:121px; height:38px; margin:5px 0 3px -7px; z-index:999; position:absolute; top:440px}}
	.navlinkm:hover{background-image:url(images/button_over_m.png)}
	.navlinkm a{display:block; width:121px; height:38px; color:#fff; font-weight:bold; text-decoration:none; text-align:center; line-height:36px; font-size:11px}
	.navlinkm a:hover{color:#262b37;}