html,body { /* Sivuston tausta */
	height: 100%;
	text-align: center;
	position: relative;
}

div#site_bg { /* Taustakuva */
	background: url(../images/background.jpg) repeat-x left top;
	height: 100%;
	position: relative;	
}	

div#container { /* Sisältöalue */
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	float: center;
	width: 980px;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
}

#header {
	width: 980px;
	height: 85px;
	float: center;
	padding: 0;
	background: url(../images/header.jpg) no-repeat left top;

}	

#address {
	width: 300px;
	height: 54px;
	margin-left: 281px;
	margin-top: 16px;
	float: left;

}

#sub_menu {
	width: 129px;
	height: 60px;
	margin-top: 16px;
	margin-left: 47px;
	float: left;
}

#extra_links {
	width: 140px;
	height: 47px;
	margin-top: 15px;
	margin-left: 32px;
	float: left;
}

.logo_links {
	width: 57px;
	height: 52px;
	margin-right: 10px;
	float: left;
	vertical-align: top;
	
}

#menu {
	width: 980px;
	height: 38px;
	float: left;
	padding: 0;
	background: url(../images/menu_bg.png) no-repeat left top;
}

#content_container {
	width: 980px;
	height: 565px;
	float: center;
	padding: 0;

}



#leftcolumn {
	width: 490px;
	height: 527px;
	float: left;
	text-align: left;
	vertical-align: top;

}

#title {
	width: 330px;
	height: 32px;
	margin-left: 90px;
	margin-top: 45px;
	padding-top: 8px;
	float: left;
	background: url(../images/title_bg.png) no-repeat
}

#border {
	width: 330px;
	height: 20px;
	overflow: auto;
	margin-left: 90px;
	float: left;
	background: white;
	z-index: 10;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;

}

#border_2 {
	width: 330px;
	height: 10px;
	overflow: auto;
	margin-left: 90px;
	float: left;
	background: white;
	z-index: 10;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;

}


#content {
	width: 290px;
	height: 275px;
	overflow: auto;
	margin-left: 90px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	background: white;
	z-index: 10;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#content_2 {
	width: 330px;
	height: 345px;
	margin-left: 60px;
	margin-top: 10px;
	z-index: 11;
	float: left;
	background: url(../images/polaroid_bg.png) no-repeat;
	
	}
	
#content_3 {
	width: 290px;
	height: 68px;
	overflow: auto;
	margin-left: 90px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	z-index: 12;
	background: white;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#bottom {
	width: 330px;
	height: 32px;
	margin-left: 90px;
	margin-top: 10px;
	padding-top: 4px;
	float: left;
	background: url(../images/bottom_bg.png) no-repeat;
}

#picture {
	width: 196px;
	height: 208px;
	margin-left: 119px;
	margin-top: 40px;
	float: left;
	z-index: 4;
	background: url(../images/test.jpg) no-repeat;
}


#rightcolumn {
	width: 490px;
	height: 527px;
	float: right;
}

#footer {
	width: 980px;
	height: auto;
	float: left;

}

#sunflower {
	position: absolute;
	width: 125px;
	height: 395px;
	clear: both;
	left: -63px;
	top: 256px;
	z-index: 100;
	background-image: url(../images/sunflower1.png);
	
	
}

#sunflower_2 {
	position: absolute;
	width: 211px;
	height: 395px;
	clear: both;
	left: 918px;
	top: 256px;
	z-index: 100;
	background-image: url(../images/sunflower2.png);
	
	
}


#kyltti {
	position: absolute;
	width: 250px;
	height: 83px;
	clear: both;
	left: 772px;;
	top: 60px;
 	z-index: 100;
	display: block;
	background-image: url(../images/nimikyltti.png);
	
}


.menutext {
	float: left;
	text-align: left;
	vertical-align: middle;

}

#valikko {
 position: relative;
 float: left;
 width: 730px;
 height: 38px;
 display: block;

 
 }

.valikko_links {
 width: 146px;
 height: 38px;
 padding: 0;
 margin: 0;
 float: left;
 display: block;

 }
 
 /* FORMS/LOMAKKEET */

form {
	padding: 0;
	width: 290px;
	display: block;
	float: left;
	clear: right;
	margin-bottom: 15px;
}

label {
	font: 12px/normal "trebuchet MS", Lucida, Verdana, sans-serif;
	text-align: left;
	color: #484848;
	width: 70px;
	display: block;
	float: left;
	clear: both;
	padding: 0;
}

 
.box { /*Lomakkeiden syöttö-tekstikenttä*/
	border: 1px solid #550E0A;
	background: #FFF;
	font: 12px/normal "trebuchet MS", Lucida, Verdana, sans-serif;
	display: block;
	float: right;
	width: 210px;
	margin-bottom: 5px;
	height: 15px;
}
.message {
	border: 1px solid #550E0A;
	font: 12px/normal "trebuchet MS", Lucida, Verdana, sans-serif;
	background: #FFF;
	display: block;
	float: right;
	width: 210px;
	margin-bottom: 5px;
	height: 130px;
}
.button {
	border: 1px solid #666;
	background: #003c59;
	color: #FFF;
	font: 12px/normal "trebuchet MS", Lucida, Verdana, sans-serif;
	text-align: center;
	display: block;
	width: 100px;
	margin-top: 5px;
	margin-left: 80px;
	float: left;
	clear:  both;
}
.button:hover {
	border: 1px solid #550E0A;
	background: #888;
	color: #550E0A;
}
.button2 {
	border: 1px solid #666;
	background: #666;
	color: #FFF;
	font: 12px/normal "trebuchet MS", Lucida, Verdana, sans-serif;
	text-align: center;
	display: block;
	width: 100px;
	margin-top: 5px;
	margin-left: 80px;
	float: left;
	clear:  both;
}
.button2:hover {
	border: 1px solid #550E0A;
	background: #888;
	color: #FFF;
}
/* FORMS/LOMAKKEET - loppuu */

#kuvagalleria {
    width: 400px;
    height: 475px;
    position: absolute;
    top: 84px;
    left: 0px;
    float: left;
 	vertical-align: top;   

}


#kuva1 {
    width: 210px;
    height: 210px;
    position: absolute;
    top: 68px;
    left: 80px;
    z-index: 12;

}

#kuva2 {
    width: 210px;
    height: 210px;
    position: absolute;
    top: 99px;
    left: 185px;
    z-index: 13;
    
}

#content_4 {
    width: 290px;
    height: 95px;
    overflow: auto;
	font: 12px/normal "trebuchet MS", Lucida, Verdana, sans-serif;
	text-align: left;
	color: #484848;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    top: 375px;
    left: 90px;
    float: left;
    z-index: 33;
    background: white;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;

}

#border2 {
	width: 330px;
	height: 8px;
	overflow: auto;
	float: left;
	position: absolute;
	top: 367px;
    left: 90px;
	background: white;
	z-index: 33;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;

}

#border3 {
	width: 330px;
	height: 8px;
	overflow: auto;
	float: left;
    position: absolute;
	top: 470px;
    left: 90px;
	background: white;
	z-index: 33;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;

}



#bottom2 {
    width: 330px;
    height: 32px;
    position: absolute;
    top: 490px;
    left: 90px;
    z-index: 18;
    float: left;
    background: url(../images/bottom_kuvat_bg.png) no-repeat;

}


#bottom3 {
    width: 330px;
    height: 32px;
    position: absolute;
    top: 490px;
    left: 90px;
    z-index: 18;
    float: left;
    background: url(../images/bottom_kuulumisia_bg.png) no-repeat;

}

#bottom4 {
    width: 330px;
    height: 32px;
    position: absolute;
    top: 490px;
    left: 90px;
    z-index: 18;
    float: left;
    background: url(../images/bottom_tilat_bg.png) no-repeat;

}

#bottom5 {
    width: 330px;
    height: 32px;
    position: absolute;
    top: 490px;
    left: 90px;
    z-index: 18;
    float: left;
    background: url(../images/bottom_tyontekijat_bg.png) no-repeat;

}



#button_right {
     width: 17px;
     height: 20px;
     position: absolute;
     left: 395px;
     top: 496px;
     z-index: 34;

}

#button_left {
     width: 17px;
     height: 20px;
     position: absolute;
     left: 98px;
     top: 496px;
     z-index: 34;

} 

#gallery_bg {
	position: absolute;
	top: 135px;
	left: 60px;
	width: 345px;
	height: 317px;
	float: center;
	z-index: 17;
	padding: 0;


}

#gallery_menu {
	width: 980px;
	height: 38px;
	float: left;
	position: absolute;
	top: 85px;
	z-index: 30;
	padding: 0;
	background: url(../images/menu_bg.png) no-repeat left top;
}

#GALLERY_Magnifier {
	position: absolute;
	top: 395px;
	left: 223px;
	width: 172px;
	height: 50px;
	float: left;
	z-index: 100;
	padding: 0;
	display: block;

}