@charset "utf-8";

* { margin: 0; padding: 0; }

img { border: 0; }

html {
	background-color: #0a75b7;
	background-image: url(../images/html_back.png);
	background-repeat: repeat-x;
}

body {
	text-align: center;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: white;
}

	.clear { clear: both; }
	
	p.center { text-align: center; font-size: 10px; }
	
	h1 { font-family: Verdana, Helvetica, sans-seriffont-size: 22px; margin: 0 0 20px 0; font-weight: normal; }
	
	h2 { font-family: Verdana, Helvetica, sans-seriffont-size: 17px; margin: 0 0 20px 0; font-weight: normal; }
	
	h3 { font-family: Verdana, Helvetica, sans-seriffont-size: 15px; margin: 8px 0 8px 0;  }
	
	a:hover { text-decoration: none; }
	
	img { border: 0; }
	
	input, textarea{
		font-family: Tahoma;
		font-size: 14px;
		background-color: #979595;
		border: 1px solid white;
		color: #fff;
		padding: 3px;
		letter-spacing: 1px;
	}

#container {
	margin: 0 auto;
	width: 839px;
	text-align: center;
	background-image: url(../images/main_back.png);
	background-position: 50% 0;
	background-repeat: repeat-y;
}

	#top01 {
		background-image: url(../images/top01.png);
		width: 839px;
		height: 183px;
	}
	
	#top02 {
		width: 839px;
		height: 41px;
	}
		
	#flash {
		width: 839px;
		height: 235px;
	}
	
	#main {
		width: 749px;
		margin: 0 auto;
		text-align: left;
		padding: 20px 0 40px 90px;
		line-height: 1.5em;
	}
	
		#vasen { 
			width: 268px;
			float: left;
			text-align: center;
		}
		
		#vasen-left { 
			width: 238px;
			float: left;
			text-align: left;
			padding: 0 0 0 30px;
		}
		
		p.tilaa { font-size: 15px; }
		
		#uutiset {
			width: 240px;
			border: 7px solid #ffffff;
			padding: 0 7px 7px 7px;
			background-color: #cdcdcd;
			float: left;
			color: black;
			margin: 0 0 15px 0;
			text-align: left;
		}
		
		#story-oikea {
			float: left;
			width: 374px;
			padding: 0 0 0 30px;
		}
		
		input { margin: 3px 0 3px 0; }
		
			#story-oikea a { color: white; text-decoration: underline; }
			
			#story-oikea a:hover { color: white; text-decoration: none; }
		
		ul.tuotteet { list-style-type: none; margin: 0; padding: 0 5px 0 0px; }
		
		ul.tuotteet li { background-image: url(../images/lista.jpg); background-repeat: no-repeat; padding: 0 0 6px 0; font-size: 14px; }
		
		#navi-tuotteet {
			width: 160px;
			float: left;
			margin: 0 0 20px 0;
			padding: 0;
		}
		
		#tuote-frame { 
			margin: 0 0 0 20px; 
			padding: 0;
			width: 485px;
			float: left;
		} 
		
		#navi-tuotteet a { color: #f36f21; text-decoration: none; padding: 0 0 0 25px; }
			
		#navi-tuotteet a:hover { color: #222222; text-decoration: none; }
		
		table td.vasen { vertical-align: top; padding: 30px 20px 0 0; }

#footer_cont {
	background-image: url(../images/body_back.png);
	background-position: 50% 100%;
	background-repeat: no-repeat;
	position: absolute;
	bottom:0;
	height: 120px;
}
	
	#footer {
		width: 669px;
		height: 20px;
		background-image: url(../images/footer_back.png);
		background-repeat: no-repeat;
		background-position: 50% 0;
		padding: 100px 0 0 170px;
		margin: 0 auto;
		text-align: left;
		font-size: 10px;
		font-weight: bold;
		color: #5f5f5f;
	}
	
		#footer a { color: #f36f21; text-decoration: none; }
	
		#footer a:hover { text-decoration: underline; }		
		
		.hinta {text-align: right; font-size: 15px; color:#f36f21; font-weight: bold; padding: 6px 0 12px 0; }
		
		table.juomat { vertical-align: bottom; }
		
		table.juomat .hinta { padding-bottom: 6px; }

		
/* TUOTTEET */

	img { border: 0; }

	p.clear { clear: both; margin: 10px; }

#kuva {
	width: 180px;
	height: 140px;
	float: left;
	background-image: url(../tuotteet/tausta.jpg);
	text-align: center;
	padding: 0;
	display: inline;
	border: 1px solid;
	vertical-align: middle;
}

#info {
	width: 285px;
	padding: 0;
	margin: 0 0 0 10px;
	float: left;
	display: inline;
}

	h2 { margin: 0 0 10px 0; padding: 0; font-family: Verdana, Helvetica, sans-serif; font-size: 17px; }
	
	#hinta { width: 100%; text-align: right; font-size: 15px; color:#f36f21; font-weight: bold; }

#kuva-muut-tuotteet {
	width: 475px;
	height: 140px;
	float: left;
	background-image: url(../tuotteet/tausta.jpg);
	background-repeat: repeat-x;
	text-align: center;
	padding: 0;
	display: inline;
	border: 1px solid;
	vertical-align: middle;
	margin: 0 0 10px 0;
}
	
#info-muut-tuotteet {
	width: 475px;
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
}