html * { margin:0; padding:0; }
html, body { height: 100%; }

body {
background:url("img/bodybg.jpg") top center no-repeat #150802;
font-family:Georgia, "Times New Roman", Times, serif;
color:#EFCF91;
/*margin-top:20px;*/
font-size:14px;
}

h1 {
font-size:18px;
margin-bottom:15px;
}

h2 {
font-size:16px;
margin-bottom:15px;
}

h3 {
font-size:14px;
font-weight:bold;
margin-bottom:15px;
}

p {
font-size:14px;
margin-bottom:15px;
}

a { 
color:#EFCF91;
text-decoration:underline;
}

a:hover {
color:#C9A96B;
}

ul,ol { padding-left:30px; margin-bottom:15px; }

/**********************************************/

#container {
position:relative;
height:auto !important;
height:100%;
min-height:100%;
background:url("img/wrapperbg.png") top center repeat-y;
/*margin-top:27px;*/
}


#header_top {
width:830px;
height:43px;
margin:0 auto;
background:url("img/topbg.jpg") top left no-repeat;
}

#wrapper {
width:830px;
margin:0 auto;
/*background:url("img/topbg.png") top left no-repeat;*/
/*padding-top:27px;*/
}

#header {
width:830px;
height:268px;
margin:0 auto;
background:url("img/wrapperbg.png") top left repeat-y;
clear:both;
}

#logoarea {
width:259px;
height:268px;
margin:0 0 0 25px;
_margin:0 0 0 12px;/*IE6*/
float:left;
background:url("img/logoareabg.jpg") top left no-repeat #DEAB67;
}
#logoarea p.tiedot {
color:#050403;
color:#000;
position:relative;
top:120px;/*160*/
left:22px;
line-height:22px;
}

#cyclebox {
width:521px;
height:268px;
margin:0 24px 0 0;/*0 25px 0 0*/
_margin:0 12px 0 0;/*IE6*/
float:right;
position:relative;
overflow:hidden;
}

#navi {
width:830px;
height:38px;
margin:0 auto;
background:url("img/navibg.png") top left no-repeat;
}
#navi .navipad { padding:0 0 0 35px; }
#navi a {
text-decoration:none;
font-size:16px;
font-weight:bold;
margin:0 2px 0 0;
padding:0 8px 0 8px;
height:37px;
line-height:37px;
display:block;
float:left;
cursor:pointer;
outline:none;
}
#navi a:hover { color:#3B1C06; }
#navi a.active { background:#5E3C1D; cursor:default; }
#navi a.active:hover { color:#EFCF91; }


#content {
width:830px;
min-height:360px;
_height: expression(document.body.clientHeight ? "400px" : "auto");
margin:0 auto;
clear:both;
background:url("img/wrapperbg.png") top left repeat-y;
}
#content .contentpad { 
padding:0 0 0 25px;
clear:both;
}

#left {
width:480px;
height:100%;
float:left;
margin:20px 0 100px 15px;
_margin:20px 0 100px 8px;/*IE6*/
}
#etusivu p { line-height:20px; }

#left input {
font-family:Georgia, "Times New Roman", Times, serif;
padding:2px;
opacity:0.9;
}
/*#left input:hover { opacity:1.0; }*/
#left input:focus { opacity:1.0; }
#left textarea {
font-family:Georgia, "Times New Roman", Times, serif;
padding:2px;
opacity:0.9;
font-size:14px;
}
/*#left textarea:hover { opacity:1.0; }*/
#left textarea:focus { opacity:1.0; }
#left input.submit_btn { opacity:1.0; }


#right {
width:250px;/*240*/
height:100%;
float:right;
margin:20px 34px 100px 0;/*20px 40px 100px 0*/
_margin:20px 17px 100px 0;/*IE6*//*20px 20px 100px 0*/
}
#right img { border:0; }
#right a { outline:none; }

#right ul { margin:0; padding:0; }
#right li {
width:250px;
height:41px;
list-style-type:none;
margin-bottom:5px;
}
#right li a {
background:url("img/right_btnbg.jpg") top left no-repeat;
width:230px;
height:41px;
line-height:41px;
padding:0 0 0 20px;
display:block;
text-decoration:none;
}


#full {
width:745px;
height:100%;
float:left;
margin:20px 0 100px 15px;
_margin:20px 0 100px 8px;/*IE6*/
}


#kuvagalleria {
padding:10px 0 40px 25px;
}
#kuvagalleria img { border:0; }
#kuvagalleria a {
width:100px;
height:100px;
display:block;
float:left;
margin:0 10px 10px 0;
border:4px solid #EDEAD9;
}
#kuvagalleria a:hover { border:4px solid #D5D1B9; }



#gmap { width:370px; height:330px; float:right; margin-bottom:30px; }



#footer {
width:100%;
height:101px;
background:url("img/footerbg.png") top center repeat-x;
position:absolute;
bottom:0;
color:#3B1C06;
clear:both;
}

#footer p.author {
position:absolute;
bottom:0;
right:0;
color:#C9A96B;
font-size:10px;
text-align:right;
margin:0 10px 10px 0;
}
#footer p.author a { color:#C9A96B; }
#footer p.author a:hover { color:#000; }

#footer_table {
width:755px;
height:80px;
margin:0 auto;
clear:both;
font-size:14px;
}

#footer_table p {
margin-bottom:0;
font-weight:bold;
}

#footer_table a {
margin-bottom:0;
font-weight:bold;
color:#3B1C06;
display:block;
text-decoration:none;
}
#footer_table a:hover {
text-decoration:underline;
}