* {
margin: 0px;
padding: 0px;
}

html {
height: 100%;
}

	body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background:#BAC6D1 url(../build/bigpattern.jpg) repeat-y; 
	}

	#page {
	width: 874px;
	margin: 0px;
	min-height: 100%;
	text-align: left;
	}

	* html #page {
	height: 100%;
	}

		#leftarea {
		position: absolute;
		width: 236px;
		}

			#navi {
			position: relative;
			width: 236px;
			text-align: right;
			font-family: Georgia, Arial, sans-serif;
			font-size: 0.8em;
			background: #FFFFFF url(../build/left_toppattern.jpg) repeat-y;
			}

				.toplogo {
				margin-bottom: 20px;
				}

				.button {
				position: relative;
				color: #ADAEB2;
				padding: 3px 35px 10px 0px;
				background: url(../build/navi_button_bottom3.jpg) repeat-x bottom;
				}

				.bottombutton {
				position: relative;
				color: #BBBDC2;
				padding: 3px 35px 20px 0px;
				background: url(../build/gradi_under_navi3.jpg) repeat-x bottom;
				}

				.bottombutton a, .button a  {
				text-decoration: none;
				color: #112251;
				}

				.bottombutton a:hover, .button a:hover  {
				color: #000000;
				border-bottom: 1px solid #94B1E6;
				}

				#aukioloajat  {
				position: relative;
				width: 170px;
				top: 23px;
				border: 1px solid #E6E8EC;
				text-align: left;
				font-family: Trebuchet MS, sans-serif;
				font-size: 0.6em;
				color: #666666;
				background: #FAFBFD;
				}

				.avoinna {padding-left: 5px;background: #EEEFF1;color: #000000;}
				.info {padding-left: 5px;background: #EEEFF1;color: #000000;}
				.paiva {padding-left: 5px;}
				.aika {padding-left: 5px;}
				.info {padding-left: 5px;}

		#centerarea {
		position: relative;
		left: 236px;
		width: 605px;
		}

			#centerarea img {
			margin-left: 20px;
			}

	#footer {
	position: absolute;
	left: 237px;
	top: 700px;
	width: 604px;
	height: 25px;
	border-top: 1px solid #E1E1E1;
	padding-top: 9px;
	font-size: 12px;
	line-height: 1.5em;
	text-align: center;
	}

		#footer a {
		text-decoration: underline;
		font-family: Trebuchet MS, sans-serif;
		color: #666666;
		}

		#footer a:hover {
		text-decoration: none;
		color: #222222;
		}

	#footeropen {
	position: absolute;
	left: 237px;
	top: 700px;
	width: 604px;
	height: 319px;
	border-top: 1px solid #E1E1E1;
	text-align: center;
	background: #FFFFFF;
	}

		#footeropen img {
		margin: 3px;
		border: 2px solid #FFFFFF;
		}

		#footeropen a {
		text-decoration: underline;
		font-family: Trebuchet MS, sans-serif;
		font-size: 12px;
		line-height: 32px;
		color: #666666;
		}

		#footeropen a:hover {
		text-decoration: none;
		color: #222222;
		}

		#footeropen a:hover img  { 
		border: 2px solid #CECECE; 
		}

	#ytkumplist {
	position: absolute;
	left: 234px;
	top: 355px;
	width: 612px;
	height: 319px;
	text-align: center;
	}

		#ytkumplist img {
		margin: 3px;
		border: 2px solid #FFFFFF;
		}

		#ytkumplist a {
		text-decoration: underline;
		font-family: Trebuchet MS, sans-serif;
		font-size: 12px;
		line-height: 32px;
		color: #666666;
		}

		#ytkumplist a:hover {
		text-decoration: none;
		color: #222222;
		}

		#ytkumplist a:hover img  { 
		border: 2px solid #CECECE; 
		}