body {



	margin: 0px auto;
	text-align: center;

	padding: 0px;
	background: #d8d9cb url(gfx/tausta.jpg) repeat-x left top;
}




.tausta {
	width: 1180px;
	height: 817px;
	margin: 0px auto 0px auto;
	text-align: left;
	padding: 0px 0px 0px 0px;
		border: 0px;
		
		background: #d8d9cb url(gfx/tausta_varjo.jpg) no-repeat left top;


}



.wrap {
	width: 1024px;
	height: 735px;
	margin: 28px 0px 0px 78px;
	text-align: left;
	padding: 0px 0px 0px 0px;
		border: 0px;
float:left;
	background: #fff url(gfx/wrap_kuva.jpg) no-repeat 0px 124px;

}

.wrap_ref {
	width: 1024px;
	height: 735px;
	margin: 28px 0px 0px 78px;
	text-align: left;
	padding: 0px 0px 0px 0px;
		border: 0px;
float:left;
	background: #fff;

}
.header {
	margin:  0px 0px 0px 0px;
	padding: 0px;
	background: #fff url(gfx/header_logo.jpg) no-repeat left top;
	width: 1024px;
	height: 110px;
	float:left;
}



.txt_index {
	width: 500px;
	height: 535px;
float:left;
	margin: 10px 0px 0px 520px;
	padding: 0px;
	background: #fff url(gfx/index_img_01.jpg) no-repeat right bottom;
	text-align:left;
}


.txt_yhteystiedot {
	width: 500px;
	height: 535px;
float:left;
	margin: 10px 0px 0px 523px;
	padding: 0px;
	background: #fff url(gfx/yhteystiedot_img_01.jpg) no-repeat right bottom;
	text-align:left;
}

.txt_kohteita {
	width: 500px;
	height: 535px;
float:left;
	margin: 10px 0px 0px 523px;
	padding: 0px;
	background: #fff;
	text-align:left;
}




.footer {
	width: 1024px;
	height: 87px;
float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

		background: #61662c url(gfx/footer_kuva.jpg) no-repeat left top;
clear:both;

}




a:link, a:active, a:visited  {
	font: 11px verdana, sans-serif;
	color: #000;

	text-decoration: none;
	
}

a:hover {
	font: 11px verdana, sans-serif;
	color: #000;
	text-decoration: underline;

}




ul {
		list-style-type: disc;
	list-style-position: outside;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float:left;
}

li {
	font: 11px verdana, sans-serif;
	color: #000;
	margin: 0px;
	padding:0px 0px 0px 0px;
line-height:14px;

}





p {
font: 16px  'EB Garamond', verdana, serif;;
	color: #4f4f4f;
	margin: 0px 70px 15px 0px;
	padding: 0px;
line-height:20px;
clear:both;
}









h1 {
font: 20px  'EB Garamond', arial, serif;;
color: #61662c;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
letter-spacing: 0px;
text-transform:uppercase;
line-height:28px;
}

h1:first-letter {
font: 26px  'EB Garamond', arial, serif;;
color: #61662c;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
letter-spacing: 0px;
text-transform:uppercase;
line-height:28px;
}



h2 {
font: bold 16px  'EB Garamond', verdana, serif;;
	color: #4f4f4f;
	margin: 0px 0px 15px 0px;
	padding: 0px;
line-height:20px;
clear:both;
}



div.header ul {
 	
list-style-type: none;
margin: 20px 115px 0px 0px;
padding: 0px 0px 0px 0px;
float:right;
display:inline;


}

div.header li {
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
	display: inline;
		font: 14px verdana;
	color: #777d34;
}



div.header a {
	font: 13px verdana;
	color: #888;
	text-decoration: none;
	text-transform: uppercase;
}

div.header a:hover {
	font: 13px verdana;
	color: #555;
	text-decoration: none;
		text-transform: uppercase;
}

div.header .open {
	font: 13px verdana;
	color: #555;
	text-decoration: none;
		text-transform: uppercase;
}



div.footer p {
font: 16px  'EB Garamond', verdana, serif;;
	color: #fff;
	margin: 37px 0px 0px 45px;
	padding: 0px;
line-height:20px;
clear:both;
letter-spacing:1px;
}

.ennen {
width:480px;
height:345px;
border:solid 1px #ddd;	
display:inline;	
float:left;
	margin: 6px 20px 0px 20px;
}

.jalkeen {
width:480px;
height:345px;
border:solid 1px #ddd;	
display:inline;	
float:left;
	margin: 6px 0px 0px 0px;
}



.seuraava {
	margin: 160px 0px 0px 435px;
	z-index:5;
	position:absolute;
}

.next_img {
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
border:0px;
}

.next_img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
border:0px; 
}


.edellinen {
	margin: 160px 0px 0px 10px;
	z-index:5;
	position:absolute;
}

.prev_img {
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
border:0px;
}

.prev_img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
border:0px; 
}

.zoom {
	margin: 320px 0px 0px 450px;
	z-index:5;
	position:absolute;
}


.zoom_img {

-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
border:0px;
}

.zoom_img:hover {

-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
border:0px; 
}

.jalkeen_txt {
		margin: 320px 0px 0px 10px;
	z-index:5;
	position:absolute;
	font: 14px  verdana, serif;;
	color: #fff;

	padding: 0px;
line-height:20px;
clear:both;
text-transform:uppercase;
}


.ennen_txt {
		margin: 320px 0px 0px 420px;
	z-index:5;
	position:absolute;
	font: 14px  verdana, serif;;
	color: #fff;

	padding: 0px;
line-height:20px;
clear:both;
text-transform:uppercase;
}




.referenssi_navi {
width:980px;
height:150px;

float:left;
clear:both;
	margin: 20px 0px 22px 23px;


}



.ref_select_div {


	margin: 0px 37px 10px 37px;

	width:170px;
display: inline;  
float:left;

}

.ref_select_div a {
text-decoration:none;
text-transform: uppercase;
}



.ref_select {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
border:0px;
clear:both;
float:left;
}

.ref_select:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
border:0px; 
clear:both;
float:left;
}

.ref_select_open {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
border:0px; 
clear:both;
float:left;
}