body {
	background-color: #333333;
}
#main {
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	width:800px;
	height:700px;
	position:relative;
	top:20px;
	background-image: url("../template/bg01.gif");
}
#banner {
	position:absolute;
	background-image: url("../template/logo.gif");
	background-repeat:no-repeat;
	text-align:left;
	left:0px;
	top:0px;
	width:370px;
	height:70px;
}

#menu
{
	width: 408px;
	position:absolute;
	left:370px;
	top: 35px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}	
#menu li
{
  float: left;
  border-right: 2px solid #333333;
}
#menu li a
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#DDDDDD;
  text-decoration: none;
  text-align: center;
  width: 100px;
  height: 22px;
  display: block;
  padding-top:5px;
  background:  url("../template/button.gif");
  padding: 5px 0px 0px 0px;
  display: block;
}

#menu li a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  text-align: center;
  width: 100px;
  height: 22px;
  display: block;
  padding-top:5px;
  background:  url("../template/button_RO.gif");
  padding: 5px 0px 0px 0px;
  display: block;
	}
#current {
	color:#FFFF99;
}
#centerimage {
	/* background-image:url(../rocks.jpg); */
	background-color:#333333;
	position:relative;
	width:750px;
	height:450px;
	top:85px;
	border: 2px solid #000;
}
#centerimage img {
	display:none;
	position:absolute;
	top:0; left:0;
}
#text {
	color:#FFA851;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	top: 100px;
	width:750px;
	font-size:x-small;
	text-align:justify;
}
#display {
	background-image:url(../rocks.jpg);
	position:relative;
	width:525px;
	height:394px;
	top:95px;
	border: 2px solid #000;
}
#thumbs {
	/* background-color:#222222; */
	position: relative;
	top: 130px;
	height:85px;
	overflow:auto;
	overflow-x:auto;
	overflow-y:hidden;
	width:750px;
}