body {
width:100%;
margin:12%;
margin-top:3%;
background-image: url("tausta.jpg"); background-attachment: fixed; 
}



/* ----- HEADER ----- */



#header {
width:748px;
height:131px;
background-image: url("otsikko.jpg") 

}



/* FAUX LAYOUT WRAPPER */

#wrapper{
width:750px;
margin-top:5px;
}


/* ----- NAVIGATION ----- */



#navigation {
width:21%;
background-image: url("harja1.jpg");
margin-top:3%;
padding:2%;
float:left;
font-size:1.1em;
font-weight: bold;
line-height:170%;}
a {
color:black;}

a:hover {
color:white;}

a:active {
color:white;}

a:visited  {
color:#8F5120;}



/* ----- MAIN CONTENT ----- */



#content { 
margin-left:28%;
width:65%;
background-image: url("harja1.jpg");
margin-top:3%;
padding:3%;
font-size:1.1em;
}



/* ----- FOOTER ----- */



#footer { 
margin-left:28%;
width:65%;
margin-top:3%;
padding:3%;
font-size:1.1em;
}