* { border:0; padding:0; margin:0px; font-family: helvetica, arial, verdana; outline:none; font-weight:normal  }
body { background-color:#000; color:#fff; }

h1,
h2 { 
	margin:20px 0px 10px 0px;
	font-size: 20px;
	font-weight:normal;
	letter-spacing:6px;
}

h3 { 
	margin:20px 0px 10px 0px;
	font-size: 20px;
	letter-spacing:4px;
	color:#ddd;
}

h4 { 
	margin:20px 0px 10px 0px;
	font-size: 14px;
	letter-spacing:2px;
	color:#ea8;
}


td,a,p,li { font-size:12px; line-height: 16px; letter-spacing:1px}

p {
	margin:10px 0px 10px 0px;
	}
	
small {
	font-size:10px;
	}


a,a:active,a:link,a:selected	 { color:#fa8; font-weight:normal }

b { color:#ddd }

ul {
		list-style-type:square;
		padding-left:20px;
	}
	
li {
		padding-bottom:4px;
	}
	
#page {
		margin:auto;
		width:800px;
		background:#000 url(../images/tulikollektiivi.jpg) no-repeat top center;
		padding:120px 10px 10px 10px;
	}

#header {
	display:none;
	}


#imageView {
		position:fixed;
		top:0px;
		left:0px;
		height:100%;
		width:100%;
		padding-top:20px;
		text-align:center;
	}

#imageView img {
	padding:10px;
	background-color:#fff;
	border:solid 2px #222;
	}

.tab { 
	clear:both;	
	display:none;
	padding:10px;
 }

.tab.active { display:block }

#navi {
	list-style-type:none;
	padding:10px;		
}

#navi li { 
	margin-right:10px;
	float:left;
}

	#navi li a {
		color:#bbb;
		text-decoration:none;
		font-size:14px;
		letter-spacing:2px;
		padding:2px 4px 1px 4px;
		display:block;
	}

	#navi li a:hover {
		text-decoration:underline;
		}

	#navi li.active a { color:#fff }
	
#people h4 {
	clear:both;
	padding-top:20px;
	}

#people img {
	width:160px;
	padding:1px;
	border:solid 2px #fff;
}

#people {}
	
#footer,
#footer a {
	font-size:11px;
	margin-top:20px;
	}

#footer {
	clear:both;
	}
	
.pars { width:700px }
	
.par1 { float:left; width: 450px; }

.par2 { float:left; padding-left:20px; width: 230px; }

.end { clear:both; }

.logo { }

.joku { border:solid }