body {
line-height:1.5em;
margin:0;
padding:0;
font-family: verdana, arial, sans-serif;
font-size: 0.72em;
background: url(images/tassu.jpg);
background-attachment: fixed;
color: #553d04;
z-index:-1;
height:100%;
width:100%;
}

b {
font-size:100%;
}

p{ 
margin: 0;
padding: 3px 20px 5px 5px;
line-height: 1.8em;
}

h1{
font-family: sans-serif, arial;
font-size: 150%;
letter-spacing:0.1em;
padding: 6px 10px 12px 0;
text-decoration:underline;
text-transform:uppercase;
margin-left:50px;
}

h2{ 
margin: 10px 10px 10px 50px;
padding:0;
font-size: 100%;
text-decoration:underline;
color:#9d5922;
}

h3{
margin: 6px 10px 5px 50px;
padding:0;
font-size: 120%;
text-decoration:underline;
}

h4{
margin: 0 0 5px 5px;
padding: 0;
font-size: 98%;
color:#9d5922;
}

ul{
margin:1px 5px 15px 20px;
}

img{
border: 0px;
margin-left:auto;
margin-right:auto;
}

a{
outline: none;
}

#pohja{
position:absolute;
top:0;
bottom:0;
left: 60px;
width:810px;
height:100%;
background:#FFFFFF;
}

*html #pohja{
left:124px;
}


#menu {
position:fixed;
top:0;
bottom:0;
left: 60px;
background: url(images/vasenpalvelut.jpg) no-repeat  scroll 0 0;
width:200px;
height:100%;
border: 2px solid #84b477;
}

*html #menu{
position:absolute;
}

#menu ul {
list-style: none;
float: left;
margin: 190px 0 0 0;
padding: 0;
}
	
#menu li {
background: transparent;
float: left;
margin: 0;
padding: 0;
display:inline;
}
	
#menu li a {
color: #666;
font-weight: bold;
font-size:100%;
padding: 0 10px 8px 10px;
text-decoration: none;
display:block;
width: 180px;
}
	
#menu li a:hover {
color: #333;
background: #84b477;
display:block;
padding: 0 10px 8px 10px;
width: 180px;
}

#oikea{
position:absolute;
top:0;
bottom:0;
left:204px;
width:600px;
height:100%;
border-top: 2px solid #84b477;
border-right:2px solid #84b477;
background: #FFFFFF;
}

*html #oikea{
left:264px;
}

#yla{
position:absolute;
top:0;
left:0;
right:0;
background: white url(images/oikeapalvelut2.jpg) no-repeat  scroll 0 0;
height:180px;
width:600px;
border-right:2px solid #84b477 ;
border-bottom: 2px solid #84b477;

}

.otsikko{
position:absolute;
top:182px;
left:0;
right:0;
display:inline;
width:600px;
background-color:#FFFFFF;
border-right:2px solid #84b477 ;

}
#sisalto{
position:absolute;
top:181px;
left:0;
right:0;
padding:0 0 30px 30px;
display:inline;
width:570px;
background: #FFFFFF;
border-right:2px solid #84b477 ;
}


#sisalto img{
max-height:350px;
max-width:350px;
height: expression(this.height > this.width && this.height > 350 ? '350px' : true);
width: expression(this.height < this.width && this.width > 350 ? '350px' : true);
border: 0px;
margin-left:auto;
margin-right:auto;
}


#ala {
bottom:0;
left:62px;
position:absolute;
text-align:center;
width:802px;
border-top: 1px solid #84b477;
display:none;
background:transparent;
}


#ala p {
display:none;
background:transparent;
}

html >body #ala {
position:fixed;
display:block;
}

html >body #ala p{
display:block;
background: #FFFFFF;
color: #84b477;
padding:0px;
font-size: 75%;}

#lista ul{ 
margin: 0px auto;
list-style:none;
float:right;
}

#lista li{ 
margin: 0px;
padding: 0px;
display:inline;
}

#lista li a {
padding: 2px 5px;
display:inline; 
height: 20px;
text-decoration: underline;
color:black;
}

#yhteystiedot {
position:absolute;
top:3px;
right:40px;
display:block;
font-weight:bold;
margin:0;
padding:0;
text-align:right;
text-decoration:none;
}

#yhteystiedot a {
width: 100px;
color:#553d04;
cursor: default;
text-decoration: none;
}

#yhteystiedot a:hover {
text-decoration: none;
border:none;}

#yhteystiedot a span {
display: none;
padding: 5px;
font-size: 12px;
width: 200px;
}

#yhteystiedot a:hover span {
display: block;
background:#FFFFFF;
color: #84b477;
border:none;
}

.teksti {
margin:20px ;
}

#osoite{
padding:0px 30px 0px 10px;
}


.kuvia, .eikuvaa{
float:left;
height:183px;
padding:10px;
text-align:center;
vertical-align:middle;
text-align:center;
width:150px;
text-decoration: none;
}

.kuvia p {
text-align:center;
}


.kuvia a:hover{
text-decoration: none;
}

.spacer {
clear:both;
}

.kuvia a:link img, .kuvia a:link:visited img, .eikuvaa a:link img, .eikuvaa img{
  padding: 4px;
  border-top:2px solid #DADAD8;
  border-left:2px solid #DADAD8;
  border-bottom:2px solid #000000;
  border-right:2px solid #000000;
 text-decoration: none;
}

.kuvia :hover img , .kuvia a:link:hover img, .kuvia a:link:visited:hover img, .eikuvaa a:link:hover img{
  border: 2px solid #0A1BF9;
  padding: 4px;
  text-decoration: none;
}

.keskelle {
text-align:center;
line-height: 2.5em;
padding:0 0 30px 0 ;
}

.keskelle h1{
font-family: sans-serif, arial;
font-size: 150%;
letter-spacing:0.1em;
padding: 6px 10px 12px 0;
text-decoration:underline;
text-transform:uppercase;
margin-left:0;
}

.keskelle img{
margin:15px;
}

#etusivukeskelle {
text-align:center;
line-height: 2.5em;
padding:0 0 30px 0 ;

}

#etusivukeskelle h1{
font-family: sans-serif, arial;
font-size: 150%;
letter-spacing:0.1em;
padding: 6px 10px 12px 0;
text-decoration:underline;
text-transform:uppercase;
margin-left:0;
}
#etusivukennel{
border:5px solid #cab693;
padding:1em;
margin-left:auto;
margin-right:auto;
background:#cab693 url(images/etusivukennel.jpg);
max-height:420px;
max-width:420px;
height: expression(this.height >= this.width && this.height > 420 ? '420px' : true);
width: expression(this.height < this.width && this.width > 420 ? '420px' : true);
}

#etusivukennelkuva{
margin:20px;
padding:0;
}

#etusivukennelkuva img{
border:5px  solid #eedfc6;
}
.kuvagalleria{
text-align:center;
line-height: 2.5em;
padding:0 0 30px 0 ;
}

.kuvagalleria h1{
font-family: sans-serif, arial;
font-size: 150%;
letter-spacing:0.1em;
padding: 6px 10px 12px 0;
text-decoration:underline;
text-transform:uppercase;
margin-left:0;}

.kuvagalleria img{
border:none;
margin:15px;
max-height:400px;
max-width:400px;
height: expression(this.height > this.width && this.height > 400 ? '400px' : true);
width: expression(this.height < this.width && this.width > 400 ? '400px' : true);
}
table.tilauslomake{
border:1px solid #CACDD2;
border-collapse:collapse;
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
width:600px;
}
.tilauslomake th {
padding:3px;
text-align:center;
vertical-align:middle;
}
.tilauslomake td {
padding:3px;
text-align:center;
vertical-align:middle;
}
.tilauslomake td {
padding:3px;
text-align:center;
vertical-align:middle;
}
td.tuotekuva {
text-align:center;
vertical-align:middle;
width:93px;
}
.tilauslomake img {
border:1px solid #CACDD2;
}
.tilauslomakeimg:hover {
border:1px solid #834554;
}
td.hinta {
text-align:center;
vertical-align:middle;
}
.rivi1 {
}
.rivi2 {
background:#ECECEC none repeat scroll 0 0;
}
.lomakeotsikko {
padding:8px 0 4px;
}
table.yhteystietotaulu {
font-size:12px;
}