* {
 	behavior: url('iepngfix.htc'); 
}

/* First we need to reset style formats... */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body {
	background-color: #c8b48c;
	background-image: url(imgs/bg.jpg);
	background-repeat: repeat;
	padding: 0;
	margin: 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	height: 100%;	
}

#pagecontainerBottom{
	width: 836px;
	margin: 0 auto 0 auto;	
	background-image: url(imgs/drop_footer.png);
	background-repeat: no-repeat;
	backgroun-color: transparent;
	background-position: center top;
}
#pagecontainerTop{
	width: 836px;
	height: 13px;
	margin: 0 auto 0 auto;
	line-height: 13px;		
	background-image: url(imgs/drop_top.png);
	background-repeat: no-repeat;
	backgroun-color: transparent;	
	background-position: center bottom;
}
#pagecontainer{
	width: 836px;
	margin: 0 auto 0 auto;		
	background-image: url(imgs/drop_center.png);
	background-repeat: no-repeat;
	backgroun-color: transparent;	
	background-position: center top;
}
#page{
	width: 810px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: #fff;
}
#headerArea{
	width: 810px;
	height: 95px;	
	clear: both;
}
#logo{
	width: 266px;
	float: left;
}
#lang{
	margin:60px 22px 0 0;
	float: right;
	text-align: right;
}
#lang a:link, #lang a:visited, #lang a:active{
	color: #aea27e;
	text-decoration: none;
}
#lang a:hover{
	color: #aea27e;
	text-decoration:underline;
}

#picArea{
	width: 810px;
}
#pic{
	background-color:#CCCCCC;
	width: 770px;
	height: 197px;
	margin: 0 20px 20px 20px;
}
/* Finnish navigation */
#navi{
	width: 810px;
	background-color: #bf2f38;
	height: 23px;
	line-height: 23px;
	color: #fff;
}
#navi ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navi li{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 23px;
	width: 84px;
	height: 23px;
	text-align: center;
	border-right: 2px solid #fff;
}
#navi li.hinnat {width: 120px;}
#navi li.last{
	border-right: 2px solid #bf2f38;
}
#navi li.last:hover{
	border-right: 2px solid #fff !important;
}

#navi li:hover{
	background-color: #fff;
}
#navi li:hover a, #navi li:hover a:link, #navi li:hover a:visited, #navi li:hover a:active, #navi li:hover a:hover{
	color: #bf2f38;
}
#navi li.selected:hover a, 
#navi li.selected:hover a:link, 
#navi li.selected:hover a:visited, 
#navi li.selected:hover a:active,
#navi li.selected:hover a:hover{
	color: #fff;
}
#navi li.selected{
	background-color:#b0a17a;
}
#navi li.selected a{
	margin: 0 3px 0 3px;
}
#navi li a{
	color: #fff;
	font-size: 11px;
	text-decoration:none;
	text-transform: uppercase;
	margin-left: 3px;
	margin-right: 3px;
}
#navi li a:hover{
	color: #fff;
	text-decoration: none;
}
/* English navigation */
body.en #navi li a{
	margin-left: 3px;
	margin-right: 3px;
}
body.en #navi li.prices {width: 120px;}
body.en #navi li.selected a{
	margin: 0 3px 0 3px;
}
body.en #navi li.last{
	border-right: 2px solid #bf2f38;
}

#contentArea{
	width: 810px;
}
#sidebar{
	width: 266px;
	float: left;
}
#sidebar ul{
	list-style-type: none;
	margin: 20px 20px 0 20px;
	padding: 0;
	background: url(imgs/dot.gif) left top repeat-x;
	width: 220px;
}
#sidebar li{
	margin: 0;
	padding-left: 10px;
	width: 210px;	
	height: 26px;
	line-height: 26px;
	background: url(imgs/dot.gif) left bottom repeat-x;
}
#sidebar li.selected a{
	font-weight:bold;

}
#sidebar li a:link, #sidebar li a:visited, #sidebar li a:active{
	color: #b81c23;
	text-decoration:none;
}
#sidebar li a:hover{
	color: #b81c23;
	text-decoration:underline;
}
#content{	
	float: right;
	width: 544px;
}
#footer{
	text-align: center;
	color: #6d5f41;
	width: 810px;
	height: 30px;
	line-height: 20px;
}


h1{
	font-size:28px;
	margin: 30px 0 20px 0;
	color: #ac2e30;

}
h2{
	font-size:18px;
	margin: 16px 0 10px 0;
	color: #ac2e30;
}
p{
	font-size: 12px;
	line-height: 16px;
	margin: 0 50px 20px 0;

}
a:link, a:visited, a:active{
	color: #b81c23;
	text-decoration: underline;
}
a:hover{
	color: #b81c23;
	text-decoration: none;
}

strong, b{
	font-weight:bold;
}


/*hinnat*/
#content.hinnat table{
	width:500px;
	border-left: 1px solid #ccc;
}
#content.hinnat table ul {list-style:square;margin: 5px 5px 5px 20px;}
#content.hinnat table p {margin:5px;}
#content.hinnat table td{
	padding: 2px 4px 2px 4px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;	
}
#content.hinnat table th.col1{
	text-align: left !important;
	width: 200px;
}
#content.hinnat table th{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 4px;
	text-align: center !important;
	vertical-align: bottom;
	background-color: #eee;
	border-right: 1px solid #ccc;	
}

#huomio {
	background:#AC2E30;
	padding:10px;
	margin:20px;
	display:block;
	color:#fff;
	text-align:center;
	-moz-border-radius: 8px; /* FireFox 1+ */
	-webkit-border-radius: 8px; /* Safari 3+, Chrome */
	 border-radius: 8px; /* Opera 10.5, IE 9 */
	 border:4px solid #B0A17A;
	 text-shadow:#f71014 1px 1px  6px; 
}
#huomio p {margin:0;padding:5px 0 10px 0;font-size:12pt;line-height:1.2em;}
#huomio p strong {font-size:14pt;line-height:1.3em;}
#huomio a {color:#fff;font-size:12pt;line-height:1.2em;}


/* ========================================================================================== */
/* misc */
/* ========================================================================================== */
.clearfix:after{
	content:"."; display: block; height:0; clear:both; visibility:hidden; line-height:1px;
}

/* ========================================================================================== */
/* added 20.01.20009 */
/* ========================================================================================== */

#seeoffers{
	margin: 80px 24px 24px 24px;
}