body { background-color: #d9e5f2; background-repeat: repeat-y; background-position: center 0; text-align: center; margin: 0; }
#kehys { background-image: url(images/tausta.jpg); background-repeat: repeat-y; background-position: center 0; position: relative; top: 0; width: 830px; height: auto; margin: 0 auto; }
.ylaosa { background-image: url(images/ylaosa.jpg); background-repeat: no-repeat; background-position: center 0; width:100%; height:432px    }
.alaosa { width:100%; height:15px }
#copy { color: white; font-size: 10px; font-family: arial, helvetica, tahoma, verdana; text-align: left; height: auto; width: 130px; left: 36px; position: absolute; bottom: 30px; visibility: visible; }

.vasen { width:180px; float:left; height:400px}
.oikea { margin-left:180px; width:auto; height:400px}

#navikointi { height: auto; width: auto; left: 18px; top: 460px; position: absolute; visibility: visible; }

.indexkeskiosa { background-image: url(images/pic_index.jpg); background-repeat: no-repeat; background-position: right bottom; text-align: left; width:830px; height:530px      ; }
#indexotsikko { height: auto; width: auto; left: 201px; top: 450px; position: absolute; visibility: visible; }
#indexteksti { text-align: left; height: 274px; width: 290px; left: 210px; top: 530px; position: absolute; visibility: visible; }
#indexyht { color: #3a610a; font-size: 11px; font-family: arial, helvetica, tahoma, verdana; text-align: left; height: 30px; width: 222px; left: 190px; top: 920px; position: absolute; visibility: visible; }

.bobcatkeskiosa { background-image: url(images/pic_bobcat.jpg); background-repeat: no-repeat; background-position: right bottom; text-align: left; width:100%; height:430px     }
#bobcatotsikko { height: auto; width: auto; left: 201px; top: 450px; position: absolute; visibility: visible; }
#bobcatteksti { text-align: left; height: 150px; width: 300px; left: 210px; top: 500px; position: absolute; visibility: visible; }

.kurottajakeskiosa { background-image: url(images/pic_kurottaja.jpg); background-repeat: no-repeat; background-position: right bottom; text-align: left; width:100%; height:520px     }
#kurottajaotsikko { height: auto; width: auto; left: 201px; top: 510px; position: absolute; visibility: visible; }
#kurottajateksti { text-align: left; height: 150px; width: 300px; left: 210px; top: 560px; position: absolute; visibility: visible; }
#kurottajalaatikko { text-align: left; height: 42px; width: 300px; left: 210px; top: 810px; position: absolute; visibility: visible; }

.rakennuskeskiosa { background-image: url(images/pic_rakennus.jpg); background-repeat: no-repeat; background-position: right bottom; text-align: left; width:100%; height:530px     }
#rakennusotsikko { height: auto; width: auto; left: 201px; top: 450px; position: absolute; visibility: visible; }
#rakennusotsikko2 { visibility: visible; position: absolute; top: 450px; left: 500px; width: auto; height: auto; }
#rakennusteksti { text-align: left; height: auto; width: auto; left: 200px; top: 490px; position: absolute; visibility: visible; }
#rakennusteksti2 { text-align: left; height: auto; width: auto; left: 310px; top: 490px; position: absolute; visibility: visible; }
#rakennusteksti3 { text-align: left; height: auto; width: auto; left: 500px; top: 490px; position: absolute; visibility: visible; }
#rakennusteksti4 { text-align: left; height: auto; width: auto; left: 650px; top: 490px; position: absolute; visibility: visible; }

.yhtkeskiosa { background-image: url(images/pic_yhttiedot.jpg); background-repeat: no-repeat; background-position: 171px bottom; text-align: left; width:100%; height:500px     }
#yhtotsikko { height: auto; width: auto; left: 470px; top: 450px; position: absolute; visibility: visible; }
#yhtteksti { text-align: left; height: 150px; width: 300px; left: 480px; top: 500px; position: absolute; visibility: visible; }
#yhtlaatikko { color: #3a610a; font-size: 15px; font-family: arial, helvetica, tahoma, verdana; font-style: italic; height: auto; width: 230px; left: 550px; top: 780px; position: absolute; visibility: visible; }

p { color: #3a610a; font-size: 12px; font-family: arial, helvetica, tahoma, verdana; }
.bold { color: #3a610a; font-size: 12px; font-family: arial, helvetica, tahoma, verdana; font-weight: bold; }
ul { color: #3a610a; font-size: 12px; font-family: arial, helvetica, tahoma, verdana; list-style-image: url(images/lista.gif); list-style-position: outside; }
li { margin-left: -12px; list-style-type: decimal; }