/* CSS Document */

body {
  text-align: center;
  background-color: #000;
}


/* Sivun keskitys */

#container {
	position:absolute;
	width:800px;
	left:50%;
	margin-left:-400px;
	top: 0px;
	height: 600px;
	text-align:center;
	background-color: transparent;
	}

/* elementit */

#ylapalkki {
	position:absolute;
	top:0px;
	left:0px;
	width: 800px;
	height:311px;
	background-image:url(kuvat/ruma_www_02.jpg);
	}
	
#keskipalkki {
	position:absolute;
	top:311px;
	left:0px;
	width: 800px;
	height:287px;
	background-image:url(kuvat/ruma_www_04.jpg);
	}	

#vasenpalkki {
	position:absolute;
	top:0px;
	left:0px;
	width: 50%;
	height:598px;
	background-image:url(kuvat/ruma_www_01.jpg);
	}	

#oikeapalkki {
	position:absolute;
	top:0px;
	right:0px;
	width: 50%;
	height:598px;
	background-image:url(kuvat/ruma_www_03.jpg);
	}	

#linkkipalkki {
	position:absolute;
	top:295px;
	left:50px;
	width: 330px;
	height:20px;
	background-color:transparent;
	text-align:left;
	overflow:visible;
	}	

#tekstialue {
	position:absolute;
	top:335px;
	left:22px;
	width: 280px;
	background-color:#c3bf76;
	text-align:left;
	padding:0px 28px 15px 28px;
	}	

#kuvat {
	position:absolute;
	top:330px;
	left:50px;
	width:404px;
	height:473px;
	background-color:transparent;
	border:0px;
}
	
#copyright {
	position:absolute;
	top:590px;
	right:45px;
	background-color:transparent;
	text-align:right;
	}	


/* tekstit */
a:link { 
	text-decoration: underline;
	color: #000;
}
	
a:visited { 
	text-decoration: underline;
	color: #000;
}
	
a:hover, a:active { 
	text-decoration: none;
	color: #000;
}

.otsikko {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 20px;
color: #000;
line-height: 20px;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 20px;
color: #000;
line-height: 20px;
}

.leipis {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
line-height: 15px;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
line-height: 15px;
}

.linkit {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
}

			.linkit a:link { 
			color: #FFF;
			} 

			.linkit a:visited { 
			color: #FFF;
			} 

			.linkit a:hover, a:active { 
			color: #FFF;
			} 

.copyright {
font-family:Arial, Helvetica, sans-serif;
font-size: 9px;
color: #2f2f31;
}

			.copyright a:link { 
			text-decoration: none; 
			color: #2f2f31;
			} 

			.copyright a:visited { 
			text-decoration: none; 
			color: #2f2f31;
			} 

			.copyright a:hover, a:active { 
			color: #2f2f31;
			} 
#kupla {
	position:absolute;
	top:472px;
	left:605px;
	background-color:transparent;
	border:0px;
}


/* kuvat */
#small1{
	position:absolute;
	top:460px;
	left:180px;
	background-color:transparent;
}

#small1 img {
	border: none;
}

#small2{
	position:absolute;
	top:355px;
	left:40px;
	background-color:transparent;
}

#small2 img {
	border: none;
}

#small3{
	position:absolute;
	top:495px;
	left:40px;
	background-color:transparent;
}

#small3 img {
	border: none;
}

#small4{
	position:absolute;
	top:585px;
	left:190px;
	background-color:transparent;
}

#small4 img {
	border: none;
}

#small5{
	position:absolute;
	top:330px;
	left:210px;
	background-color:transparent;
}

#small5 img {
	border: none;
}

#small6{
	position:absolute;
	top:690px;
	left:330px;
	background-color:transparent;
}

#small6 img {
	border: none;
}