@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}:focus {outline: 0;}ins {text-decoration: none;}del {	text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}.clear:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}.clear {display: inline-block;}html[xmlns] .clear {display: block;}* html .clear {height: 1%;}
/*end reset*/
html{height:100%; font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
body{height:101%;background:url(../images/kelo.jpg) no-repeat 50% 0%;}
body.referenssit{background:url(../images/kaislikko.jpg) no-repeat 50% 0;}
body.galleria{background:url(../images/kivikko.jpg) no-repeat 50% 0;}
body.yhteystiedot{background:url(../images/koivumaisema.jpg) no-repeat 50% 0;}
body.sisustussuunnittelu{background:url(../images/kelo.jpg) no-repeat 50% 0;}
body.somistus{background:url(../images/kelo.jpg) no-repeat 50% 0;}
body.stailaus{background:url(../images/kelo.jpg) no-repeat 50% 0;}
h1, h2, h3, h4, h5, p{margin:10px 0;}
#header{width:960px; margin:0 auto;text-align:center;}
#mainnav{height:36px; background:#afafaf;}
#mainnav ul{width:404px; margin:0 auto;}
#mainnav ul li ul{width:150px; margin:0	;}
#mainnav ul li{float:left; text-decoration:none;}
#mainnav ul li a{text-decoration:none;color:#fff;font-size:13px;display:block;padding:0px 9px;height:36px;line-height:36px;text-transform:uppercase;}
#mainnav ul li a:hover{background:#fff;color:#afafaf;}
#mainnav ul li ul li a, #mainnav ul li.sfHover a.sf-with-ul{text-decoration:none;background:#fff;color:#afafaf;font-size:13px;display:block;padding:0px 9px;height:36px;line-height:36px;text-transform:uppercase;}
#mainnav ul li ul li a{margin:1px 0 0;font-size:12px;line-height:30px;height:30px;}
#mainnav ul li ul li a:hover{color:#afafaf;background:#F8F8F8;}
#wrap{height:100%;}
#wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px; background:url(../images/white.png) repeat-x 0px 170px;}
#content{width:404px;margin:0 auto; background:#fff url(../images/gradient.gif) repeat-x left top;}
#footer2{width:960px; margin:0 auto;border-top:solid 3px #afafaf;color:#6b6764;}
#footer2 p{float:left;padding: 0 100px 0 0;}
#text{text-align:center;padding:20px;color:#6b6764;line-height:18px;}
#text2{text-align:left;padding:20px;color:#6b6764;line-height:18px;}
#text h1{font-size:14px;margin:15px 0;}
#text h1 a{color:#6b6764; text-decoration:none;}
#text h1 a:hover{text-decoration:underline;}
marquee{margin:0 0 20px 0;float:left;width:324px;display:block;}
#news .uutish{margin:0 0 20px 0;display:block;float:left; width:60px;font-weight:bold;padding:0 0 0 10px;}
.pvm{margin:0 5px;}
.footer, .push {height: 100px;}
.contactform label{display:block;float:left;width:100px;}
.contactform div{margin:0 0 5px;}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}