@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(../images/bkg.jpg);
	background-repeat: repeat-x;
	background-color: #000000;
	margin:0px 0px;
	padding:0px 0px;
}

#container 
{
	width: 900px;
	height:600px;
	background-image:url(../images/menu_bkg.jpg);
	margin:0px auto;
	padding:0px 0px;
	z-index:10;
}


#nav 
{
	width:900px;
	height:107px;
	background-image: url(../images/headbkg.jpg);
	background-repeat: no-repeat;
	padding:0px 0px;
	margin:0px 0px;
	
}

#logo 
{
	width:205px;
	padding:50px 95px 0px 30px;
	float:left;
	z-index:100;
}

<!--nav-->
#navcontain {
	width:800;
	height:190px;
	padding:0px 0px 0px 0px;
	float:left;
}

ul#menu
{
	margin:0;
	padding:75px 0px 0px 0px;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
	white-space: nowrap;
}

ul#menu li a
{
	display:block;
	float:left;
	color:#999999;
	text-decoration:none;
	padding:8px 10px 0 10px;
	white-space: nowrap;
}

ul#menu li a:hover
{	
	color:#FFFFFF;
	height:22px;
	background:transparent url(../images/nav_bg2.png) 0px 0px no-repeat;
	white-space: nowrap;		
}

ul#menu li a.current
{
	display:inline;
	height:22px;
	background:transparent url(../images/nav_bg2.png) 0px 0px no-repeat;	
	margin:0;
	white-space: nowrap;
}
<!--end nav-->

#main
{
	clear:both;
	height:420px;
	background-image:url(../images/menu_bkg.jpg);
	margin-left: auto ;
 	margin-right: auto ;
	padding:0px 0px;
	top: 0px;

}

#header{
width: 400px;
	height:42px;
	margin:0px auto;
	padding:0px 30px 0px 0px;
	top: 0px;
	float:right;
	}

#left
{
	clear:both;
	width: 400px;
	height:420px;
	margin:0px auto;
	padding:30px 0px 0px 20px;
	top: 0px;
	float:left;
}

#right
{
	clear:both;
	width: 410px;
	height:420px;
	margin:-440px 0px 0px 450px;
	padding:20px 0px 0px 20px;
	top: 0px;
	float:left;
	z-index:600;
	font-size:11px;
	font-weight:100;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
}

<!-- story page-->
#story_img
{
	clear:both;
	width: 900px;
	height:223px;
	margin:0px 0px;
	padding:20px 0px 0px 0px;
	top: 0px;
}

#about1
{
	width: 400px;
	height: 170px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0px 0px;
	padding:20px 0px 0px 50px;
	float:left;
}

#about2
{
	width: 400px;
	height: 170px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#00000;
	margin:0px 0px;
	padding:20px 0px 0px 10px;
	float:left;
}

#about3
{
	width: 200px;
	height: 170px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#00000;
	margin:0px 0px;
	padding:20px 0px 0px 80px;
	float:left;
}

#about4
{
	width: 500px;
	height: 170px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0px 0px;
	padding:20px 0px 0px 80px;
	float:left;
}

#contact
{
	width: 500px;
	height: 170px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0px 0px;
	padding:50px 0px 0px 80px;
	float:left;
}

#contact_img
{
	width:363px;
	height:371px;
	padding:0px 0px 0px 0px;
	margin: -210px 0px 0px 480px;
	float:left;
	z-index:400;
}

 #footer
 {
	clear:both;
 	width: 900px;
 	height:160px;
 	margin: -50px auto;
 	padding:0px 0px;
	clear:both;
	z-index:500;
 }

#bot_menu
 {
 	width:500px;
	height:10px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 470px;
	clear: both;
	position: relative;
 }
 #ulNav li
{
	display:inline;
	white-space: nowrap;
}

#ulNav
{	
	width:950;
	height:39px;
	list-style-type:none;
	font-family:Verdana;
	font-size:11px;
	text-align:center;
	color:#999;
	display: inline;
}

#ulNav a:link, #ulNav a:active, #ulNav a:hover, #ulNav a:visited
{
    color:#999;
}
 
#finfo
{
	width:200px;
	height:22px;
	font-size:11px;
	font-weight:100;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	margin:0px 0px;
	padding:0px 40px;
	float:left;
}



#wrapper{
width: 400px;
margin: 0 auto;
}
.display{
float: left;
width: 10px;
height: 278px;
margin: 0 2px 0 0;
background: #EEA5BB url(images/pinktab.jpg) no-repeat;
}
.stretcher{
float: left;
width: 278px;
}

#board
{
width:78;
height:278;
float:left;
}

#board_info
{
width:150;
height:278;
float:left;
font-size:11px;
font-weight:100;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
margin:0px 0px;
	padding:0px 10px 0px 0px;
}