@charset "utf-8";
@media screen, projection, tv {
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,
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-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
strong, b {
	font-weight:bold;
}
/* remember to define focus styles! */
:focus {
	outline:0;
}
body {
	line-height:1;
	color:black;
	background:white;
}
ol, ul {
	list-style:none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}/*
	Fi-Service site default styles
	Blowback 2010 / www.blowback.fi
*/

body {
	overflow:hidden;
	height:100%; 
	max-height:100%; 
	font:13px/130% "Lucida Grande","Lucida Sans Unicode",sans-serif;
	background:#fff;
	color:#111;
}


/*	Main wrappers
----------------------------	*/
#left, #top {
	position:absolute;
	top:0; left:0; 
	color:white;
}

#top { 
	left:205px; /*Set left value to WidthOfLeftFrameDiv*/
	right:0;
	width:auto;
	height:200px; /*Height of top frame div*/
	background:#fff url('../img/tausta.gif') -205px 0 no-repeat;
}

#left {
	width:205px; /*Width of left frame div*/
	height:100%;
	background:#fff url('../img/tausta.gif') 0 0 no-repeat;
}

#content {
	position:fixed;
	left:205px; /*Set left value to WidthOfLeftFrameDiv*/
	top:200px; /*Set top value to HeightOfTopFrameDiv*/
	right:0; bottom:0;
	overflow:auto;
}


#content .inner		{ width:630px; position:relative; }
#content .content	{ padding:0 15px; position:relative; }


/*	Frames
----------------------------	*/
#left img.logo		{ margin:15px 0 0 1em; }
#top a.logo			{ display:block; width:430px; height:75px; position:absolute; top:80px; left:194px; text-indent:-9999px; background:#fff url('../img/logo.gif') 0 0 no-repeat; }
#top p.contact		{ position:absolute; top:22px; left:-32px; }
#top p.contact		{ color:#333; font-size:14px; text-align:right; line-height:150%; }
#top p.contact span	{ color:#fff; }


/*	Navigation
----------------------------	*/
#menu				{ margin:15px 0 0 1em; width:152px;  }
/* sub taustat */
#menu li ul			{ background:transparent url('../img/navi-bg.png') repeat; border:1px solid #888; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#menu li ul li ul	{ background:none; border:none; }
/* sub tekstit */
#menu li ul					{ font-size:12px; line-height:110%; margin:1px 1px 3px; padding:1px 0 2px; }
#menu li ul li ul			{ margin-top:-2px; padding:0; }
#menu li ul li ul li ul		{ margin-top:4px; padding:0; }
/* sub linkit*/
#menu li a					{ color:#000; display:block; text-decoration:none; padding:0 .5em; }
#menu li ul a				{ margin:4px 0 6px 5px; background:transparent url('../img/navi-list.png') 0 4px no-repeat; }
#menu li ul li ul a			{ margin:4px 0 3px 12px; }
#menu li ul li ul li ul a	{ margin:4px 0 3px 20px; }
#menu li ul a:hover			{ text-decoration:underline; }
/* sub tabit*/
#menu li a.tab				{ color:#1b1b1b; height:30px; line-height:30px; font-size:14px; background:transparent url('../img/navi-tab.png') 0% 0% no-repeat; }
#menu li.active a.tab,
#menu li:hover a.tab		{ background-position:0% 100%; }
#menu li.active a.tab		{ color:#d7111c; font-size:15px; }


/* Languages */
#lang				{ position:absolute; top:26px; left:292px; width:100%; }
#lang li			{ float:left; margin-right:7px; border:1px solid #333; }
#lang li:hover		{ border-color:#888; }
#lang li a			{ float:left; display:block; width:20px; height:13px; line-height:13px; text-indent:-9999px; }

#lang li.EN a		{ background:transparent url('../img/flags/EN.gif') no-repeat; }
#lang li.SE a		{ background:transparent url('../img/flags/SE.gif') no-repeat; }
#lang li.CN a		{ background:transparent url('../img/flags/CN.gif') no-repeat; }
#lang li.IT a		{ background:transparent url('../img/flags/IT.gif') no-repeat; }
#lang li.DE a		{ background:transparent url('../img/flags/DE.gif') no-repeat; }
#lang li.FR a		{ background:transparent url('../img/flags/FR.gif') no-repeat; }
#lang li.ES a		{ background:transparent url('../img/flags/ES.gif') no-repeat; }
#lang li.EE a		{ background:transparent url('../img/flags/EE.gif') no-repeat; }
#lang li.RU a		{ background:transparent url('../img/flags/RU.gif') no-repeat; }

/* Breadcrumb */
#breadcrumb			{ position:absolute; top:166px; left:30px; width:100%; background:transparent url('../img/breadcrumb.gif') 0% 100% no-repeat; }
#breadcrumb			{ color:#777; padding-left:6px; font-size:11px; height:22px; line-height:21px; font-weight:bold; }
#breadcrumb	span	{ color:#f10513; margin-left:1px; font-size:9px; position:relative; top:-1px; }
#breadcrumb a		{ color:#777; text-decoration:none; }
#breadcrumb a:hover	{ text-decoration:underline; }


/*	Referenssit
----------------------------	*/
#ref-menu			{ position:fixed; top:195px; left:675px; width:120px; }
#ref-menu .l		{ position:relative; width:100%; float:left; text-align:center; }
#ref-menu .l a {
	display:block;
	float:left;
	width:40%;
	height:22px;
	line-height:22px;
	color:#888;
	font-size:120%;
	text-decoration:none;
	text-transform:uppercase;
	background:transparent url('../img/breadcrumb.gif') 90% 50% no-repeat;
	border-top-left-radius:3px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;
	border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;
}
#ref-menu .l a:hover	{ color:#666; background-position:70% 50%; }

table.ref .a			{ color:#666; text-transform:uppercase; font-size:140%; width:20px; }
#content .ref .r ul li	{ background:none; }


/*	Contacts
----------------------------	*/
#staff				{ margin-top:10px; width:100%; }
#staff td			{ vertical-align:middle; }
#staff td img		{ margin:0 10px 10px 60px; }
#staff td p			{ margin-bottom:5px; }

/* Contact Form */
#lomake	table		{ width:100%; vertical-align:bottom; }
#lomake	td.big		{ width:43%; vertical-align:top; padding-top:10px; }
#lomake	td.big p	{ font-size:15px; }

#lomake .input		{ padding:3px; border:1px solid #bbb; color:black; background-color:#f1f1f1; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; }
#lomake fieldset	{ padding:15px; border:1px solid #ddd; }

#lomake label		{  }
#lomake input		{ margin-bottom:3px; font-size:inherit; }
#lomake textarea	{ width:480px; font-size:inherit; }
#lomake .text		{ width:240px; }
#lomake .numero		{ width:84px; }
#lomake .paikka		{ width:145px; }
#lomake .checkbox	{ margin-bottom:5px; position:relative; top:1px; }
#lomake .button		{ margin-top:10px; padding:3px 6px; }

#lomake label.required,
#lomake em			{ color:red; font-style:normal; }
div.errors			{ margin-bottom:10px; }


/*	Content
----------------------------	*/
.content h1			{ font:24px/100% Impact, Charcoal, sans-serif; color:#e60d19; text-transform:uppercase; }
.content h2			{ font:20px/100% Impact, Charcoal, sans-serif; color:#e60d19; letter-spacing:.0175em; }
.content h3,
.content strong		{ color:#444; font-weight:bold; }

/* Spacing */
.content h1,
.content h2,
.content p,
.content ol,
.content ul			{ margin-bottom:10px; }
.content h3			{ margin-bottom:5px; }
.content h1			{ margin-bottom:15px; }
.content h1,
.content h2			{ padding-top:5px; position:relative; left:-10px; }
.content em			{ font-style:italic; }

/*	lists	*/
.content ol	li		{ margin-left:2.5em; list-style:decimal; }
.content ul	li		{ margin-left:1.5em; padding-left:1em; background:transparent url('../img/list.gif') 0px 6px no-repeat; }
.content ul ul li,
.content ol ul li	{ margin-left:2.5em; padding-left:0; background:none; list-style:circle; }
.content ul li ul,
.content ul li ol,
.content ol li ul,
.content ol li ol	{ margin-bottom:0; }

.content dt			{ text-transform:uppercase; }
.content dd			{ margin:-.5em 0 .5em 35%; }

/*	links	*/
a:link				{ color:#c31c25; }
a:visited			{ color:#d86b71; }
a:hover				{ color:#e60d19; text-decoration:none; }
a:active			{ color:#c31c25; }

a:hover img.vasen,
a:hover img.oikea	{ opacity:.95; }


/*	Etusivu
----------------------------	*/
#front-img			{ margin:-10px -15px 0; }


/*	General
----------------------------	*/
.wrapper			{ width:100%; position:relative; }

/*	Clearing	*/
.clearing			{ clear:both; width:100%; height:1px; margin:0 0 -1px; }
.wrapper:after		{ content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; }


/*	Footer
----------------------------	*/
#footer {
	clear:both;
	text-align:center;
	font-size:12px;
	color:#333;
	margin-top:20px;
	background:transparent url('../img/footer-bg.gif') 50% 100% no-repeat;
	border-top-left-radius:3px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;
	border-top-right-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;
}

#footer address {
	font-style:normal;
	padding:7px 0;
}

#footer div		{ display:inline; }
#footer a		{ text-decoration:none; color:#333; }
#footer a:hover	{ text-decoration:underline; }

#footer .owner,
#footer .address,
#footer .phone	{ background:transparent url('../img/dot.gif') 100% 65% no-repeat; padding-right:13px; margin-right:4px; }

#go-up			{ position:absolute; bottom:9px; right:-24px; }
#go-up a		{ display:block; width:14px; height:14px; background:transparent url('../img/top.gif') 50% no-repeat; text-indent:-9999px; opacity:.7; }
#go-up a:hover	{ opacity:1; }

#bb				{ display:none; }
/*
	Fi-Service site/CMS classes
	Blowback 2010 / www.blowback.fi
*/

/*	General
----------------------------	*/
.vasen						{ float:left; margin-right:13px; margin-bottom:13px; }
.oikea						{ float:right; margin-left:13px; margin-bottom:13px; }
.clear						{ clear:both !important; }
.ingressi					{ font-size:120%; color:#444; text-align:center; padding:1em; border:1px solid #ccc; background:#f1f1f1; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.iso						{ font-size:110% !important; line-height:140% !important; }
.pieni						{ font-size:90% !important; line-height:110% !important; }

table						{ width:100%; clear:both !important; }

/*	Product tables
----------------------------	*/
table.tuote					{ line-height:110%; }
table.tuote	th				{ padding:.25em 0; background:red; border:1px solid #aaa; text-transform:uppercase; color:white; text-align:center; }
table.tuote	td				{ padding:1em 0; vertical-align:top; border-bottom:1px solid #aaa; }

table.tuote	td.nimi			{ padding-right:1em; font-size:100%; text-transform:uppercase; }
table.tuote	td.kuvaus		{ padding-right:1em; font-size:90%; }
table.tuote	td.info			{ padding-right:1em; font-size:90%;  }
table.tuote	td.pakkaus		{ width:60px; font-size:90%; }
table.tuote	td.hinta		{ width:70px; font-size:100%; }
table.tuote	td.kuva			{  }

/*	Palvelu tables
----------------------------	*/
table.palvelu				{ line-height:110%; vertical-align:top; }
table.palvelu td			{ vertical-align:middle; }
table.palvelu td.kuva		{ padding-right:3em; }
}
@media print {
/*
	Fi-Service site print styles
	Blowback 2010 / www.blowback.fi
*/

body {
	height:100%; 
}


/*	Main wrappers
----------------------------	*/
#top { 

}

#content {
	position:relative;
}


#top a.logo			{ color:black; font-size:130%; text-decoration:none; }
#top p.contact		{  }

#left, #lang, #breadcrumb, #ref-menu {
	display:none;
}

img 					{ border:none; }
h1, h2, h3, h4, h5, h6 	{ page-break-after:avoid; }
table tr, ul, ol, dl, p	{ page-break-inside:avoid; }


/*	General
----------------------------	*/
.wrapper			{ width:100%; position:relative; }
.vasen				{ float:left; margin-right:13px; margin-bottom:13px; }
.oikea				{ float:right; margin-left:13px; margin-bottom:13px; }

/*	Clearing	*/
.clear				{ clear:both !important; }
.clearing			{ clear:both; width:100%; height:1px; margin:0 0 -1px; }
.wrapper:after		{ content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; }


#footer { clear:both !important; }

#footer address {
	font-style:normal;
	font-size:90%;
	text-align:center;
	margin-top:2em;
	padding-top:1em;
	border-top:thin solid black;
}

#bb, #go-up		{ display:none; }
}