@import url(menu.css);

a {
	color:#000;
}
html, body {
	height:100%;
}
body {
	font: 82% Arial, sans-serif;
	color:#000;
	background: #fff url(/i/dec_right.png) no-repeat 100% 211px;
	margin:0; padding:0;
}
body#home {
	background: #fff url(/i/header_bg3.png) repeat-x 0 620px;
}
form {
	margin:0; padding:0;
}
hr {
	display:none;
}
h1 {
	font: 2.4em "Arial Narrow", sans-serif;
	color:#000;
	margin:0; padding: 0 0 .4em 0;
}
h2 {
	font: bold 1.4em Tahoma, sans-serif;
	color:#cca000;
	margin:0; padding: 0 0 1em 0;
}
img {
	border:none;
}
table {
	border-collapse:collapse;
	font-size:1em;
}
td {
	vertical-align:top;
	padding:0;
}
#footempty {
	height:6.4em;
}
#footer {
	position:absolute;
	bottom:0; left:0;
	width:100%; height:6.4em;
	font: .85em Tahoma, sans-serif;
	background: transparent url(/i/dot2.gif) repeat-x 0 0;
	color:#4e4e4e;
}
html>body #footer {
	min-height:6.4em;
	height:auto;
}
#footer a {
	color:#4e4e4e;
}
#header {
	background: transparent url(/i/header_bg.png) repeat-x 0 0;
}
#hin {
	/*position:relative;*/
	height:365px;
	background: transparent url(/i/header_bg4.png) repeat-x 0 0;
	text-align:center;
}
html>body #hin {
	min-height:365px;
	height:auto;
}
#hin2 {
	position:relative;
	width:962px; height:365px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#hin2 #logo {
	position:absolute;
	width:445px; height:333px;
	top:0; left:0;
	background: transparent url(/i/ollila_logo.png) no-repeat 0 0;
}
#hin2 #logo img {
	display:none;
}
#hin2 #lout {
	position:absolute;
	top:0; left:0;
	width:445px; height:333px;
	z-index:10;
}
#hin2 #lout a {
	display:block;
	width:445px; height:333px;
}
#hin2 #sl {
	position:relative;
	top:70px; left:494px;
	width:341px; height:99px;
	background: transparent url(/i/slogan.png) no-repeat 0 0;
}
#home #hin3 {
	position:relative;
	height:620px;
	background: transparent url(/i/header_bg4.png) repeat-x 0 0;
}
#home #hin {
	background: transparent url(/i/collage2/pict1.jpg) no-repeat 50% 100%;
}
#home #hin2 #fam {
	position:absolute;
	top:314px; left:496px;
	width:476px; height:344px;
	background: transparent url(/i/family.png) no-repeat 0 0;
}
#home #hin3 #fence {
	position:absolute;
	top:620px; left:0;
	width:100%; height:10px;
	background: transparent url(/i/fence.png) repeat-x 0 0;
}
#home .mbpict {
	margin: .25em 0 2.75em 0;
}
#home .news {
	margin: 0 13% 1.25em 0;
}
#home #outer {
	background: transparent url(/i/dec_left_home.png) no-repeat 0 641px;
}
#icons {
	position:absolute;
	top:35px; right:20px;
	width:25px; height:115px;
}
#icons img {
	width:25px; height:25px;
	display:block;
}
#icons #img1 {
	position:absolute;
	top:0; left:0;
}
#icons #img2 {
	position:absolute;
	top:29px; left:0;
}
#icons #img3 {
	position:absolute;
	top:58px; left:0;
}
#icons #img4 {
	position:absolute;
	top:87px; left:0;
}
#ks {
	background: transparent url(/i/kelnik_logo.gif) no-repeat 0 0;
	margin: 2.25em 0 0 0 !important; padding: 0 0 0 41px !important;
}
#ks span {
	display:block;
	width:8.6em; height:15px;
	position:relative; top:-0.24em;
}
html>body #ks span {
	height:auto;
	min-height:15px;
}
#outer {
	position:relative;
	width:100%; height:100%;
	width:expression(
		(
			(document.compatMode && document.compatMode=='CSS1Compat') ?
			document.documentElement.clientWidth : document.body.clientWidth
		)
		< 994 ? "994px" : "100%"
	);
	background: transparent url(/i/dec_left.png) no-repeat 0 340px;
/*
	width:expression(
		document.body.clientWidth < 994 ? "994px" : "100%"
	);
*/
}
html>body #outer {
	min-width:996px; min-height:100%;
	width:auto; height:auto;
}
.al {
	text-align:center;
}
.bans {
	float:right;
	margin: 0 0 0 10px;
}
.bg {
	height:340px;
	background: transparent url(/i/dec_right_home.png) no-repeat 100% 42px;
}
html>body .bg {
	min-height:340px;
	height:auto;
}
/*
.ble {
	width:67%;
	float:left;
}
.bri {
	width:28%;
	float:right;
}
*/
.ble {
	width:64%;
	float:left;
}
.ble ul, .ble li {
	list-style-type:none;
	margin:0; padding:0;
}
.ble ul {
	margin: 0 0 1.25em 20px; padding:0;
}
.ble ul li {
	background: transparent url(/i/bullet.gif) no-repeat 0 .55em;
	margin:0; padding: 0 0 0 12px;
}
.bri {
	width:31%;
	float:right;
}
.but {
	font: 1.1em Arial, sans-serif;
	padding: .15em 0;
}
html>body .but {
	padding: .15em 5px;
}
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
}
.colo, .colo a {
	color: #666 !important;
}
.colo2 {
	color: #cca000 !important;
}
.colo3 {
	color: #cc9900 !important;
}
.com {
	padding: 0 0 0 4%;
}
.com p {
	margin:0; padding: 0 0 1.25em 0;
}
.com sup {
	font: .75em Arial, sans-serif;
}
.dec {
	height:20px;
	background: transparent url(/i/dec_center.png) no-repeat 50% 0;
	margin: 1em 0 3.5em 0;
}
.fixwi {
	width:100%;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.gpict {
	width:280px;
	float:left;
	margin: 0 20px 0 0;
}
html>body .gpict {
	width:320px;
	margin:0;
}
.gpict .pict {
	margin: 0 0 20px 0 !important;
}
.hr {
	height:1px;
	font-size:1px;
	line-height:1px;
	background-color:#e6bbc7;
}
.ind {
	padding: 2em 0 0 0 !important;
}
.ind2 {
	margin-right: 13% !important;
}
.ind3 {
	padding: 6px 13% .5em 120px !important;
}
.ind4 {
	margin-top: 45px !important;
}
.ind5 {
	padding: 0 0 .4em 0 !important;
}
.ind6 {
	padding: 0 0 0 320px !important;
}
.ind7 {
	padding: 0 0 1.25em 20px !important;
}
.inp {
	width:350px; height:20px;
	margin:10px;
}
.iout {
	background-color:#ffefb4;
}
.slider {
	margin: 0 0 1em 0;
}
.slider strong {
	color:#cca000;
	margin: 0 4px 0 0;
}
.slider a {
	margin: 0 4px 0 0;
}
.mbpict {
	width:100%;
	margin: 0 0 2em 0;
}
.mbpict td {
	text-align:center;
}
.mbpict td img {
	margin: 0 0 .6em 0;
}
.news, .news2 {
	color:#666;
	margin: 0 0 1.25em 0;
}
.news p, .news2 p {
	font-size: .85em;
	line-height:1.35;
	margin:0; padding: .1em 0 0 0 !important;
}
.news .fin, .news2 .fin {
	font: .85em Arial, sans-serif;
	padding: 0 0 .1em 0;
}
.news2 {
	color:#000;
}
.news a {
	color:#666;
}
/*
.news span, .news2 span {
	font-size:.85em;
}
*/
.pict, .pict2, .pict3 {
	background-color:#f5f5f5;
	float:left;
	margin: 0 20px 20px 0;
}
.pict img {
	width:280px;
	*margin:10px;
}
html>body .pict img {
	margin: 10px 10px 7px 10px;
}
.pict2 img {
	width:160px;
	*margin:10px;
}
html>body .pict2 img {
	margin: 10px 10px 7px 10px;
}
.pict3 img {
	*margin:10px;
}
html>body .pict3 img {
	margin: 10px 10px 7px 10px;
}
.pict4 {
	float:left;
	margin: 0 20px 20px 0;
	border: 10px solid #f5f5f5;

}
.pout, .pout2 {
	width:180px;
	float:left;
	margin: 0 20px 20px 0;
}
.pout2 {
	width:215px;
}
.pout .pict2 {
	float:none;
	margin:0;
}
.pout p {
	font-weight:bold;
	text-align:center;
	padding: .65em 0 1em 0 !important;
}
.search {
	margin: 0 0 1em 0;
}
.search .b1 {
	vertical-align:middle;
	padding: 0 0 0 15px;
}
.sp {
	position:relative;
	font-size:.85em;
	height:70px;
	color:#666;
	background: #f5f5f5 url(/i/btk.png) no-repeat 0 0;
	margin: 0 0 1.5em 0;
}
html>body .sp {
	min-height:70px;
	height:auto;
}
.sp a {
	color:#666;
}
.sp strong {
	display:block;
	padding: .5em 5px .4em 0;
}
.sp #clge {
	position:absolute;
	top:-545px; left:0;
	width:100%; height:545px;
	background: transparent url(/i/collage/pict1.jpg) no-repeat 100% 100%;
}
.sp2 {
	position:relative;
	width:170px; height:30px;
	font: 1.6em "Arial Narrow", sans-serif;
	color:#808080;
	overflow:hidden;
	margin: 0 0 1em 120px;
}
.sp2 span {
	font-size:1.35em ;
	color:#4d4d4d;
}
.sp2 img {
	position:absolute;
	width:170px; height:30px;
	top:0; left:0;
	z-index:10;
}
.ti {
	font: 1.85em "Arial Narrow", sans-serif;
	margin:0; padding: .25em 0 .75em 0;
}

@media screen {
	a { cursor:hand; }
	html>body a { cursor:pointer; }
}