BODY { 	
		margin:0px 0px;
		padding:0; 
		text-align: left;
		background: gray;	
		background: url(graffa/bg.gif);	
}


#header { 		
			z-index: 0; 
			visibility: visible; 
			position: absolute; 
			top: 30px; 
			left: 100px; 
			width: 700px; 
			height: 80px;
			background-image: url(graffa/header.png);
}
		
		
#content {
			z-index: 0; 
			position: absolute;
			top: 110px; 
			left: 100px; 
			width: 698px; 
			
			background-color: white; 
			border-color: black;
			border-top-width: 0;
			border-right-width: 1px;
			border-bottom-width: 0px;
			border-left-width: 1px;
			border-style: solid;

			padding-top: 30px;
}


#content p {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			padding-left: 30px;
}

#content h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			padding-left: 30px;
			padding-top: 10px;
}

#content .bulletedlist {
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 12px; 
}

		
#footer { 		
			z-index: 0; 
			visibility: visible; 
			position: relative; 
			left: -1px; 
			width: 700px; 
			height: 40px;
			background-image: url('graffa/footer.jpg');
}


#content .ruutu {
			z-index: 2; 
			float: right;
			width: 275px;
			margin-right: 40px;
			margin-top: 10px;
			margin-left: 20px;
			margin-bottom: 20px;
			padding-right: 10px;
			padding-bottom: 10px;
			border: 1px dotted #6e6e6e;
			background-color: #e4e4e4;
}

#content .ruutu img {
			border: 1px solid black;
			float: right;
			margin-top: 10px;
}

#content .ruutu p {
			font-size: 60%;
			line-height: 1.3;
			padding-left: 10px;
			padding-top: 10px;

}

#content .images {
			z-index: 2; 
			float: right;
			width: 350px;
			margin-top: 30px;

}			

#content .images img {
			border: 1px solid black;
			float: middle;
			margin-top: 5px;
}

/* NAVIGOINTIPALKKI*/
#navipalkki {
	z-index: 2; 
	position: absolute; 
	left: 550px; 
	top: 50px; 
	width: 220px;
}

ul#nav {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 3em;
  font-family: Arial, Helvetica, sans-serif;
}
#nav li {
  display: block;
  padding: 0; 
  margin: 0;
  float: right;
  overflow: hidden;
}
    #nav li.spc { float: right; }
    #nav li a {
      font-size: 15px;
      color: black;
      display: block;
      float: right;
      padding: 0 1.5em;
      line-height: 1.5;
      text-decoration: none;
      font-variant: small-caps;
    }
    #nav li a:hover { background: url(graffa/bg.gif);}