body {
  font-family: Trebuchet MS;
  font-size: 13px;
}
h1,h2,h3 {
  font-family: Trebuchet MS;
}
h1 {
  font-size: 20px;
}
h2 {
  font-size: 17px;
}
h3 {
  font-size: 14px;
}

p {
  margin: 0px;
}

#content {
  width: 960px;
	margin: 0px auto;
}

#header {
}

#navi {
	margin: 20px 0px 0px 0px;
	height: 20px;
	width: 380px;
	float: left;
}

#navi ul {
  list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#navi li {
  float: left;
  margin: 0px 18px 0px 0px;
	padding: 0px;
	font-size: 13px;
}

#navi li a {
  color: #000;
	text-decoration: none;
}

#navi li a:hover, #navi li a.selected{
  color: #176A69;
}

#thumbs {
  float: left;
	margin: 20px 0px 0px 0px;
	width: 320px;
}

#thumbs img {
  margin: 0px 5px 5px 0px;
  opacity:0.4;
  filter:alpha(opacity=40);
	cursor: pointer;
}

#thumbs img:hover {
  opacity:1.0;
  filter:alpha(opacity=100);
}

#thumbs img.selected {
  opacity:1.0;
  filter:alpha(opacity=100);
}


#controls {
  width: 513px;
	height: 25px;
	background: url(teippi.png);
  float: right;
	margin: 20px 55px 0px 0px;
	position: relative;
	text-align: center;
}

#controls #edellinen {
  position: absolute;
	left: 15px;
	top: 2px;
	cursor: pointer;
}

#controls .otsikko {
  color: #176A69;
  display: none;
}

#controls .otsikko.selected {
  display: block;
}

#controls #seuraava {
  position: absolute;
	right: 15px;
	top: 2px;
	cursor: pointer;
}

#kuva {
   float: right;
	 margin: 15px 4px 0px 0px;
   width: 630px;
   position: relative;
}

#kuva div {
  display: none;
  text-align: center;
}

#kuva div.selected {
  display: block;
}

#teksti {
 margin: 10px 0px 0px 0px;
 float: left;
}
.clearer {
  clear: both; 
}

a img {
  border: 0px;
} 

.hidden {
  display: none;
}

td {
  padding: 0px;
  margin: 0px;
}