A:link, A:visited{
color: #489d32;
text-decoration: none;
}
a:hover{
color: #000000;
text-decoration: underline;
}


body {
background-color:#d7d7d7;
font: normal 70%/1.0em;
margin:0 auto;
padding:0;
text-align:center;

}

#ylatausta {
width: 100%;
height: 25px;
background:url(../images/ylatausta2b.jpg) repeat-x bottom;
background-color:#D8F9DC;
margin: 0px 0px -146px 0px;

}



#main {
border:0px black solid;
width:923px;

margin: 0 auto;
text-align:center;
}
#top {
background-image: url(../images/ylaosa3.jpg);
background-repeat: no-repeat;
border: 0px black solid;
font-size: 1px;
height: 25px;
padding: 0px 0px 0px 0px;
width: 923px;
/*fix for weird ie bug */
margin: 50px 0px 0px 0px;
}

#wrap {
width: 923px;
margin:0 auto;
text-align:center;
}

#keskiosa {
background-image: url(../images/keskiosa3.jpg);
background-repeat: repeat-y;
border: 0px black solid;
display: table;
width: 923px;
min-height: 646px;
padding: 50px 0px 0px 0px;
margin: 0 auto;
text-align: center;

}

#sisalto {
padding: 0px 0px 0px 0px;
background:url(../images/tausta5.jpg) no-repeat bottom;
border: 0px black solid;
height:646px;
width: 904px;
margin: 0 auto;
text-align: center;
overflow:auto;
}


#bottom {
margin: 0px 0px 0px 0px;

width: 923px;
height:36px;
background:url(../images/alaosa2.jpg) no-repeat;

font-size:1px;  /*fix for weird ie bug */
}



#nimi {
border:0px black solid;
float: right;
margin: -28px 0px 0px 0px;
padding: 0px 50px 0px 0px;
text-align: right;
width: 300px;
}
#numero {
border:0px black solid;
float: right;
margin: -5px 0px 0px 0px;
padding: 0px 40px 0px 0px;
text-align: right;
width: 300px;
}

#numero h1 {
height: 20px;
color: #489d32;
font: bold 66px "Myriad Pro", Arial, Helvetica, sans-serif;
letter-spacing:0px;
font-style: normal;
text-align: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#nimi h2 {
height: 25px;
color: #489d32;
font: 36px "Myriad Pro", Arial, Helvetica, sans-serif;
letter-spacing:0px;
font-style: normal;
text-align: right;
margin: -4px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}










#linkit {
float: left;
border:0px black solid;
width:500px;
font-size:1px; /*fix for weird ie bug */
padding: 0px 0px 0px 60px;
margin: -18px 0px 0px 0px;
}

#linkit ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#linkit ul li {
	float: left;
	display: block;
}

#linkit ul li a {
	font: 12px "Myriad Pro", Arial, Helvetica, sans-serif;
	color: a2a2a2;
	text-decoration: none;
	text-align: left;
	padding: 0px 13px 0px 0px;
}

#linkit ul li a:hover {
font: 12px "Myriad Pro", Arial, Helvetica, sans-serif;	color: 000000;
	padding: 0px 13px 0px 0px;
}

.linkki {
	padding: 2px 0px 0px 0px;
}



#left {
overflow:auto;
border:0px black solid;
width:430px;
height:410px;
float:left;
margin: 10px 0px 0px 0px;
padding: 5px 0px 0px 0px;
}

#left p {
color: black;
font: 12px "Myriad Pro", Arial, Helvetica, sans-serif;
font-style: normal;
line-height: 20px;
padding: 0px 15px 10px 60px;
text-align: left;

}
#left h1 {
color: #489d32;
font: 16px "Myriad Pro", Arial, Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
padding: 5px 20px 0px 60px;
margin: 0px 0px 10px -3px;
text-align: left;
}
#left h2 {
color: #489d32;
font: 13px "Myriad Pro", Arial, Helvetica, sans-serif;
font-style: normal;
padding: 0px 15px 10px 60px;
margin: 0px 0px -10px 0px;
text-align: left;
}
#left h3 {
color: #96B79A;
font: bold 1.0em Georgia, "Times New Roman", Times, serif;
font-style: italic;
padding: 0px 20px 0px 25px;
margin: 0px 0px -10px 0px;
text-align: left;
line-height: 15px;
}

#left table {
margin: 0px 0px 20px 60px;
padding: 0px;
}

tr, td {
margin: 0px 0px 20px 60px;
padding: 0px;
}

#left ul li {
color: black;
font: 12px "Myriad Pro", Arial, Helvetica, sans-serif;
font-style: normal;
line-height: 20px;
text-align: left;
list-style: circle;
margin: 0px 10px 0px 40px;

}


#tagline {
font: 9px "Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align:right;
padding: 0 8px 0 0;
margin:-5px 0 0 0;
color:#4D4C4B;
}

#right {

border:0px black solid;
width:400px;
float:right;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
}
#isokuva {

border:0px black solid;
width:99%;
margin: 0px 0px 0px 0px;

}
#pienikuva {
clear: both;
border:0px black solid;
width:100%;
margin: 30px 0px 0px 15px;
}

.pienikuva {
margin: 5px 2px 0px 2px;
float: left;

}

.pienikuva img {
       	cursor: pointer;
       	margin: 0px -15px 5px 20px;
       	text-align: center;

}

.alateksti {
float: right;
color: #ffffff;
font: 12px "Myriad Pro", Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-style: normal;
margin: -30px 0px 0px 0px;
padding: 0px 20px 0px 0px;
text-align: right;
width:880px;
}

#footer p {
margin: -10px 0px 0px 0px;
text-align:left;
color:#ababab;
font:9px Verdana, Arial, Helvetica, sans-serif;
padding-left:10px;
padding-bottom:25px;
}
#footer p a{
color: #ababab;
text-decoration: none;
}
#footer p a:hover{
color: black;
}


img {
       margin: 0px;
       border: none;
}
.logovihreat{
border:0px white solid;
float: right;
margin: -2px 0px 0px 10px;
width: 150px;
height:30px;


}




/* form */
.form {
width:80%;
margin: 0 auto;
}
.form legend {
color:#333;
}
.form fieldset {
border: 1px #666 solid;
padding:1em;
}
.form label {
  display: block;
}
.form input {
  width: 270px;
}
.form textarea {
  width: 270px;
  height: 100px;
}
.form input.submit {
width: 100px;
}


.kuvaoikea {
float: right;
padding-left: 10px;
padding-bottom: 10px;
}

.kuvavasen {
float: left;
padding-right: 10px;
padding-bottom: 10px;
}

.kuvalinkki{
border: 1px #85A8C7 solid;
padding: 3px;
margin: 5px;

}

.kuvalinkki_tuotteet{
border: 1px #85A8C7 solid;
padding: 3px;
margin: 2px 2px 2px -2px;

}


/* form */


/* table */

table {
      width: 100%;
      text-align: center;
      margin: 0px;
      padding: 0px;
	border: 0px solid #85A8C7;

}

td, tr {
    padding: 5px 10px 5px 10px;
    height: 25px;
    font-size:10px;
    text-align:left;
    font-family: verdana;
}



.otsikko {
     background-color: #85A8C7;
     font-weight:bold;
     background-image: url(../images/laatikko_otsikko.jpg);
	background-repeat: repeat-x;
}


.tummennettu {
     background-color: #f2f2f2;
}

.vaalennettu {
     background-color: #FFFFFF;

}

#yhteydenottolomake {
     width: 330px;
     margin: 0px;
     padding: 10px;
}

#yhteydenottolomake textarea {
     width: 200px;
     margin: 0px;
     padding: 0px;
}