*{
 padding: 0;
 margin: 0;
}
body{
 /*background: #fff url('../img/tausta_roso.jpg') repeat-x;*/
 text-align: center; 
 font: 8pt "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
 color: #4f4f4f;      
}
#wrap{
 background-color: #fff;
 height: auto;
 width:850px;
 margin: 20px auto;
 text-align: left;
 border-top:solid 2px #a0a0a0;
}
h1{
 font-size: 1.2em;
 color: #666333;
}
#left_container{
 margin: 20px 0 10px 30px;
 width: 280px;
 float: left;
 display: inline;
}
#container{
 background-color: #efefef;
 /*border: solid 2px #95908c;
 background-color: #8ECACF;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;*/
 padding: 10px;
}
* html #container{
 width: 280px;
}
#container_right{
 float: right;
 width: 450px;
}
p{
 padding: 10px 0;
}
#center{
 float: left;
 width: 250px;
 margin: 20px 0 10px 33px;
 background-color: #efefef;
 /*border: solid 2px #95908c;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;*/
 padding: 10px;
}
#center img{
 float: right;
 margin: 0 10px 10px 6px;
 border: solid 1px #95908c;
 background-color: #f7a39d;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
}
#center p{
 clear: both;
}
* html #center{
 width: 280px;
}
#contacts{
 width: 150px;
 display: inline;
 float: right;
 margin: 20px 30px 10px 0;
 background-color: #efefef;
 /*border: solid 2px #95908c;
 background-color: #F9E6A6;
 color: #21495A;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;*/
 padding: 10px;
}
* html #contacts{
 width: 170px;
}
.clear{
 clear: both;
}
#ota_yhteytta{
 float: right;
 display: inline;
 margin-right: 30px;
 width: 158px;
 background-color: #efefef;
 text-align: center;
 padding: 5px;
 /*border: solid 2px #95908c;
 background-color: #cdb18f;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;*/
}
* html #ota_yhteytta{
 width: 170px;
}
#saatila{
 float: right;
 display: inline;
 margin: 25px 38px 0 0;
 width: 150px;
 text-align: center;
}
#ohje{
 float: right;
 display: inline;
 width: 250px;
 margin: 8px 30px 0 0;
 background-color: #efefef;
 /*border: solid 2px #95908c;
 background-color: #E1EFE0;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;*/
 padding: 10px;
}
#sisalto{
 float: left;
 display: inline;
 width: 250px;
 margin: 20px 0 10px 30px;
 /*border: solid 2px #95908c;
 background-color: #F9E6A6;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;*/
 padding: 10px;
}
* html #image{
 margin-left: 20px;
}
#image{
 float: right;
 display: inline;
 width: auto;
 margin: 20px 60px 10px 0;
 border: solid 1px #95908c;
 background-color: #fff;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
}
.ref{
 float: left;
 display: inline;
}
.referenssit img{
 float: left;
 display: inline;
 margin: 0 5px 0 30px;
 border: solid 1px #95908c;
 background-color: #f7a39d;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em; 
}
.referenssit p{
 width: 270px;
 height: 125px;
 clear: both; 
}
.bold{
 font-weight: bolder;
}
/*---- footer ---------------------*/
#footer{
 width: 850px;
 clear: both;
 height: auto;
 padding: 20px 0;
}
#bottom_footer{
 clear: both;
 height: 25px;
 width: 804px;
 margin-left: 25px;
 background: #efefef;
 border-bottom:solid 2px #a0a0a0;
 border-top:solid 2px #a0a0a0;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
}
* html #bottom_footer{
 width: 800px;
}
#top_footer{
 width: 100%;
}
#copy{
 padding-top: 5px;
 text-align: center;
 color: #999;
}
#alatunniste_1{
 width: 800px;
 border: solid 2px #95908c;
 background-color: #7d9d7f;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
 text-align: center;
 padding: 3px 0;
 color: #fff;
 margin: 0 25px;
}
/*--formit--------*/
fieldset{
 background: #f9e6a6;
 margin-bottom: 10px;
 padding: 0 0 10px 25px;
 border: 1px solid #fff;
  /*-moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;*/
}
form{
 float: left;
 display: inline;
 width: 450px;
 margin-left: 25px;
}
/*legend{
 color: #fff;
 background: #204A5A;
 padding: 2px 6px;
 -moz-border-radius: 0.2em;
 -webkit-border-radius: 0.2em;
 border-radius: 0.2em; 
}*/
label {
 float: left;
 display: block;
 width: 25%;
 clear: left;
 font-weight: normal;
}
input{
 border: 1px solid #204A5A;
 margin-bottom: 3px;
}
.ylin{
 margin-top: 15px;
}
form p{
 margin: 2px 0 3px 0;
}
input.pointer{
 padding: 0 2px;
 margin: 10px 0 0 10px;
 cursor: pointer;
 -moz-border-radius: 0.2em;
 -webkit-border-radius: 0.2em;
 border-radius: 0.2em;
}
.hae_painike{
 font-size: 1em;
 cursor: pointer;
}
#nimipaivakal p{
 padding: 0;
}
#nimet{
 padding: 2px 3px;
 width: 218px;
 /*border: solid 1px #696969;*/
 background-color: #fff;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
 margin: 10px 0;
}
#tyhja{
 background	: #EFC5C2;
}
#ilmo{
 color: #8D011E;
 width: 200px;
 border: solid 1px #A9C226;
 background-color: #FFFAEA;
 padding:10px;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
 margin: 10px 0 10px 40px;
}
#del_pics li{
 display: inline;
 list-style: none;
 float: left;
}
#del_pics li img{ 
 margin: 5px 50px 0 0;
}
#peitto1{
 position: absolute;
 width: 160px;
 height: 25px;
 margin: 225px 0 0 660px;
}
#peitto2{
 position: absolute;
 width: 160px;
 height: 25px;
 margin: 320px 0 0 660px;
}