* {margin: 0; padding: 0;}

body {
	background: #FFFFFF url(img/bg.jpg) repeat-x;
	color: #222;
	font: normal 62.5% arial;
	padding: 20px 0;
}

a {color: #642;}
a:hover {color: #963;}

big {font-size: 1.1em;}

h1,h2,h3 {color: #442; padding: 8px 0 2px;}

h1 {font: normal 2.4em  font-family: Arial, Helvetica, Verdana, sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 1.6em  font-family: Arial, Helvetica, Verdana, sans-serif;}
h3 {font: bold 1.2em font-family: Arial, Helvetica, Verdana, sans-serif;}

blockquote {
	background: url('img/quote.gif') no-repeat;
	display: block;
	font: normal 1.1em Georgia,serif;
	padding-left: 26px
}

form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
/*li {line-height: 1.5em;}*/
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em sans-serif;}
ul {padding: 0 2em 1.2em;}

/* structure */
#wrapper {
	background: #1E3943 url(img/wrapper.gif) no-repeat left bottom;
	margin: 0 auto;
	width: 762px;
}
#container {
	background: #FFFFFF;
	border-top: 6px solid #1E3943;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto;
	width: 750px;
}

.kuvat {
        position:absolute;  /* Tämä nappi on sijoitettu toisena, mutta se 
                               kuitenkin vasemmassa yläkulmassa lomaketta. */
 
        right:0px;
        bottom:0px;
      }      
      
.v_line {
	border-top: 1px dashed #BCBAAC;
	margin: 0px 0;
	padding: 0;
	width: 100%;
}

p.img2 {border: 1px solid #1E3943;  margin: 0px; position: absolute; bottom: 10%;}
.img3 {border: 1px solid #1E3943; margin: 20px;}
.img_forsale {border: 1px solid #1E3943; margin-left: 5px;}
/* header */
.title {
	background: #E2DED4 url(img/header-h1.jpg) repeat-x;
	
	
}
.title h1 {
	color: #441;
	font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
	padding: 10px 0 10px 18px;
}

.header {
	
	background: #DAD7C5 url(img/header2.jpg) no-repeat left bottom;
	height: 197px;
}


/* navigation */
.navigation {
	background: #DED9D0 url(img/nav.gif) repeat-x; height: 41px; 
	border-top: 0px solid #996;
}


.navigation a {
	background: #FFF url(img/nav.gif) repeat-x;
	border-right: 1px solid #C9C6B3;
	color: #553;
	float: left;
	font: bold 1em Tahoma,sans-serif;
	padding: 0 14px;
	line-height: 41px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover,.navigation a#active {background-position: left bottom; color: #1E3943;}
.navigation .pic {
	background:  url(img/logo_bottom.jpg) no-repeat right top;
	border-top: none;
	
}

/* main */
.main {overflow: hidden;
}

/* bottom */
.bottom {
	background: #DCDAC9 url(img/bottom.gif) no-repeat left bottom;
	border-top: 1px solid #AA8;
	color: #444;
	padding: 14px 20px;
}
.bottom .left {width: 69%;}

.bottom .right { width: 29%;}
.forsale_header{
	padding-left: 20px;
}

/* footer */
.footer {
	background: #1E3943;
	color: #EED;
	padding: 10px;
}
.footer .left {width: 66%;}
.footer .right {
	width: 33%;
	text-align: right;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* gallery */
.gallery td {
	vertical-align: top;
	text-align: center;
}
.gallery em {display: block;}

/* misc */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {
	width: 33%;
	
}
.col2 .l {
	width: 33%;
	float: left;
}

.col2 .right .content {background: #FFF;}
.col2 .right {width: 64%;}
.forsale {
	<!--overflow: auto; -->
	
	
}
	
}

.content {
	padding: 28px 20px; 
	border: 0px solid #1E3943;
	
	
	}
.content_forsale {
	padding: 0px 2px; 
	border: 0px solid #1E3943;
	overflow:hidden;
	position:relative;
}
	
.inneriframe{
	position:absolute;
	top:-412px;
	left:0px;
	width:1280px;
	height:1200px;
	}

.contact {
	background:  url(img/dashed.jpg) no-repeat left top;
	margin-top:20px;
	margin-left: 20px;
	min-height: 100px;
	padding: 10px;
}



.left {float: left;
	 padding-bottom: 1000em;
	 margin-bottom: -1000em;

	}
.right {	
	float: left;
	 padding-bottom: 1000em;
	 margin-bottom: -1000em;
	margin-left: 20px;
}

.alas {	
	float: right;
	
	
}
.over { 
	overflow: auto; 
	min-height: 500px;
	max-height: 500px;
}

/* block list */
ul.block {
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 90%;
}
.block li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}

.block li em {
	font-size: 0.9em;
	font-style: normal;
}

.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 1em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(img/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
/* sidebar & text container /////////////////////////////////////////////////////////// */
#sidebar {
  	float:                          left;
  	position:                       relative;
  	top:                            20px;
  	width:                          230px;
  	height:                         auto;
}

/* left navigation //////////////////////////////////////////////////////////////////// */
#sidelinks {
	width:                          230px;
	background:                     url(img/h1.gif)  no-repeat 209px 0px;
	padding:                        16px 0 0 10px;
  	border-right:                   1px dotted #dcdcdc;
}

#sidelinks h1 {
  	display:                        inline;
  	height:                         40px;
  	color:                          gray;
  	font-family:                   'trebuchet ms', verdana, arial, helvetica, sans-serif;
  	font-size:                      1.8em;
  	font-weight:                    bold;
  	text-transform:                 lowercase;
}

#sidelinks li {
	padding:                        2px 0 2px 19px;
	background:                     url(img/rarrow.gif) no-repeat 8px 8px;
	border-top:                     1px dotted #dcdcdc;
	list-style-type:                none;
}

#sidelinks a {
  	color:                          gray;
  	font-family:                    verdana, arial, helvetica, sans-serif;
  	font-size:                      0.9em;
  	text-decoration:                none;
}

#sidelinks a:hover {
	border-bottom:                  1px dotted #666666;	
}