html {
height : 100%;
max-height : 100%;
padding : 0;
margin : 0;
border : 0;
background-color : rgb(102, 102, 102);
font-size : 80%;
font-family : Verdana, Arial, sans-serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {
height : 100%;
max-height : 100%;
overflow : hidden;
padding : 0;
margin : 0;
border : 0;
background : rgb(102, 102, 102);
color : rgb(255, 255, 255);
}
#content {
overflow : auto;
position : absolute;
z-index : 3;
top : 130px;
bottom : 85px;
left : 200px;
right : 0;
background : url(kuvat/graf/kelo_varjostus3.jpg);
background-attachment : fixed;
background-repeat : repeat-y;
background-position : top right;
background-color : rgb(102, 102, 102);
padding : 20px 15px;
}
* html #content {
top : 0;
left : 0;
right : 0;
bottom : 0;
height : 100%;
max-height : 100%;
width : 100%;
overflow : auto;
position : absolute;
z-index : 3;
border-top : 130px solid #fff;
border-bottom : 85px solid #fff;
border-left : 200px solid #fff;
background-color : rgb(102, 102, 102);
}
#content a:link {
color : rgb(255, 255, 255);
}
#content a:visited {
color : rgb(204, 204, 204);
}
#content a:hover {
color : rgb(217, 139, 30);
}
ul {
list-style-image : url(kuvat/graf/oranssikolmio2.gif);
}
li a {
text-decoration : none;
font-weight : bold;
color : rgb(255, 255, 255);
}
li a:hover {
text-decoration : none;
color : rgb(217, 139, 30);
}
li a:visited {
text-decoration : none;
color : rgb(255, 255, 255);
}
ul.tuote {
font-size : 80%;
font-size : 1.1em;
letter-spacing : 0.1em;
}



#sisus {
width : 70%;
padding : 0;
float : left;
background : rgb(102, 102, 102);
}
#teksti {
border : 0;
width : 80%;
background : rgb(102, 102, 102);
padding-left : 10px;
padding-bottom : 10px;
}

#update {
padding: 10px;
font-size: 0.9em;
  }

#right {
float : right;
background : transparent;
}
#head {
position : absolute;
margin : 0;
top : 0;
left : 0;
display : block;
width : 100%;
height : 130px;
background-image : url(kuvat/graf/header4.jpg);
background-position : top left;
background-repeat : no-repeat;
background-color : rgb(102, 102, 102);
font-size : 1em;
letter-spacing : 0.1em;
z-index : 5;
overflow : hidden;
color : #fff;
}
#foot {
position : absolute;
margin : 0;
bottom : 0;
left : 0;
display : block;
width : 100%;
height : 75px;
overflow : auto;
z-index : 5;
background : url(kuvat/graf/foot.jpg);
background-repeat : no-repeat;
background-position : top left;
background-color : rgb(102, 102, 102);
color : rgb(51, 51, 51);
padding-top : 10px;
text-align : center;
}
#info {
float : left;
text-align : left;
font-size : 0.7em;
}

#info a:link {
color : rgb(255, 255, 255);
}
#info a:visited {
color : rgb(204, 204, 204);
}
#info a:hover {
color : rgb(217, 139, 30);
}

#left {
position : absolute;
left : 0;
top : 130px;
bottom : 50px;
width : 200px;
background : url(kuvat/graf/kiipeilija5.jpg);
background-repeat : no-repeat;
background-color : rgb(102, 102, 102);
font-size : 1.2em;
z-index : 4;
overflow : hidden;
}
* html #left {
height : 100%;
top : 0;
bottom : 0;
border-top : 130px solid #fff;
border-bottom : 50px solid #fff;
color : #fff;
}
#content p {
padding : 0;
}
.bold {
font-size : 1.2em;
font-weight : bold;
}
.small {
font-size : 0.9em;
letter-spacing : 0.1em;
}
#content h1, h2, h3 {
font-family : "Palatino linotype", serif;
font-style : italic;
color : rgb(217, 139, 30);
letter-spacing : 0.1em;
}
h1 {
font-size : 2.5em;
}
h2 {
font-size : 2em;
}
h3 {
font-size : 1.7em;
}
dd {
display : none;
}
a.nav, a.nav:visited {
margin-left : 10px;
display : block;
width : 160px;
height : 25px;
background : rgb(153, 153, 153);
color : rgb(255, 255, 255);
border : 1px solid #000;
text-decoration : none;
text-align : center;
line-height : 25px;
font-weight : bold;
letter-spacing : 0.05em;
font-size : 0.8em;
}
a.nav:hover {
background : rgb(51, 51, 51);
color : #fff;
}
a.ot {
background-color : rgb(217, 139, 30);
margin-left : 10px;
display : block;
width : 160px;
height : 25px;
color : #eee;
border : 1px solid #000;
text-decoration : none;
text-align : center;
line-height : 25px;
font-weight : bold;
letter-spacing : 0.05em;
font-size : 0.8em;
}
div.oikeakuva {
float : right;
margin-left : 30px;
margin-bottom : 20px;
font-size : 90%;
text-align : center;
}
div.vasenkuva {
float : left;
margin-right : 30px;
margin-bottom : 20px;
font-size : 90%;
text-align : center;
}
div.keskikuva {
margin-right : 30px;
margin-bottom : 20px;
font-size : 90%;
text-align : center;
}
div.tuotelaatikko {
width : 90%;
background-color : rgb(102, 102, 102);
padding : 10px;
border-width : 1px;
border-style : dotted;
color : rgb(255, 255, 255);
margin-top : 10px;
margin-bottom : 10px;
}
div.space {
margin-top : 20px;
margin-bottom : 20px;
}
img.reunus {
border : 1px solid;
}
img.tuotekuva {
padding : 5px;
border : 1px solid;
}
div.tuotekuvaus {
border : 0;
padding-right : 5px;
}
a.foot {
color : rgb(255, 255, 255);
font-size : 0.9em;
}
a.foot:visited {
color : rgb(204, 204, 204);
}
a.foot:hover {
color : rgb(217, 139, 30);
}
#foot p.info {
text-align : left;
font-size : 0.7em;