body {
	background: #303d48 url('img/bgkukka.jpg');

}

p, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #303D48;
	margin-left: 25px;
	margin-right: 185px;
	text-align: left;
	line-height: 130%;
}

.isoteksti {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #303D48;
	margin-left: 25px;
	margin-right: 185px;
	text-align: left;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #303D48;
	margin-left: 25px;
	margin-right: 185px;
	text-align: left;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #303D48;
	margin-left: 25px;
	margin-right: 185px;
	text-align: left;
}


a:link {
	color: #303d48;	
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #303d48;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #5c7082;
	text-decoration: underline;
	font-weight: bold;
	
}

a:active {
	color: #fff;
	font-weight: bold;
	
}

img{
	border: solid #000 0px;
}

a.linkopacity img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;-khtml-opacity: 1.0; }
a.linkopacity:hover img {filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;-khtml-opacity: 0.75; }

#loota {
	background: #e2e4e5 url('img/bg.jpg') repeat-y ;
	width: 668px;
	margin-left: auto;
	margin-right: auto;
}

#top {
	background: url('img/top.jpg');
	width: 668px;
	height: 122px;
}

#linklist {

	width: 187px;
	float: right;
	margin-right: 9px;
	height: 556px;
	background: url('img/linkbg.jpg') no-repeat;
}

.piste {margin-top: 691px;}


.linktext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #303D48;
	margin-top: 135px;
}

.otsikko {
	margin-top: 18px;
	margin-left: 9px;
	height: 39px;
	width: 453px;
}

.vieraskirja {
	margin-left: 15px;
	text-align: center;
}

#bottom {
	background: url('img/bottom.jpg') no-repeat;
	height: 99px;
	width: 668px;

}

.kopyriteksti {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #303D48;
	text-align: center;
	padding-top: 70px;
}

#linkkiaita {
	height: 410px;
	width: 455px;
	margin: 0px;
}

#linkkivasen {
	position: absolute;
	margin-left: 0px;
	margin-top: 0px;
}

#linkkikeski {
	position: absolute;
	margin-left: 200px;
	margin-top: 0px;

}

.katselu {
	margin-left: 5px;

}

.gifkatselu {
	float: right;
	margin-right: 12px;
	margin-top: -210px;
}

.gifkatselupois {
	float: right;
	margin-right: 30px;
	margin-top: -70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #303D48;

}

.example1 a{position:relative;}/* set stacking context*/
.example1 a span{
	visibility:hidden;/* hide message initially*/
	position:absolute;
	top:-255px;
	left:-70px;
	width:250px;
	padding:5px;
	background:#e2e4e5;
	color:#fff;
	border:2px inset green;
}
.example1 a:hover{visibility:visible}/* ie bug needed to make span show*/
.example1 a:hover span{visibility:visible;}/* reveal image*/