#wrapper {width:578px; margin:30px; position: relative;}

.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider {float:left; position:relative; overflow:auto; width:527px; height:206px; margin-left: 30px;}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:530px; height:300px; padding-right:10px}

.pagination {float:left; list-style:none; height:25px; margin:5px 0 0 30px}
.pagination li {float:left; cursor:pointer; padding: 6px 6px 5px 6px; margin:-8px 6px 0 0; text-align:center; color:#222;}
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}
li.current {}

li#content {width:464px; height:270px; padding:15px 28px 15px 18px}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}

#aboutlegend
	{
	position: absolute;
	right: 50;
	top: 150;
	z-index: 999;
	border: 3px solid;
	border-color: rgb(165, 200, 200);
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	background-color: white;
	padding: 15px 17px 10px 15px;
	}

#about-top
	{
	margin-top: -40px;
	margin-bottom: 30px;
	margin-left: -20px;
	position: relative;
	float: left;
	width: 60%;
	}
	
#about-top2
	{
	width: 650px;
	margin: 0px auto;
	}
	
#content
	{
	margin-left: 5%;
	}
	
#comments-bananas
	{
	margin-top: 280px;
	position: absolute;
	width: 650px;
	top: 0;
	}
	
#update
	{
	margin-right: 10px;
	}
	
.data-class
	{	
	width: 521px;
	height: 200px;
	border: 3px solid;
	border-color: rgb(165, 200, 200);
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	}
	
#data01
	{
	background-color: white;	
	}
	
#data02
	{
	background-color: white;
	}
	
#data03
	{
	background-color: white;
	}
	
#data04
	{
	background-color: white;
	}
	
#button01
	{
	width: 154px;
	background-color: white;
	border: 3px solid;
	border-color: rgb(165, 200, 200);
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	border-radius:0px 0px 0px 10px;
	}
	
#button02
	{
	width: 153px;
	background-color: white;
	border: 3px solid;
	border-color: rgb(165, 200, 200);
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	border-radius:0px 0px 0px 0px;
	}
	
#button03
	{
	width: 154px;
	background-color: white;
	border: 3px solid;
	border-color: rgb(165, 200, 200);
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	border-radius:0px 0px 10px 0px;
	}
	
#p1
	{
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	}
	
#p12
	{
	float: right;
	position: absolute;
	top: 40;
	right: 0;
	}
	
#p2
	{
	float: right;
	position: absolute;
	top: 0;
	left: 0;
	}
	
#p22
	{
	float: right;
	position: absolute;
	top: 40;
	left: 0;
	}
	
#contact-adm 
	{
	background-color: white;
	padding: 1 5 0 5;
	margin:0 40 -1 40;
	}
	
#contact-g
	{
	padding-top: 10px;
	text-align: center;
	float: right;
	width:50%;
	height: 30px;
	color:rgb(220,0,0);
	}
	
#contact-s
	{
	padding-top: 10px;
	text-align: center;
	width:50%;
	height: 30px;
	color:rgb(120,0,0);
	background-color: rgb(200,200,200);
	}
	
#contact-s:hover
	{
	color:rgb(170,0,0);
	background-color: rgb(220,220,220);
	}
	
#contact-g2
	{
	padding-top: 10px;
	text-align: center;
	float: right;
	width:50%;
	height: 30px;
	color:rgb(120,0,0);
	background-color: rgb(200,200,200);
	}
	
#contact-s2
	{
	padding-top: 10px;
	text-align: center;
	width:50%;
	height: 30px;
	color:rgb(220,0,0);
	}
	
#contact-g2:hover
	{
	color:rgb(170,0,0);
	background-color: rgb(220,220,220);
	}
	
#cf-name
	{
	width: 100%;
	}
	
#cf-e-mail
	{
	width: 100%;
	}
	
#cf-text
	{
	width: 100%;
	}
	
p
	{
	margin: 0;
	}