body, html { margin: 0px; padding: 0px; height: 100%; }
body { text-align: center; font-family: arial, sans serif; font-size: 80%; color: #fff; }

a { text-decoration: none; color: #fff; }
a:hover { color: #ffd33c; }
a img { border: 0px; }

#wrapper { background: #000; }
#mainframe { background: #000; }

#body { width: 880px; height: 100%; margin: auto; background: url(/images/henriktoinentausta.jpg) center center repeat #000; text-align: left; }
	#header { background: #000; text-align: center; padding-top: 5px; }
		#navi { text-align: center; height: 30px; font-family: arial narrow, arial, sans-serif; font-size: 13pt; }
			#navi ul { margin: 0px; padding: 0px; }
			#navi li { list-style-type: none; display: inline; margin: 0px 10px; }
			#navi li a {  }
			
		#content { padding: 10px 25px; width: 630px; float: right; min-height: 350px; }
			#sidebar { width: 200px; }
			#subnavi { padding: 25px 10px;  }
				#subnavi ul { margin: 0px; padding: 0px; }
				#subnavi li { list-style-type: none; }

.clear { clear: both; }