html { height: 100%;
    }

  body { border: 0px none initial;
    margin: 0px;
    padding: 0px;
		background-image: url(images/bg.jpg);
    text-align: center;
    height: 100%;
    }

  .upper { border: 0px none initial;
    margin: 0px auto;
    padding: 0px;
    background-image: url(images/top.png);
    position: relative;
    top: 0px;
    width: 950px;
    text-align: center;
    height: 150px;
    z-index: 0;
    }

  .mainpage { margin: 0px auto;
    padding: 0px;
    background: #828054 none repeat scroll 0%;
    height: 750px;
    position: relative;
    top: 0px;
    width: 950px;
    text-align: center;
    }

  .top { position: relative;
    top: 0px;
    left: 0px;
    height: 150px;
    width: 950px;
	background: #973B11 none repeat-y scroll 0%;
    }

  .mainpage .mainleft { 
	background-image: url(images/left.png);
	background-repeat:no-repeat;
	position: absolute;
    top: 0px;
    left: 0px;
    width: 150px;
    height: 100%;
    }

  .mainpage .content { background: #EDE7D4 none repeat scroll 0%;
    position: absolute;
    top: 0px;
    left: 150px;
    width: 800px;
    min-height: 700px;
    overflow: auto;
    }

  .kuvienasettelu { margin-right: 25px;margin-left: 25px;
	float:right;
	text-align:left;	
    }

  .kuvienasettelu2 { margin: 10px;
    position: absolute;
	top:5px;
	left:600px;
    clear: both;
	z-index:1;
	text-align=center;
    }

  .kuvienasettelu3 { 
    position: absolute;
    top:0px;
	left:0px;
    float: left;
	z-index:0;
    clear: both;
    }

  .kuvienasettelu4 { margin: 5px;
    position: relative;
    width: 200px;
    clear: both;
    }
 	a.linkkikuva1 {
	display:block;
	width:200px;
	height:150px;
	background-image:url(images/seinaelementit.png);
	background-position:0px 0px;
	margin:5px;
	border-style:solid;
	border-color:#54453B;
	}
	a.linkkikuva1:hover {
	background-position:0px -150px;
	background-image:url(images/runko.jpg);
	margin:5px;
	}
	a.linkkikuva2 {
	display:block;
	width:200px;
	height:150px;
	background-image:url(images/laatoitus.jpg);
	background-position:0px 0px;
	margin:5px;
	border-style:solid;
	border-color:#54453B;
	}
	a.linkkikuva2:hover {
	background-position:0px -150px;
	background-image:url(images/laatoitusvalmis.jpg);
	margin:5px;
	}
 	a.linkkikuva3 {
	display:block;
	width:200px;
	height:150px;
	background-image:url(images/koirankoppi.jpg);
	background-position:0px 0px;
	margin:5px;
	border-style:solid;
	border-color:#54453B;
	}
	a.linkkikuva3:hover {
	background-position:0px -150px;
	background-image:url(images/katto.jpg);
	margin:5px;
	}
	a.linkkikuva4 {
	display:block;
	width:200px;
	height:150px;
	background-image:url(images/pa_ulkoa.JPG);
	background-position:0px 0px;
	margin:5px;
	border-style:solid;
	border-color:#54453B;
	}
	a.linkkikuva4:hover {
	background-position:0px -150px;
	background-image:url(images/pa_hyllyt2.JPG);
	margin:5px;
	}
	a.linkkikuva5 {
	display:block;
	width:200px;
	height:150px;
	background-image:url(images/khhennen.jpg);
	background-position:0px 0px;
	margin:5px;
	border-style:solid;
	border-color:#54453B;
	}
	a.linkkikuva5:hover {
	background-position:0px -150px;
	background-image:url(images/khhjalkeen.jpg);
	margin:5px;
	}
	.linkki  {
	position: relative;
	float: left;
	margin-left:25px;
	width: 220px;
	height:200px;
	}

	.linkki2  {
	position: relative;
	float: left;
	margin-left:25px;
	width: 330px;
	height:200px;
	}
	.bottom1 { margin: 0px;
    position: fixed;
    bottom: 32px;
	width: 950px;
	background:#828054;
	}
	.bottom { margin: 0px;
    position: fixed;
    bottom: 0px;
	width: 950px;
	background:#382319;
	}
  * { font-family: "Calibri",Arial,sans-serif;
    }

  h1 { margin: 15px;
    font-family: "Calibri",Arial;
    font-size: 27px;
    color: #602910;
    text-align: center;
    }

  h2 { margin: 8px 50px;
    font-family: "Calibri",Arial;
    font-size: 20px;
    text-align: left;
    }
  h2.ref { margin: 8px;
    text-indent:20px;
	font-family: "Calibri",Arial;
    font-size: 20px;
    text-align: left;
	color: #602910;
    }
  h3 { margin: 8px 50px;
    font-family: "Calibri",Arial;
    font-size: 16px;
    text-align: center;
	color:#EDE7D4;
    }
  h4 { margin: 8px 50px;
    font-family: "Calibri",Arial;
    font-size: 14px;
    text-align: center;
	color:#54453B;
    }
  p { margin: 25px;
    font-family: "Calibri",Arial;
    text-align: left;
    }

  p.teksti2 { margin: 10px;
    font-family: Arial,sans-serif;
    font-size: 13px;
    }

  h2.front { position: relative;
    top: 25%;
    color: rgb(245, 213, 91);
    font-size: 40px;
    text-align: center;
    }

  p.kuvateksti { margin: 0px;
    font-size: 14px;
    font-family: "Comic Sans MS",Arial;
    text-align: center;
    }

  a.tocontent { position: absolute;
    left: 43%;
    bottom: 15px;
    font-family: Arial;
    color: black;
    font-size: 18px;
    }

  ul li p a.linkki { display: inline;
    font-family: "Comic Sans MS",Arial;
    color: rgb(139, 160, 190);
    }

  ul li p a.linkki:hover { background: transparent none repeat scroll 0%;
    display: inline;
    font-family: "Comic Sans MS",Arial;
    color: rgb(255, 238, 81);
    }

  ul ul li p.teksti { position: relative;
    font-family: "Comic Sans MS",Arial;
    display: block;
    }

  img.otsikko { margin: 0px;
    position: relative;
    }

  img.circle { position: absolute;
    bottom: 0px;
    right: 50px;
    }

  img.u { position: absolute;
    bottom: 102px;
    right: 100px;
    }

  img.l { position: absolute;
    bottom: 52px;
    right: 150px;
    }

  img.kuvat { margin: 0px;
    text-align: center;
    }

  img.huutom { position: relative;
    float: left;
    }

  #nav_menu { border: 0px solid black;
    margin: 0px;
    background: #ffffed none repeat scroll 0%;
	opacity:0.8;
    position: absolute;
    text-align: left;
    float: left;
    top: 20px;
    left: 10px;
    width: 145px;
    color: rgb(51, 51, 51);
    height: auto;
    z-index: 20;
    }

  #nav_menu ul { border-bottom: 0px solid black;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
    font-size: 15px;
    color: black;
    width: 145px;
	z-index:20;
    }

  #nav_menu ul li { position: relative;
  	z-index:20;
    }

  li ul { position: absolute;
    left: 144px;
    top: 0px;
    display: none;
	z-index:20;
    }

  ul li a { border-style: solid none none;
    border-width: 0px;
    padding: 5px;
    background: transparent none repeat scroll 0%;
    display: block;
    text-decoration: none;
    color: black;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
	z-index:20;
    }

  * html #nav_menu ul li { float: left;
    height: 1%;
    z-index:20;
	}

  * html #nav_menu ul li a { height: 1%;
    z-index:20;
	}

  ul li a:hover { background: #828054 none repeat scroll 0%;
    color: #EDE7D4;
    text-decoration: none;
	z-index:20;
    }

  li ul li a { border-right: 0px solid black;
    padding: 5px;
    background: #828054 none repeat scroll 0%;
    text-decoration: none;
	z-index:20;
    }

  li:hover ul, li.over ul { display: block;z-index:20;
    }