﻿BODY {
	background-color: #ffffff;
	color: #222222;
	font-family: arial, sans-serif;
	font-size: 13px;
	text-align: center;
	margin: 0 0 0 0;
	
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
H1 {font-size: 14px;}
A {text-decoration: none; color: #d7740e;}
A:hover {text-decoration: underline; color: #d7740e;}
A:visited {text-decoration: none; color: #d7740e;}

#container {margin: 0 auto 0 20px; width: 950px; height: 700px;  text-align: left; }
#navi {
	position: relative;
	text-align: left;
	width: 800px;
	top: 25px;
	left:30px;
	font-weight: bold;
	font-size: 14px;
	font-family: arial, sans-serif;
	vertical-align: middle;
	margin: 0 0 0 0;
	padding: 0 0 0 0;


}
#logo {margin-left: 20px; margin-right: 30px;}
#logo_ala {margin-left: 20px; margin-right: 10px;}
#navi A {color: #000000; text-decoration: none;}
#navi A:hover {color: #663333; text-decoration: none;}
#navi .choice1 {position: absolute; left: 5px; top: 0px; width: 105px; text-align: center;}
#navi .choice2 {position: absolute; left: 128px; top: 0px; width: 115px; text-align: center;}
#navi .choice3 {position: absolute; left: 254px; top: 0px; width: 115px; text-align: center;}
#navi .choice4 {position: absolute; left: 503px; top: 0px; width: 115px; text-align: center;} 
#navi .choice5 {position: absolute; left: 625px; top: 0px; width: 115px; text-align: center;}

#etusivu-sel {position: absolute; left: 50px; top:58px; z-index: -1000;  }
#sivu2-sel {position: absolute; left: 177px; top:58px; z-index: -1000;  }
#sivu3-sel {position: absolute; left: 302px; top:58px; z-index: -1000;  }
#sivu4-sel {position: absolute; left: 553px; top:58px; z-index: -1000;  }
#sivu5-sel {position: absolute; left: 677px; top:58px; z-index: -1000;  }

#left-col {position: absolute; left: 50px; top: 90px;  width: 430px; height: 600px; }
#left-tab {width: 100%;}
#left-tab TD {vertical-align: top;}


#pagetitle {height: 141px;}
#pagetitle h1 { font-size: 14px;}
#left_content {height: 200px; margin: 00px 0 0 0;}
#left_content_wide{margin: 0px 20px 0 20px;}
#right_content_wide{margin: 30px 20px 0 20px;}

#tarra1 { margin: 10px 0 10px 0; padding: 10px 20px 0px 5px; width: 153px; height: 166px;	background-image: url(../img/tarra_suora.jpg); background-repeat: no-repeat;	background-position: top left;  }
#tarra2 { margin: 0px 0 0 0; padding: 10px 15px 0px 15px; width: 153px; height: 166px;	background-image: url(../img/tarra_suora2.jpg); background-repeat: no-repeat;	background-position: top left;}
#kupla { margin: 0px 0 0 0; padding: 60px 30px 0px 35px; width: 160px; height: 127px;	background-image: url(../img/kupla.jpg); background-repeat: no-repeat;	background-position: top left; font-size: 12px;}


#right-col {position: absolute; left: 530px; top: 110px;  width: 430px; height: 580px; }
#mainpic {position:relative; top: 0px; left: 20px; width: 385px; text-align: center;}

#tarra3 { float:left; margin: 50px 0 0 20px; padding: 5px 20px 0px 20px; width: 154px; height: 182px;	background-image: url(../img/tarra_suora2.jpg); background-repeat: no-repeat;	background-position: top left; }
#tarra4{  float:left; margin: 80px 0 0 20px; padding: 5px 20px 0px 20px; width: 149px; height: 182px;	background-image: url(../img/tarra_suora2.jpg); background-repeat: no-repeat;	background-position: top left; }

#footer {position: absolute; bottom: 8px; vertical-align: top; font-size: 11px; color: #666666; width: 430px; text-align: center;}
#footer_tab {margin: 0 0 0 0;}
#footer IMG {float:left;}
