body	{
	font-family:verdana;
}

#kehys	{
	position:relative;
	width:1024px;
	height:900px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#kuva {
	position:relative;
	width:1024px;
	height:900px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-image:url('tausta.png');
	background-repeat:no-repeat;
	}


#yla	{
	position:absolute;
	top:0px;
	left:20px;
}

#vasen	{
	position:absolute;
	top:80px;
	left:0px;
	width:25%;
	text-align:right;
}

#viiva	{
	position:absolute;
	top:80px;
	left:24%;
	height:90%;
	background-image:url('viiva.png');
	background-repeat:repeat-y;
	z-index:1;
}

#oikea	{
	position:absolute;
	top:70px;
	left:26%;
	width:74%;
}

#ala	{
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;

}

p {
	margin:10px;
}

ul, li {
	list-style-type:none;
	margin:10px;
}

a, a:visited	{
	text-decoration:none;
	color:black;
}

a:hover {
	color:red;
}

.floated_img
{
    float:left;
	padding:6px;
}

#thumbs { padding-top: 10px; overflow: hidden; }

#thumbs img, #largeImage {
 border: 1px solid gray;
 padding: 4px;
 background-color: white;
 cursor: pointer;
}
#thumbs img {
 float: left;
 margin-right: 6px;
 margin-bottom: 6px;
}
#description {
 background: #717376;
 color: white;
 position: absolute;
 bottom: 0;
 padding: 2px 2px;
  width: 525px;
 margin: 5px;
}
#panel { position: relative; }