/*-----------------------------------------------
Yleiset
-----------------------------------------------*/
 
html{overflow: -moz-scrollbars-vertical;}
body{font: 12px 'Lucida Sans Unicode', 'Lucida Grande', Georgia,'Trebuchet MS',arial,sans-serif; color:#272727; text-align:center; background: #ffffff url(../i/bg_body.jpg) repeat-x; line-height: 1.7;}
* {margin:0px; padding:0px; border:0px;}



/*-----------------------------------------------
Otsikot ja leipis
 -----------------------------------------------*/
h1, h2, h3, h4, h5{margin:0px 0px 10px 0px; color:#b41410; padding-bottom: 5px; line-height: 1;}
h1 {font-weight: normal; font-size:24px;}
h2 {font-weight: normal; font-size:20px;}
h3 {font-weight: normal; font-size:18px; border-bottom: 1px solid #b41410; }
h4 {font-weight: bold; font-size:14px;}
h5 {font-weight: bold; font-size:12px;}
p{margin:0; padding:0px 0px 10px 0px; color:#272727;}




/*-----------------------------------------------
Linkit
 -----------------------------------------------*/
a {color: #b41410;  text-decoration: none;}
a:hover { text-decoration: underline;}





/*-----------------------------------------------
Leiskan runko
 -----------------------------------------------*/
div#container{position: relative; clear: both; text-align:left; width:880px; margin:0 auto; }
div#header{position:relative; float:left; clear:both; width:760px; height: 130px; padding: 0 60px; background: #ffffff url(../i/bg_header.jpg) no-repeat;}
div#info{position: relative; float: left; clear: both; width: 760px; height: 330px; padding: 40px 60px 0; background: #f5f5f5 url(../i/bg_info.jpg) no-repeat;}
ul#navigaatio{float:left; clear:both; position:relative;}
div#content{position: relative; float:left; width:760px; padding: 30px 60px 20px; background: #ffffff url(../i/bg_container.jpg) repeat-y;}

div#footer{position: relative; float: left; width: 880px; height: 50px; background: #ffffff url(../i/bg_footer_bottom.jpg) no-repeat; margin-bottom: 50px; line-height: 1.4;}
* html div#footer{ margin-top: -60px;}
div#business_card { position: absolute; top: 45px; right: 80px; width: 360px;}




/*-----------------------------------------------
Navigaatio - vaaka
 -----------------------------------------------*/
div#header h1 a{background:transparent url(../i/btn_logo.gif) no-repeat scroll 0 0; font-weight:bold; left:60; position:absolute; text-indent:-9999px; top:57px; width:138px; height:55px; display:inline;}
 


/*-----------------------------------------------
Navigaatio - vaaka
 -----------------------------------------------*/
ul#navigaatio{position: absolute; bottom: 0px; right: 30px; font-size:22px; vertical-align: bottom; display: block;}
ul#navigaatio li {float:left; position:relative; list-style:none; border-right:1px solid #DDDDDD;}
ul#navigaatio li.last {border: 0;}
ul#navigaatio li a {text-decoration: none; color:#666; padding: 40px 20px 10px; display:block; }
ul#navigaatio li.last a {padding: 40px 30px 10px 20px; }
ul#navigaatio li a:hover { color:#666; background: #f5f5f5; }
ul#navigaatio li a:active {}




/*-----------------------------------------------
Info
 -----------------------------------------------*/
div#info p {font-size: 12px;}


/*-----------------------------------------------
Palstat
 -----------------------------------------------*/
.palstat, .palstat p { position: relative; float: left; width: 230px !important; padding-right:20px;}
.palstat h2{ margin: 20px 0 10px; padding: 0; font-size: 13px;}
div#hand {position: absolute; right: 30px; top: 210px; background: url(../i/cnt_hand.jpg) no-repeat; width: 326px; height: 136px;}
#map {position: absolute; top: -20px; left: 40px;}
#chart {position: absolute; top: 100px; display: inline;}
div#content p {width: 500px;}
#btn_tutustu {float: left; margin-top: 20px;}
.toimipaikat {display: block; margin-top:21px; font-weight:bold; color:#005982;}




/*-----------------------------------------------
Hinnasto
 -----------------------------------------------*/
#hinnasto {margin: 15px 0 20px;}
#hinnasto td {width: 220px; padding: 5px 20px 5px 10px; border-right: 10px solid #ffffff;}
.hinnasto_otsikot {color:#b41410; background: #f5f5f5; font-size: 13px;}
.bg_gray {background: #f5f5f5;}




/*-----------------------------------------------
Yhteystiedot
 -----------------------------------------------*/
div#contact {position:relative; float:left; width: 100%; margin-top: 50px; padding-top: 12px; color: #666; border-top: 1px solid #ccc;}
div#contact address {float: right; position:relative; text-align: right; font-style: normal;}
div#contact .important, div#contact .important a {color: #005982;}


/*-----------------------------------------------
Palvelut - navi
 -----------------------------------------------*/
.menu2 {
	position: absolute;
	left: 225px;
	bottom: -20px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: 100;
	background: url(../i/cnt_chart3.gif) 0px 0px no-repeat;
	width:500px;
	height: 300px;
}
.menu2 div {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: center;
}
.menu2 a {
	display: block;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	width: 70px;
	height: 40px;

}
.menu2 a#nav_1 {position: absolute; top: 50px; left: 0px;}
.menu2 a#nav_2 {position: absolute; top: 25px; left: 50px;}
.menu2 a#nav_3 {position: absolute; top: 40px; left: 120px; width:70px;}
.menu2 a#nav_4 {position: absolute; top: 0px; left: 180px; width: 80px;}
.menu2 a#nav_5 {position: absolute; top: 40px; left: 230px; width: 90px;}
.menu2 a#nav_6 {position: absolute; top: 10px; left: 320px; width: 60px;}
.menu2 a#nav_7 {position: absolute; top: 50px; left: 360px; width: 120px; height: 45px;}



.menu2 a em {
	font-weight: normal; 
	background: #999; 
	width: 220px; 
	position: absolute; 
	top: 0px; 
	padding: 20px;
	font-size: 13px;;
	z-index: 2;
	display: none;
	line-height: 1.2;
	color:#FFFFFF;
	opacity: 0.97;
	text-decoration: none;
	font-style: normal;
}

* html em { text-decoration: underline; } /* IE6 Bug fix - removes underline =) */

.menu2 a#nav_1 em{position: absolute; top: 60px; left: 20px;}
.menu2 a#nav_2 em{position: absolute; top: 90px; left: 30px;}
.menu2 a#nav_3 em{position: absolute; top: 60px; left: 40px; }
.menu2 a#nav_4 em{position: absolute; top: 90px; left: 0px; }
.menu2 a#nav_5 em{position: absolute; top: 50px; left: -150px; }
.menu2 a#nav_6 em{position: absolute; top: 90px; left: -150px;}
.menu2 a#nav_7 em{position: absolute; top: 60px; left: -150px; }