/* Copyright Jere Pilvinen */

body
{
margin: 0px;
padding: 0px;
background-image:url('images/tausta.gif');
}


/* --------------------------------linkit---------------------------- */

a
{
color: #8ab0c4;
text-decoration: underline;
}

a:visited
{
color: #8ab0c4;
text-decoration: underline;
}

a:active
{
color: #8ab0c4;
text-decoration: underline;
}

a:hover
{
color: #BBBBBB;
text-decoration: none;
}

/* -------------------------------Navigaatio------------------------------------ */

#navi
{
border: 0px;
}


ul#navigaatio {
     list-style: none;
     margin: 0;
     padding: 0;
     width: 822px;
     height: 38px;
     background: #333 url(images/navi.gif) no-repeat 0 0;
     }

#navigaatio li {
     display: inline;
     }

#navigaatio li a {
     display: inline;
     float: left;
     overflow: hidden;
     text-indent: -9999px;
     height: 38px;
     }

#navigaatio li#etusivu a {
     width: 60px;
     margin-left: 340px;
     }

#navigaatio li#etusivu a:focus,
#navigaatio li#etusivu a:hover {
     background: url(images/navi.gif) no-repeat -340px 100%;
     }

#navigaatio li#reiki a {
     width: 50px;
     margin-left: 0px;
     }

#navigaatio li#reiki a:focus,
#navigaatio li#reiki a:hover {
     background: url(images/navi.gif) no-repeat -400px 100%;
     }

#navigaatio li#reikihoito a {
     width: 65px;
     margin-left: 0px;
     }

#navigaatio li#reikihoito a:focus,
#navigaatio li#reikihoito a:hover {
     background: url(images/navi.gif) no-repeat -450px 100%;
     }


#navigaatio li#itsestani a {
     width: 125px;
     margin-left: 0px;
     }

#navigaatio li#itsestani a:focus,
#navigaatio li#itsestani a:hover {
     background: url(images/navi.gif) no-repeat -515px 100%;
     }
     
#navigaatio li#hoidot a {
     width: 60px;
     margin-left: 0px;
     }

#navigaatio li#hoidot a:focus,
#navigaatio li#hoidot a:hover {
     background: url(images/navi.gif) no-repeat -640px 100%;
     }     
     

#navigaatio li#yhteystiedot a {
     width: 100px;
     margin-left: 0px;
     }

#navigaatio li#yhteystiedot a:focus,
#navigaatio li#yhteystiedot a:hover {
     background: url(images/navi.gif) no-repeat -700px 100%;
     }     



/* ------------------------ Kuva "animaatio" -------------------------------------- */



img, a img {
padding: 2px;
border: 1px solid #CCCCCC;
}

img, a:visited img {
padding: 2px;
border: 1px solid #CCCCCC;
}

img, a:active img {
padding: 2px;
border: 1px solid #CCCCCC;
}

a:hover img {
border: 1px solid #999999;
}



/* ----------------------------- header ------------------------------------- */

#header 
{
width: 822px;
height: 106px;
border: 0px;
background-image:url('images/header.gif');
}

#aurinko 
{
width: 822px;
height: 210px;
border: 0px;
background-image:url('images/aurinko.gif');
}

#random {
padding-top: 180px;
text-align: right;
width: 790px;
height: 20px;
font-family: georgia;
font-size: 12px;
color: #f0f0f0;
}

#pisarat 
{
width: 822px;
height: 210px;
border: 0px;
background-image:url('images/pisarat.gif');
}

#kukka
{
width: 822px;
height: 210px;
border: 0px;
background-image:url('images/kukka.gif');
}

#lampi
{
width: 822px;
height: 210px;
border: 0px;
background-image:url('images/lampi.gif');
}


/* ------------------------------------- sisältö ------------------------------------- */



#contain 
{
border:0px;
width: 822px;
margin: 0 auto;
background-image:url('images/keski.gif');
background-repeat: repeat-y;
}

#tx 
{
text-align: left;
font-family: georgia;
font-size: 13px;
color: #000000;
padding-left: 35px;
border: 0px;
width: 750px;
}


/* -------------------------------- FOOOTER osa -------------------------------------- */

#footer 
{
background-image:url('images/footer.gif');
width: 822px;
height: 40px;
border: 0px;
}

#footer2
{
text-align: left;
font-family: arial;
font-size: 11px;
color: #bbbbbb;
padding-left: 35px;
padding-top: 5px;
}


/* ----------------------------- otsikot jne. -------------------------------------- */

h1
{
font-size: 16px;
font-family: Georgia, arial;
color: #8ab0c4;
margin: 0px;
}

h2
{
font-size: 13px;
font-family: arial;
color: #BBBBBB;
margin: 0px;
}