/* Tyyli Gratel Oy */


html {text-align:center;}



	

* 	{margin:0;
	padding:0;}

h1, h2, h3, h4, h5 {font-size:100%;}

ol, ul {list-style:none;}

img {border:0;}

th {text-align:left;}


.clearthefloats {clear:both;}


body 	{position:relative;
	width:770px;
	margin:30px auto 0 auto;
	background:#004ca1;
	text-align:left;
	font:80% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
		}


/* LAATIKKO */

#laatikko {width:770px;
			padding-top:27px;
		
		background:#fff url(kuvat/ylareuna.jpg) no-repeat top left;}
                   
/* OTSIKKO */

div#otsikko {margin-top:0;
			width:770px;
			height:140px;
			background:transparent url(kuvat/header.jpg) no-repeat top left;}

div#otsikko h1 {text-indent: -9999px;}

div#otsikko p {text-indent: -9999px;}
			
		


/* LINKIT */



div#linkit	{float:left;
	width:770px;
	margin:0;
	padding-top:0;
	list-style:none;
	background:#fff;
	}

div#linkit ul {width:770px; 
			height:30px; background: transparent;}

#linkit	li {display:inline;
	
	margin:0;
	padding:0;
	list-style:none;
	font:100% Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	
	}


#linkit a {float:left; 
	display:block; 
	margin-left:20px;
	padding: 7px 12px;
	color:#000;
	text-decoration:none;
	font-weight:bold;	
	background:transparent;}


#linkit a:hover {color:#004ca1;
				
			
				background: transparent;}


/* SISÄLTÖ */


div#sisalto {position:relative;
		width:770px;
		padding-bottom:50px;
		
		margin:0;
		background:#fff;
		
		}


/* VASEN helmi 08 vasemmassa palstassa ei sisältöä, jätetty mahdollisia tulevia alilinkkejä varten */

#vasen {position:absolute;
			top:0; left:0;
			width:0;
			height:0;
			background:transparent;}
			


#vasen ul {padding:15px 0 15px 0;
				margin:0;
				}

#vasen ul li {padding:4px 0;}



#vasen ul ul {margin-left:40px;
					font-style:italic;
					width:400px;
					padding:5px 0;}
					
#vasen ul ul li {padding:2px 0;}

#vasen ul ul ul {margin-left:20px;
						font-style:normal;}
			


/* OIKEA */ 

#oikea {
		margin-left:125px;
		width:520px;
		}


div#oikea h2 {font:160% Geneva, Arial, Helvetica, sans-serif;
			
				padding:40px 20px 50px 0; 
				margin-left:0;
		color:#020202;
		font-weight:bold;
		letter-spacing:1px;
		
		
		}

h2.laitteet {background:transparent url(kuvat/laitteet.gif) no-repeat top left; text-indent:-9999px;}
h2.materiaalit {background:transparent url(kuvat/materiaalit.gif) no-repeat top left; text-indent:-9999px;}
h2.yhteystiedot {background:transparent url(kuvat/yhteystiedot.gif) no-repeat top left; text-indent:-9999px;}
h2.ajankohtaista {background:transparent url(kuvat/ajankohtaista.gif) no-repeat top left; text-indent:-9999px;}
h2.index {background:transparent url(kuvat/index.gif) no-repeat top left; text-indent:-9999px;}
h2.myynti {background:transparent url(kuvat/myynti.gif) no-repeat top left; text-indent:-9999px;}

h2.english {background:transparent url(kuvat/english.gif) no-repeat top left; text-indent:-9999px;}
h2.svenska {background:transparent url(kuvat/svenska.gif) no-repeat top left; text-indent:-9999px;}


div#oikea h3 {font:120% "Courier New", Courier, monospace;
		
		
		padding:20px 0 0 30px; 
		color:#000;
		font-weight:bold;
		letter-spacing:1px;
		}
		
div#oikea h4 {font:120% Geneva, Arial, Helvetica, sans-serif;
				padding:15px 0 1px 0; 
				margin-left:0;
		color:#030303;
		font-weight:bold;
		letter-spacing:1px;
	
		background:transparent;
		}

div#oikea h5 {font:100% Geneva, Arial, Helvetica, sans-serif;
		margin-left:0;
		padding:20px 0 10px 0; 
		color:#030303;
		font-weight:bold;
		letter-spacing:1px;}

div#oikea h6 {font-size:110%;
				color:#51329a;
				font-weight:bold;
				font-style:italic;
				padding:25px 0 10px 0;
				margin-left:0;}

div#oikea p {margin-left:0;
				padding:10px 0 15px 0;
				width:440px;
				font-size:105%;}

div#oikea ul {padding:0 0 15px 0;
				margin-left:30px;
				}

div#oikea ul li {padding:4px 0;}



div#oikea ul ul {margin-left:40px;
					font-style:italic;
					width:400px;
					padding:5px 0;}
					
div#oikea ul ul li {padding:2px 0;}

div#oikea ul ul ul {margin-left:20px;
						font-style:normal;}

 
div#oikea a {text-decoration:underline; 
		color:#000;
		font-weight:bold;
		font-size:90%;
		}

div#oikea a:hover {text-decoration:none;
			color:#004ca1;}

div#oikea dl {padding:5px 0 40px 0;
				margin-left:0;
				width:500px;}

div#oikea dt {font-size:90%;
				color:#004ca1;
				font-weight:bold;
				font-style:italic;
				padding:15px 0 5px 0;}

div#oikea dd {padding:5px 0 10px 20px;
			
				font-style:italic;}



.korostettu {font-weight:bold;}

.kasvokuva {float:left;
			padding:2px;
			border:1px solid #000;
			background-color:#000;
			margin:10px 10px 0 0;}
			



/* INFO */

div#info {
	width:770px;
	height:110px;
	font:90% Verdana, Arial, Helvetica, sans-serif;
	color:#3a484b;
	padding-top:0;
	text-align:center;
	background:transparent url(kuvat/footer.jpg) no-repeat top left;
	}

div#info a {text-decoration:underline; 
		color:#000;
		font-weight:bold;
		font-size:90%;
		}

div#info a:hover {text-decoration:none;
			color:#004ca1;}	
div#info ul {padding:20px 0 0 0;}

div#info li {display:inline;
		padding-right:10px;
		
		}
		
.kielet a {font-weight:bold;
			
			text-decoration:none;
			font-size:110%;}