@charset "UTF-8";
body{
background-color:#000000;
background-image:url(images/bgr.png);
background-position:top;
background-repeat:no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	bottom: auto;
}
#wrap {
background-image:url(images/logo.png);
background-repeat:no-repeat;
background-position:top;
width:745px;
height:100%;
margin:0px auto;
padding:0px;
}

#content{
background: transparent url(images/mainbox.png) no-repeat bottom;
position:relative;
top:0px;
left:0px;
height:570px;
width:745px;
margin: 0px 0px 0px 0px;
}

#content img{
padding:0px;
margin:0px;

}


#logo{
background-position:bottom;
height:20px;
width:100%;
}

#menu {
height:150px;
width:745px;
margin:0px auto;
position:relative;
top:1px;
left:0px;



}

#menu .navi {
position: relative;
top:0px;
left: 0px;
padding:0px;
margin:0px auto;
list-style:none; 
width:744px;

}

#menu ul.navi li{

margin: 0px 0px 0px 0px;
display: block;
padding:0px;
height:150px;
width:123px;
float:left;
position:relative;
top:1px;
left:2px;
}
#menu ul.navi li span { display: none; }

/*
	// tervetuloa
	// referenssit
	// kuvat
	// pumput
	// contact
	// linkit
*/

li#tervetuloa { background: transparent url(images/tervetuloa1.png) top left; }
li#referenssit { background: transparent url(images/referenssit1.png) top left; }
li#kuvat { background: transparent url(images/kuvat1.png) top left; }
li#pumput { background: transparent url(images/pumput1.png) top left; }
li#contact { background: transparent url(images/contact1.png) top left; }
li#linkit { background: transparent url(images/linkit1.png) top left; }

#menu img { opacity: 0.0;}

#content .tervetuloa{
position: relative;
display: block;
top: 40px;
left: 10px; 
height:400px;
width:480px;
margin:0px auto;
}

.tervetuloa h1{
	text-align:left;
	font-size:14px;
	margin: 0px 0px 0px 0px;
	color:#660000;

}
.tervetuloa p{
	text-align:justify;
	margin:0px 0px 0px 0px;
		line-height:17px;
}

#content .referenssit{
position: relative;
display: block;
top: 40px;
left: 10px; 
height:400px;
width:480px;
margin:0px auto;
}

.referenssit h1{
text-align:center;
	font-size:14px;
	margin: 0px 0px 0px 0px;
	color:#660000;
}

.referenssit p{
	text-align:center;
	line-height:10px;
}

#content .kuvat {
	position: relative;
	display: block;
	height:400px;
	width:480px;
	margin:0px auto;
	left:10px;
	top:20px;
}

#content .kuvat h1{
text-align:left;
	font-size:14px;
	margin: 10px 0px 0px 0px;
	color:#660000;
	
	}
#content .pumput{
position: relative;
display: block;
top: 40px;
left: 10px; 
height:400px;
width:480px;
margin:0px auto;
}

.pumput h1{
text-align:left;
	font-size:14px;
	margin: 0px 0px 0px 0px;
	color:#660000;

}


.pumput h2{
text-align:center;
	font-size:14px;
	color:#660000;
	font-weight:bold;
	margin: 0px 0px 0px 0px;

}

.pumput p{
	text-align:justify;
		line-height:17px;

}

#content .contact{
position: relative;
display: block;
top: 20px;
left: 10px; 
height:350px;
width:480px;
margin:0px auto;
}

.contact h1{
text-align:center;
font-size:14px;
color:#660000;
font-weight:bold;
margin: 0px 0px 0px 0px;

}

.contact p{
text-align:center;
font-size:14px;
line-height:11px;
	}
	
#content .lamppu {
position:relative;
left: 10px; 
bottom: 10px;
height:125px;
width:125px;
}


#content .linkit{
position:relative;
display: block;
top: 30px;
left: 10px; 
height:100%;
height:400px;
width:480px;
margin:0px auto;

}

.linkit h1{
	text-align:left;
	font-size:14px;
	margin: 0px 0px 0px 0px;
}
.linkit p{
text-align:justify;
line-height:17px;
margin: 0px 0px 5px 0px;
}