*{margin:0; padding:0}
body{background:#000}
div#top{height:160px; background: url(img/top.jpg) no-repeat left;overflow:hidden;}
div#top h1{width:316px; height:160px;  background: url(img/topper.jpg) no-repeat; float:right; margin-right:30px}
div#mid{min-height: 483px; background: #E8E8E8 url(img/white.jpg) repeat-x top; border-top: solid 5px #fff; border-bottom: solid 5px #fff;}

		.container { margin:0 auto; margin-top:20px; width:600px; overflow:hidden; position:relative;  background: #fff; border: solid 1px #ddd; -moz-border-radius:20px }
		.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
		.slides li { position:absolute; top:0; width:560px; display:none; padding:0; margin:0; padding: 20px;  }
		.slides li h2{font: 19px tahoma; padding-bottom:5px; margin-bottom:10px; border-bottom: dotted 1px #ddd;  color: #436998}
		.slides li h2 small{font: 14px tahoma; color:#bbb;}
		.slides li p{font: 11px 'trebuchet ms'; padding-top:5px; margin-top:5px; border-top: dotted 1px #ddd; color:#999}
		
	#navi{ width: 700px; margin:auto; overflow:hidden; height:30px;}
	a#left{height:44px; width:38px; display:block; background: url(img/left.gif) top; outline:0; position:absolute;  top:260px;}
	a#left:hover{background-position: 0 -45px}
	a#left:active{background-position: 0 -90px}
	
	a#right{height:44px; width:38px; display:block; background: url(img/right.gif) top; outline:0; position:absolute;  top:260px; margin-left:662px }
	a#right:hover{background-position: 0 -45px}
	a#right:active{background-position: 0 -90px}
	
		ul.pagination { list-style:none; text-align:center;}
		ul.pagination li  { display:inline; border: solid 1px #bbb;  font-size:5px; margin:0 3px; background:#fff; -moz-border-radius:50px}
		ul.pagination li a { padding: 5px; outline:0 }
		ul.pagination li:hover {border-color:  #436998}
		ul.pagination li.active { background:#436998; border-color:  #436998 }
	
#bot{height:160px;  overflow:hidden}
#bot span{float:right; padding-top:3px; margin-right:30px; font: 11px tahoma; color:#555;}
#bot span a{color:inherit; text-decoration:none; border-bottom: solid 1px #222;}
#bot span a:hover{border-color:#666}

#hobbies img{margin-left:15px; vertical-align:top}
#hobbies img:hover{opacity:0.9}
#hobbies_boxes { text-align:center; clear:both; float:none; font: 11px 'lucida sans unicode'; color:#333; width:650px;padding-top:5px;} 
#hobbies_boxes div{display:none; position:absolute; text-align:center; width:650px; }