html, body, #wrap 
{
height: auto;
margin: 0; 
padding: 0;
background-color:#2F0B0B;
background-image: url(punainen_tausta.jpg);
background-attachment: scroll;
background-position: 50% 0%;
background-repeat: no-repeat;
width: 100%;
min-width: 920px;


}

body > #wrap {height: auto; min-height: 100%;}

img, div 
{ 
behavior: url(iepngfix.htc) 
}

#main {
position: relative;
left: 50%;
width: 1060px;
padding-bottom: 0px; /* must be same height as the footer, ei tunnu toimivan nykyään, missä vika */
padding-top: 188px;
margin-left: -530px;

}  

#logo {
position: relative;
left: 74px;
top: -174px;

}  

#menu {
position: relative;
left: 366px;
top: -198px;
width: 700px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
letter-spacing: 1px;
font-size: 0.8em;
color: #fdf68c;
z-index: 50;
}  

.menulinkit {
padding-right: 14px;
}

#liput {
position: absolute;
left: 20px;
top: 20px;
z-index: 60;
word-spacing: 3px;
}

#tulostin {
position: absolute;
right: 14px;
top: 14px;

}  

#breadcrumbs {
position: relative;
left: 80px;
top: -151px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
letter-spacing: 1px;
font-size: 0.6em;
color: #fdf68c;
z-index: 10;

}  

#prevnext {
position: absolute;
left: 584px;
top: 164px;
width: 400px;
height: auto;
font-family: 'Trebuchet MS', Verdana, sans-serif;
letter-spacing: 1px;
color: #fdf68c;
font-size: 0.6em;
z-index: 20;
text-align: right;
} 

#vasenpalsta_tausta {
position: relative;
left: 40px;
top: -140px;
width: 480px;
float: left;
min-height: 750px;
border: 1px solid #a22c0a;
}  

#vasenpalsta {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 1;
filter:alpha(opacity=7);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=7);
-moz-opazity:.07;
-khtml-opacity: .07;
opacity:.07;
background-color: #ffc600;
}  

#vasenpalsta_sisalto {
position: relative;
left: 0px;
top: 20px;
width: 400px;
height: auto;
padding-bottom: 40px; 
padding-left: 40px;
padding-right: 40px;
padding-top: 20px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 0.8em;
color: #fdf68c;
z-index: 10;

}  



#vasenpalsta_tausta_v2 {
position: relative;
left: 40px;
top: -140px;
width: 300px;
float: left;
min-height: 550px;
border: 1px solid #a22c0a;
}  

#vasenpalsta_v2 {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 1;
filter:alpha(opacity=7);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=7);
-moz-opazity:.07;
-khtml-opacity: .07;
opacity:.07;
background-color: #ffc600;
}  

#vasenpalsta_sisalto_v2 {
position: relative;
left: 0px;
top: 20px;
width: 210px;
height: auto;
padding-bottom: 40px; 
padding-left: 40px;
padding-right: 40px;
padding-top: 20px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 0.8em;
color: #fdf68c;
z-index: 10;

}  

#talokortti_vasenpalsta_tausta {
position: relative;
left: 40px;
top: -120px;
width: 480px;
float: left;
min-height: 200px;
border: 1px solid #a22c0a;
}  

#talokortti_vasenpalsta {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 1;
filter:alpha(opacity=7);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=7);
-moz-opazity:.07;
-khtml-opacity: .07;
opacity:.07;
background-color: #ffc600;
}  

#talokortti_vasenpalsta_sisalto {
position: relative;
left: 0px;
top: 20px;
width: 400px;
height: auto;
padding-bottom: 40px; 
padding-left: 40px;
padding-right: 40px;
padding-top: 20px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 0.8em;
color: #fdf68c;
z-index: 10;

}  

/* TÄSTÄ ETEENPÄIN TALOKORTIN MUUTTUJAT */

#huoneluku_talokortti {
position: relative;
display:block;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
font-size: 1.6em;
letter-spacing: 1px;
color: #fdf68c;
font-variant:small-caps;
margin-top: 16px;
margin-bottom: 20px;
}  

#tagline {
position: relative;
display:block;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
font-size: 1.5em;
letter-spacing: 1px;
color: #fdf68c;
margin-top: 10px;
margin-bottom: 10px;
}  

#hinta {
position: relative;
display:inline;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
font-size: 1.8em;
letter-spacing: 1px;
color: #fdf68c;
margin-top: 10px;
margin-bottom: 10px;
}  
#hinta_rahti {
position: relative;
display:inline;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
font-size: 1.3em;
letter-spacing: 1px;
color: #fdf68c;
margin-top: 10px;
margin-bottom: 10px;
}  
#hinta_runkoasennus {
position: relative;
display: block;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
font-size: 1.3em;
letter-spacing: 1px;
color: #fdf68c;
margin-top: 10px;
margin-bottom: 10px;
}  
#pieni {
position: relative;
display: block;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
font-size: 0.7em;
letter-spacing: 1px;
color: #fdf68c;
margin-top: 10px;
margin-bottom: 10px;
}  
#viiva {
position: relative;
display: block;
margin-top: 4px;
margin-bottom: 4px;
}  

#thumbnail1 {
position: absolute;
bottom: 35px; 
left: 55px;
display: block;
margin-top: 4px;
margin-bottom: 4px;
z-index: 40;
}  
#thumbnail2 {
position: absolute;
bottom: 35px; 
left: 182px;
display: block;
margin-top: 4px;
margin-bottom: 4px;
z-index: 40;
}  
#thumbnail3 {
position: absolute;
bottom: 35px; 
left: 309px;
display: block;
margin-top: 4px;
margin-bottom: 4px;
z-index: 40;
}  
#lisakuva1 {
position: absolute;
bottom: 35px; 
left: 182px;
display: block;
margin-top: 4px;
margin-bottom: 4px;
z-index: 40;
}  
#lisakuva2 {
position: absolute;
bottom: 35px; 
left: 309px;
display: block;
margin-top: 4px;
margin-bottom: 4px;
z-index: 40;
}  
#lisakuva3 {
position: absolute;
bottom: 35px; 
left: 436px;
display: block;
margin-top: 4px;
margin-bottom: 4px;
z-index: 40;
}  
#lisakuva4 {
position: absolute;
bottom: 35px; 
left: 563px;
display: block;
margin-top: 4px;
margin-bottom: 4px;
z-index: 40;
}  
#lisakuva5 {
position: absolute;
bottom: 35px; 
left: 690px;
display: block;
margin-top: 4px;
margin-bottom: 4px;
z-index: 40;
}  

#talokortti_mallistot {
position: relative;
display: block;
margin-top: 0px;
margin-bottom: 4px;
left: 10px;
}  


#oikeapalsta_tausta {
position: relative;
left: 60px;
top: -140px;
width: 480px;
float: left;
margin-bottom: 20px;
min-height: 750px;
border: 1px solid #a22c0a;
}  

#oikeapalsta {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 1;
filter:alpha(opacity=7);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=7);
-moz-opazity:.07;
-khtml-opacity: .07;
opacity:.07;
background-color: #ffc600;
}  



#oikeapalsta_sisalto {
position: relative;
left: 0px;
top: 20px;
width: 400px;
height: auto;
padding-bottom: 40px; 
padding-left: 40px;
padding-right: 40px;
padding-top: 20px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 0.8em;
color: #fdf68c;
z-index: 10;
}  

#talokortti_oikeapalsta_tausta {
position: relative;
left: 40px;
top: -120px;
width: 500px;
float: left;
min-height: 200px;
}  

#talokortti_oikeapalsta {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 1;
}  

#talokortti_oikeapalsta_sisalto {
position: relative;
left: 0px;
top: 20px;
width: 420px;
height: auto;
padding-bottom: 40px; 
padding-left: 20px;
padding-right: 0px;
padding-top: 20px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 0.8em;
color: #fdf68c;
z-index: 10;
}  


#oikeapalsta_tausta_v2 {
position: relative;
left: 60px;
top: -140px;
width: 660px;
float: left;
min-height: 550px;
border: 1px solid #a22c0a;
}  

#oikeapalsta_v2 {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 1;
filter:alpha(opacity=7);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=7);
-moz-opazity:.07;
-khtml-opacity: .07;
opacity:.07;
background-color: #ffc600;
}  

#oikeapalsta_sisalto_v2 {
position: relative;
left: 0px;
top: 0px;
width: 590px;
height: auto;
padding-bottom: 40px; 
padding-left: 40px;
padding-right: 40px;
padding-top: 40px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 0.8em;
color: #fdf68c;
z-index: 10;
}  


#kuvapohja_tausta {
position: relative;
left: 40px;
top: -140px;
width: 980px;
float: left;
border: 1px solid #a22c0a;
}  

#kuvapohja {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 1;
filter:alpha(opacity=7);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=7);
-moz-opazity:.07;
-khtml-opacity: .07;
opacity:.07;
background-color: #ffc600;
}  

#kuvapohja_sisalto {
position: relative;
left: 0px;
top: 0px;
width: 940px;
height: auto;
padding-bottom: 10px; 
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 0.8em;
color: #fdf68c;
z-index: 10;

}  


#etusivu_alapalsta_wrapper {
position: relative;
left: 68px;
top: -120px;
}  

#etusivu_alapalsta_1_reuna {
position: relative;
left: 0px;
top: 0px;
width: 218px;
float: left;
border: 1px solid #a22c0a;
}  

#etusivu_alapalsta_2_reuna, #etusivu_alapalsta_3_reuna, #etusivu_alapalsta_4_reuna {
position: relative;
left: 15px;
top: 0px;
width: 218px;
float: left;
margin-right: 15px;
border: 1px solid #a22c0a;
}  

#etusivu_alapalsta_1_tausta, #etusivu_alapalsta_2_tausta, #etusivu_alapalsta_3_tausta, #etusivu_alapalsta_4_tausta {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 1;
filter:alpha(opacity=7);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=7);
-moz-opazity:.07;
-khtml-opacity: .07;
opacity:.07;
background-color: #ffc600;
}  

#etusivu_alapalsta_1_sisalto, #etusivu_alapalsta_2_sisalto, #etusivu_alapalsta_3_sisalto, #etusivu_alapalsta_4_sisalto {
position: relative;
left: 0px;
top: 0px;
width: 192px;
height: auto;
margin-bottom: 13px; 
margin-left: 13px;
margin-right: 13px;
margin-top: 13px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 0.8em;
color: #fdf68c;
z-index: 10;


}  

#alavasenpalsta_tausta {
position: relative;
left: 40px;
top: 20px;
width: 303px;
float: left;
}  

#alavasenpalsta {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 1;
filter:alpha(opacity=7);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=7);
-moz-opazity:.07;
-khtml-opacity: .07;
opacity:.07;
background-color: #ffc600;
}  

#alavasenpalsta_sisalto {
position: relative;
left: 10px;
top: 0px;
width: 263px;
height: auto;
padding-bottom: 20px; 
padding-left: 10px;
padding-right: 20px;
padding-top: 10px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 0.8em;
color: #fdf68c;
z-index: 10;

}  

#alakeskipalsta_tausta {
position: relative;
left: 75px;
top: 20px;
width: 303px;
float: left;
}  

#alakeskipalsta {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 1;
filter:alpha(opacity=7);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=7);
-moz-opazity:.07;
-khtml-opacity: .07;
opacity:.07;
background-color: #ffc600;
}  

#alakeskipalsta_sisalto {
position: relative;
left: 30px;
top: 0px;
width: 263px;
height: auto;
padding-bottom: 20px; 
padding-left: 10px;
padding-right: 20px;
padding-top: 10px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 0.8em;
color: #fdf68c;
z-index: 10;

}  

#alaoikeapalsta_tausta {
position: relative;
left: 108px;
top: 20px;
width: 305px;
float: left;
}  

#alaoikeapalsta {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 1;
filter:alpha(opacity=7);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=7);
-moz-opazity:.07;
-khtml-opacity: .07;
opacity:.07;
background-color: #ffc600;
}  

#alaoikeapalsta_sisalto {
position: relative;
left: 30px;
top: 0px;
width: 265px;
height: auto;
padding-bottom: 20px; 
padding-left: 10px;
padding-right: 20px;
padding-top: 10px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 0.8em;
color: #fdf68c;
z-index: 10;

}  


#hakutulos {
position: relative;
left: 0px;
top: 0px;
width: 370px;
height: auto;
min-height: 64px;
background-color:#af1b1b;
border: 1px dotted #9c6735;
padding: 24px 16px 0px 16px;
margin-bottom: 20px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
letter-spacing: 1px;
font-size: 1em;
color: #fdf68c;
z-index: 10;

}  
#hakutulos_huoneet {
position: relative;
left: 0px;
top: -10px;
width: 270px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
letter-spacing: 1px;
font-size: 1.3em;
color: #fdf68c;
z-index: 10;

}  


#hakutulos_kuva {
position: absolute;
right: 7px;
top: 7px;
z-index: 5;
}  



#eituloksia {
position: relative;
left: 0px;
top: 0px;
width: 300px;
height: auto;
border: 3px solid #9c6735;
padding: 16px;
margin-bottom: 20px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 1em;
color: #fdf68c;
z-index: 10;

}  

#talolista {
position: relative;
left: 10px;
top: 0px;
width: 110px;
height: 120px;

border: 0px dotted #9c6735;
margin-bottom: 20px;
margin-right: 20px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
letter-spacing: 1px;
font-size: 1em;
color: #fdf68c;
z-index: 10;
float: left;

}  

#talolista_kuva {
position: absolute;
left: 4px;
top: 4px;
}  


#talolista_nimi {
position: absolute;
left: 5px;
top: 80px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
letter-spacing: 1px;
font-variant: small-caps;
font-size: 1em;
color: #fdf68c;

}  


#esitteet {
position: inherit;
left: 0px;
top: 20px;
padding-bottom: 20px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 1em;
color: #fdf68c;
z-index: 10;

}  

#hakulomake {
position: relative;
font-size: 1em;
color: #fdf68c;
z-index: 10;
top: 0px;
width: 100px;

}  
#makuuhuoneet_teksti {
position: relative;
left: 0px;
top: 0px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
letter-spacing: 1px;
font-size: 1em;
color: #fdf68c;
z-index: 10;
}  

#huoneluku {
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
letter-spacing: 1px;
font-size: 1em;
color: #fdf68c;
z-index: 10;
background-color:#952915;

}  
#pinta-ala {
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
letter-spacing: 1px;
font-size: 1em;
color: #fdf68c;
z-index: 10;
background-color:#952915;

}  
#kerrosluku {
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
letter-spacing: 1px;
font-size: 1em;
color: #fdf68c;
z-index: 10;
background-color:#952915;

}  

 

#perinteiset {
position: relative;
left: 30px;
top: -20px;
z-index: 10;

}  
#kotoisat {
position: relative;
left: 210px;
top: -100px;
z-index: 10;

}  
#modernit {
position: relative;
left: 30px;
top: -70px;
z-index: 10;

}  
#huvilat {
position: relative;
left: 213px;
top: -150px;
z-index: 10;

}  

#kuukauden_talot_yms {
position: relative;
left: 0px;
top: -120px;
z-index: 10;

}  




#footer {
position: relative;
left: 40px;
height: 60px;
top: -100px;
width: 100%;
margin-top: 0px; /* negative value of footer height */
clear:both;
font-family: 'Trebuchet MS', Verdana, sans-serif;
letter-spacing: 1px;
text-indent: 30px;
padding-top: 24px;
color: #fdf68c;
font-size: 0.6em;
background-image: url('footer.png');
background-repeat: no-repeat;
} 


h1 
{
font-size: 2.8em; 
font-family: 'Trebuchet MS', Helvetica, sans-serif;
margin-top: -16px;
margin-bottom: 0px;
font-weight:lighter;
line-height: 150%;
letter-spacing: 2.5px;
color: #fdf68c;
font-variant:small-caps;}

talokortti_h1 
{
font-size: 4em; 
font-family: 'Trebuchet MS', Helvetica, sans-serif;
margin-top: -10px;
margin-bottom: -8px;
font-weight:lighter;
line-height: 150%;
letter-spacing: 2.5px;
color: #fdf68c;
font-variant:small-caps;}


h3 
{
font-size: 1.8em; 
font-family: 'Trebuchet MS', Helvetica, sans-serif;
margin-top: -10px;
margin-bottom: 15px;
font-weight:lighter;
line-height: 150%;
letter-spacing: 1px;
color: #fdf68c;
}

ul
{
margin-left: -27px;
}
li
{
padding-left: 27px;
}


A:link {text-decoration: underline; color: #fdd18c;}
A:visited {text-decoration: underline; color:#fdf68c;}
A:active {text-decoration: none; }
A:hover {text-decoration: underline; color:#ffa200;}

/* LIGHTBOX V2 */
/* LIGHTBOX V2 */
/* LIGHTBOX V2 */
/* LIGHTBOX V2 */
/* LIGHTBOX V2 */
/* LIGHTBOX V2 */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* 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; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }