* {margin: 0;}

body {
	background-image: url(tausta3.jpg);
	color: #0e0603;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	font-family: Arial, Helvetica, sans-serif; */
/* 	font-family:Verdana, Arial, Helvetica, sans-serif; */
	font-family:Georgia, "Times New Roman", Times, serif;  
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1.5em; 
	background-color: #ffffff;
	background-repeat: repeat;
}

#hattu {
	width:687px;
	height:99px;
	background-image: url(hattu.jpg);
	padding-left:170px;
}
#content {
	width:557px;
/*	height:312px; */
	background-image: url(kartta2.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;   

/*	padding-top: 185px; */
	padding-right: 160px;
	padding-bottom: 0px;
	padding-left: 140px;
}

#contentfull {
	width:557px;
/*	height:312px; */
	background-image: url(kartta2.jpg);
	background-repeat: no-repeat;
	padding-top: 75px;   

/*	padding-top: 185px; */
	padding-right: 160px;
	padding-bottom: 0px;
	padding-left: 140px;
}

#valikko {width: 198px;position:absolute;top:116px;left:570px;height:120px;}

#content a {color:#924520;border-bottom:1px dotted #aaa;text-decoration: none;}
#content a:visited {color:#924520}
#content a:hover {color:#000;background:#d6c982;border-bottom:1px solid #aaa;}

h1 {font-size:160%;margin-top:0em;margin-bottom:.5em;letter-spacing:-0.03em;word-spacing:-0.03em;color:#0e0603}
h2 {font-size:140%;margin-top:0em;margin-bottom:.5em;letter-spacing:-0.02em;word-spacing:-0.02em;color:#a56d21;}
h3 {font-size:120%;margin-top:1.5em;margin-bottom:.5em;letter-spacing:-0.01em;word-spacing:-0.01em;}
h4 {font-size:100%;margin-top:1.5em;margin-bottom:.5em;}
h5 {font-size:80%;margin-top:1.5em;margin-bottom:.5em;letter-spacing:0.0em;word-spacing:0.1em;}
h6 {font-size:70%;margin-top:1.5em;margin-bottom:.5em;letter-spacing:0.1em;word-spacing:0.2em;}

#erotin {border-bottom:1px dotted #a29350;margin-top:1.5em;margin-bottom:.5em;}

#copy {text-align:left;font-size:70%;word-spacing:0.1em;font-family:Verdana, Arial, Helvetica, sans-serif;color:#a29350}
#copy a {text-decoration:none;border:0px;color:#a29350}
#copy a:visited {text-decoration:none;border:0px;color:#a29350}
#copy a:hover {border-bottom: 1px solid #aaa;color:#a29350}

.dropcap{
 display:block;
 float:left;
 width:45px;
 height:45px;
 font-size:300%;
 text-align:center;
 line-height:1.2em;
 margin-right:0.1em;
 background-repeat:no-repeat;
 background-position:center; 
 background-image:url(drop_cap.gif);
 font-family:Georgia, "Times New Roman", Times, serif;
 font-weight:bold;
/* color:#793f1b; */
}

/* b {color:#793f1b;} */

#etusivu {margin-top:-134px;margin-left:-6px;}

#kuvatoikea {margin: 40px 0px 0px 15px;padding: 0px 0px 0px 0px;float:right;width:170px;}
#kuva {margin: 40px 0px 0px 15px;padding: 0px 0px 0px 0px;float:right;width:170px;height:251px;background: url("kuva_laiva.jpg") 16px 22px no-repeat;}
#kuvalevy {margin: 40px 0px 0px 15px;padding: 0px 0px 20px 0px;float:right;width:170px;height:251px;background: url("kuva_levy.jpg") 16px 22px no-repeat;}
#kuvajarno {margin: 0px 0px 0px 15px;padding: 0px 0px 0px 0px;width:170px;height:251px;background: url("kuva_jarno.jpg") 16px 22px no-repeat;}
#kuvajarno2 {margin: 15px 0px 0px 15px;padding: 0px 0px 0px 0px;width:170px;height:251px;background: url("kuva_jarno2.jpg") 16px 22px no-repeat;}
#kuvajanne {margin: 0px 0px 0px 15px;padding: 0px 0px 0px 0px;width:170px;height:251px;background: url("kuva_janne.jpg") 16px 22px no-repeat;}
#kuvajanne2 {margin: 15px 0px 0px 15px;padding: 0px 0px 0px 0px;width:170px;height:251px;background: url("kuva_janne2.jpg") 16px 22px no-repeat;}

#kuvajussi {margin: 0px 0px 0px 15px;padding: 0px 0px 0px 0px;width:170px;height:251px;background: url("kuva_jussi5.jpg") 16px 22px no-repeat;}
#kuvajussi2 {margin: 15px 0px 0px 15px;padding: 0px 0px 0px 0px;width:170px;height:251px;background: url("kuva_jussi7.jpg") 16px 22px no-repeat;}
#kuvajussi3 {margin: 15px 0px 0px 15px;padding: 0px 0px 0px 0px;width:170px;height:251px;background: url("kuva_jussi6.jpg") 16px 22px no-repeat;}

#kuvateuvo {margin: 15px 0px 0px 15px;padding: 0px 0px 0px 0px;width:170px;height:251px;background: url("kuva_teuvo.jpg") 16px 22px no-repeat;}

#kuvateuvo2 {margin: 15px 0px 0px 15px;padding: 0px 0px 0px 0px;width:170px;height:251px;background: url("kuva_teuvo3.jpg") 16px 22px no-repeat;}

#kuvakompassi {margin: 40px 0px 0px 20px;padding: 0px 0px 20px 0px;float:right;width:170px;height:251px;background: url("kuva_kompassi.jpg") 16px 22px no-repeat;}
#kuvabandi {mmargin: 40px 0px 0px 20px;padding: 0px 20px 0px 0px;float:right;width:400px;height:289px;background: url("kuva_bandi.jpg") 46px 50px no-repeat;}

#kuvaoikea {padding: 0px 20px 20px 0px;float:right;}


#keikkalista td img {border:1px solid #924520;margin:1px;text-decoration:none;}
#keikkalista td a {text-decoration:none;border:0px;}
#keikkalista td a img {text-decoration:none;border:0px;}
#keikkalista td a:hover {border:0px;text-decoration:none;}

.tumma {background:#9b4e29;color:#fff;}

/* ---------------- table ---------------- */

/*
  project: CSS - table design
  type: stylesheet
  description: golden style
  edited: 14.09.2005, Michael Horn
*/
#albumi {
  border-collapse: collapse;
  border: 2px solid #996;
  font: normal 80%/140% verdana, arial, helvetica, sans-serif;
  color: #333;
  background: #faf7d1;
  margin-left:20px;
  }
#albumi caption {
  padding: 0 .4em .4em;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
  background: transparent;
  }
#albumi th {background: #c8ba7f;}
#albumi td, #albumi th {
  border: 1px solid #cc9;
  padding: .3em;
  }
#albumi thead th, #albumi tfoot th {
  border: 1px solid #cc9;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  color: #444;
  background: #dbd9c0;
  }
#albumi tbody td a {
  background: transparent;
  color: #72724c;
  text-decoration: none;
  border-bottom: 1px dotted #cc9;
  }
#albumi tbody td a:hover {
  background: transparent;
  color: #666;
  border-bottom: 1px dotted #e7daa2;
  }
#albumi tbody th a {
  background: transparent;
  color: #72724c;
  text-decoration: none;
  font-weight:bold;
  border-bottom: 1px dotted #cc9;
  }
#albumi tbody th a:hover {
  background: transparent;
  color: #666;
  border-bottom: 1px dotted #e7daa2;
  }
#albumi tbody th, #albumi tbody td {
  vertical-align: top;
  text-align: left;
  }
#albumi tfoot td {
  border: 1px solid #996;
  }
#albumi .odd {
  color: #333;
  background: #f7f5dc;
  }
#albumi tbody tr:hover {
  color: #333;
  background: #e7daa2;
  }
#albumi tbody tr:hover th,
#albumi tbody tr.odd:hover th {
  color: #333;
  background: #ddd59b;
  }
  
  /* L I G H T B O X */ 
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
	
/* ----------------------- form  ---------- */ 

form {margin: 0px;}
#contact-form label {float:left;width: 20%;font-size: 90%;margin-left: 1.2em;}
#contact-form div {clear:left;margin: 0.4em 0 0.6em 0;}
#contact-form fieldset {border: 1px solid #924520; margin:20px;}
#contact-form legend {color: #924520;margin:20px;}
#contact-form fieldset label {margin-left: 0.4em;}
#contact-form .txt {width: 70%;border: 1px solid #89B1CA;}
#contact-form textarea.txt {width: 77%;}
#contact-form .btn {border: 2px solid #000;background-color: #924520;color: #FFFFFF;padding: 0.4em;}
#contact-form div.submit {text-align: center;margin:20px;}