body {background: url(osat/ylatausta.jpg) repeat-x top left;
margin:0;
padding:0;
}

#yla {background: url(osat/yla.jpg) no-repeat top left;
width:1209px;
height:301px;
margin-left:-600px;
position:absolute;
left:50%;
margin-top:0;
}

/*NAVIGOINTI*/
p.navi {margin-top: 168px;
padding:0;
font-family: Verdana, Arial, Sans-serif;
font-size: 14px;
font-weight:normal;
text-transform: uppercase;
}

a.navi {color: #333333;
text-decoration:none;
padding: 0 50px 0 0;
}

a.navi:hover {color:#FF6600;
}

/*TUOTTEET-SIVUN ALANAVI*/

#alanavi {float:left;
margin: 40px 0 400px -210px;
position:absolute;
display:block;
height: 500px;

}

/*SISÄLTÖ*/


#sisalto {
width:100%;
margin-left:-50%;
margin-top: 300px;
position:absolute;
left:50%;

}

#teksti {
width:600px;
margin: 0 auto 0 auto;

}

#laite {
border-top: 1px dashed #cccccc;
width: 600px;
clear:both;
padding: 0 0 10px 0;
}

h1{
color: #FF6600; 
background: url(osat/otsikko.gif) no-repeat top left;
width: 628px;
font-family: Verdana, Arial, sans-serif;
font-weight:normal;
margin: 0px 0 0 0;

}



h2{
color: #006699; 
font-family: Verdana, Arial, sans-serif;
font-weight:bold;
font-size: 16px;
margin: 20px 0 0 0;
}

h3{
color: #FF6600; 
font-family: Verdana, Arial, sans-serif;
font-weight:normal;
font-size: 22px;
margin: -20px 0 0 0;
line-height: 34px;
}

p {color: #333333;
font-family: Verdana, Arial, sans-serif;
font-weight:normal;
font-size: 12px;
}

#etusivunkuvat {width: 648px;
margin: 10px 0 10px 0;
}

img {border:0;
}

img.oikea {
border: 0; 
float:right;
margin: 20px 0 10px 0;}

a {border:0;
}

#harpake {background: #ffffff url(osat/alaharpake.jpg) no-repeat bottom center;
height: 93px;
margin:0;
}

#ala {
background: url(osat/ala.jpg) repeat-x bottom left;
height:94px;
margin: 0;
}

p.ala {font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #cccccc;
text-align:center;
margin:0;
padding:0;
}

a.ala {color: #cccccc;
text-decoration:none;

}

a.ala:hover {text-decoration:underline;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}