body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
text-align: center;
margin: 0px;
padding: 20px 0px 20px 0px;
}


#wrapper {
width: 956px;
padding: 10px;
margin: 0px auto 0px auto;
height: auto;
text-align: left;
border: 1px solid #ddd;
}
#header {
border: 1px solid #ddd;
margin: 0px;
padding: 0px;
height: 100px;
width: auto;
background-color: #ffffff;
}
#container {
padding: 0px;
margin: 10px 0px 0px 0px;
/*background-attachment: scroll;
background-image: url(images/back.gif);
background-repeat: repeat-y;
background-position: 0px 0px;*/
height: 1%;
width: auto;
}
#left {
margin: 0px;
width: 160px;
min-height: 488px;
padding: 10px 20px 10px 20px;
float: left;
background-color: #ffffff;
border: 1px solid #ddd;
}


#menu{
width: auto;
/* font-weight: bold;*/ 	
font-family: "verdana";
font-size: 150%;
}

#menu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#menu ul{
border: 1px solid #ddd;
width: 100%;
background: url(images/tausta1.gif) center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#menu ul li{
display: inline;
}

#menu ul li a{
color: #494949;
padding: 0px 25px 0px;
margin: 0;
text-decoration: none;
/*border-right: 1px solid #DADADA;*/
}

#menu ul li a:hover{
background: url(images/tausta2.gif) center center repeat-x;
}

#menu ul li a.imglink:hover{
background: url(images/tausta1.gif) center center repeat-x;
} 

#center {
min-height: 488px;
background-image: url(images/talo.jpg);
height: auto;
width: 710px;
padding: 10px 20px 10px 20px;
float: left;
margin: 0px 0px 0px 6px;
line-height: 1.8em;
}

#centeretu {
min-height: 488px;
background-image: url(images/talokirk.jpg);
height: auto;
width: 710px;
padding: 10px 20px 10px 20px;
float: left;
margin: 0px;
line-height: 1.8em;
}

#centergallery {
border: 1px solid #ddd;
background-image: url(images/talogal.jpg);
min-height: 488px;
height: auto;
width: 900px;
padding: 10px 20px 10px 20px;
float: left;
margin: 0px;
line-height: 1.8em;
}


h1 {
font-size: 14px;
margin: 0px;
padding: 0px;
}
#right {
padding: 1px 20px 10px 5px;
height: auto;
width: 160px;
float: left;
margin: 0px 0px 0px 6px;
}
.clearer {
font-size: 0px;
line-height: 0px;
display: block;
margin: 0px;
padding: 0px;
clear: both;
height: 0px;
width: auto;
}
#footer {
margin: 10px 0px 0px 0px;
text-align: center;
padding: 15px 0px 15px 0px;
background-color: #ffffff;
border: 1px solid #ddd;
}
#footer p {
color: #999;
margin: 0px auto 0px auto;
padding: 0px;
}
#footer a:link, #footer a:visited, #footer a:active {
color: #999;
text-decoration: none;
}
#footer a:hover {
color: #ccc;
text-decoration: none;
}