img, div, input, a ,input { behavior: url("http://steamfi.virtualserver21.nebula.fi/iepngfix.htc") }
/* -----------------------------------------------------------

	Project:		Steam communications
	Version:		1.0
	Created:		26/04/10
	Modified:		2/06/10
	
		[Table of contents]
		1. Reset
		2. Typography
			2.1	Headings
			2.2	Text elements
			2.3	Lists
			2.4	Tables
			2.5	Forms
		3. Structure
			3.1	Header
			3.2	Navigation
			3.3	Content
			3.4	Footer
		4. Clear floats
	
----------------------------------------------------------- */



/* -----------------------------------------------------------

	Reset
	
----------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table 			{ border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th 	{ vertical-align: top; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }


/* -----------------------------------------------------------

	Typography
	
----------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
	font-size: 81.2%;
	color: #333333;
	line-height: 1.5;
	font-family: Arial,verdana, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; font-family: Arial,verdana sans-serif; outline: 0;}

h1 { font-size: 2.3em; line-height: 1.2; margin-bottom: 0.5em; color: #e81934;}
h2 { font-size: 1.53em; margin-bottom: 0.75em;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

*{
	outline: 0;
}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000;outline: 0; text-decoration: none;}
a           { color: #336699; text-decoration: none; outline: 0;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         {color:#666;}

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; padding: 0; }
.subpage-wrapper li {
	padding:0 0 0 15px;
	list-style-type: none;
	background: transparent url(../img/bulletred.jpg) no-repeat left 8px;
}
.leipis ul {
	margin: 0 0 20px 0;
}
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Forms
-------------------------------------------------------------- */

label { font-weight: bold; }

fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               {font-size:1.5em;}

textarea            { width: 300px; height: 150px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }


/* -----------------------------------------------------------

	Structure
	
----------------------------------------------------------- */

body {
	background: #fff url(../img/bg2.jpg) repeat-x 0 0;
	margin: 0;
	text-align: center; /*ie hack for centered layout. if not centered, remove this line and the next hack in wrapper*/
}

#page {
	margin: auto;
	background: transparent;	
	width: 960px; /*fill in the width of the page*/
	text-align: left; /*for previous ie hack*/
}

#logo {
	width: 140px;
	height: 53px;
	float: left;
	padding-top: 24px;
}
#logo h1 {
	margin: 0;
}
#logo h1 a {
	background: transparent url(../img/steamlogo.jpg) no-repeat 0 0;
	text-indent: -9000px;
	margin: 0;
	width: 140px;
	height: 53px;
	display: block;
}
/* Header
-------------------------------------------------------------- */
#header {
	position: relative;
	overflow: hidden;
	height: 94px;
}


/* Navigation
-------------------------------------------------------------- */
.additional-navi {
	position: absolute;
	width: 300px;
	top: 2px;
	right: 115px;
	color: #336699;
	padding-top: 4px;
}
.additional-navi {
	xcolor: #e81934;
}
.additional-navi a {
	color: #336699;
	text-decoration: none;
	padding-right: 13px;
	margin-right: -5px;
	margin-left: 4px;
	background: transparent url(../img/kenosmall.jpg) no-repeat top right;
}
.nobg {
	background: none !important;
}
.additional-navi a:hover,.additional-navi a.active {
	color: #000000;
}
#navi {
	float: right;
	width: 789px;
	padding-top: 50px;
}
#navi ul {
	margin: 0;
	padding: 0;
}
#navi ul li {
	float: left;
	list-style-type: none;
	height: 23px;
}
#navi ul li.keno {
	background: transparent url(../img/naviseparator.jpg) no-repeat top center;
	width: 20px;
	height: 20px;
	display: block;
	float: left;
}
#navi a {
	font-weight: bold;
	font-size: 1.15em;
	text-decoration: none;
	color: #000;
}
#navi a:hover,#navi a.active {
	color: #e81934;
}
#menu1, #menu2, #menu3 {
	margin-right: 7px;
	_margin-right: 3px;
	margin-left: 5px;
	_margin-left: 2px;
	xbackground: transparent url(../img/naviseparator.jpg) no-repeat right -3px;
}
#menu4 {
	margin-left: 5px;
	_margin-left: 2px;
}
.separator {
	float: left;
}
.login a {
	display: block;
	width: 95px;
	height: 35px;
	position: absolute;
	top: -15px;
	text-indent: -9000px;
	right: 0;
	background: transparent url(../img/steamengine.jpg) no-repeat 0 0;
}
.login a:hover {
	xposition: absolute;
	xtop: 0px;
}
 
/* Content
-------------------------------------------------------------- */
.contentwrapper {
	overflow: hidden;
	padding-bottom: 60px;
}
.content-main {
	padding-bottom: 20px;
	/*border-bottom: 1px solid #4c4c4c;*/
}
.content-main p {
	width: 660px;
}
#fp {
	padding-top: 35px;
}

.fp-main-image {
	width: 360px;
	float: left;
	height: 550px;
}
.fp-main-liftup {
	float: left;
	width: 590px;
	overflow: hidden;
}
.fp-main-liftup p {
	width: 560px;
	/*width:540px;*/
	font-size: 1.38em;
	color: #333333;
	line-height: 1.4em;
}
.fp-links {
	position: relative;
	padding-bottom: 150px;
}
.fp-links-image {
	position: absolute;
	width: 170px;
	height: 308px;	
	/*width: 140px;
	height: 300px;*/
	right: 100px;
	top: -20px;
	font-size: 12px;
	color: #ffffff;
	padding: 0;
	/*padding: 40px 0 0 20px;*/
	_padding: 32px 0 0 0;
	background: transparent url(../img/kanny2.png) no-repeat 0 0;
}
.fp-links-image .text { display: none; width: 111px; height: 150px; margin: 35px 12px 0 12px; }
#tekstari-69 { display: block; }

.fp-links-image p {
	color: #ffffff;
	border: 0 !Important;
	margin: 0;
	padding-left: 5px;
	width: 134px;
	/*width: 100px;*/
	text-decoration: none;
	font-size: 11px !Important;
	font-weight: normal !Important;
	xdisplay: none;
	line-height: 13px;
}
.fp-links-image img {
	margin: 4px 0 3px 0;
}


.fp-links p {
	border-bottom: 1px solid #b2b2b2;
	font-size:1.23em;
	font-weight: bold;
	margin-bottom: 0;
}
.fp-links ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.fp-links ul li a {
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	line-height: 29px;
	height: 29px;
	display: block;
	width: 533px;
	padding-left: 25px;
}
.fp-links ul li a:hover {
	color: #e81934;
	background: transparent url(../img/dotscolor.jpg) no-repeat 0 -29px;
}
.fp-links ul li {
	background: transparent url(../img/dotscolor.jpg) no-repeat 0 0;	
}

.fp-liftups {
	overflow: hidden;
	clear: both;
	padding-bottom: 40px;
	
}
.fp-liftup {
	float: left;
	width: 250px;
	padding-right: 20px;
	_padding-right: 0px;
	_height: 300px;
}
.fp-liftup h2 {
	padding: 8px 0 10px 0;
	background: transparent url(../img/keno.jpg) no-repeat 0 0px;
	padding-left: 20px;
	margin: 0;
}
.fp-liftup strong,.fp-liftup a {
	color: #3470a1;
	font-size: 14px;
	font-weight: bold;
}
.fp_liftup_image {
	float: right;
	width: 140px;
}
#liftup1 {
	padding-right: 80px;
	width: 280px;
}
#liftup1 p {
	width: 130px !important;
}
#liftup3 {
	width: 210px;
	padding: 0 0 0 84px;
} 
.blue{
	color: #3470a1;
	width: 130px !important;
	font-size: 14px !important;
	font-weight: bold;
	display: block;
	
}
.harmaabutton {
	background: transparent url(../img/tutustu.jpg) no-repeat 0 0;
	color: #000 !important;
	text-shadow: 1px 1px #ababab;
	display: block;
	width: 86px;
	text-align: center;
	line-height: 28px;
	height: 28px;
}
.fp-liftup a:hover {
	color: #e81934;
}
.fp-liftup p {
	width: 250px;
	font-size: 0.84em;
	margin-bottom: 3px;
}


.date {
	text-transform: uppercase;
	color: #999999;
	margin-bottom: 10px;
}
#uutiskirje,#puhelin,#esite,#s_email {
	background: transparent url(../img/inputetusivu.jpg);
	border: 0;
	width: 179px;
	height: 25px;
	padding-left: 5px;
	font-family: arial, verdana;
	color: #999999;
}
.submit {
	background: transparent url(../img/submit.png) no-repeat 0 0;
	border: 0;
	width: 78px;
	height: 28px;
	margin: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px #fff;
	cursor: pointer;
	padding-bottom: 3px;
}





/* Footer
-------------------------------------------------------------- */
.footer {
	width: 100%;
	padding-top: 20px;
	_margin-top: 20px;
	text-align: left;
	background: #eaeaea url(../img/footerbg.jpg) repeat-x 0 0;
	padding-bottom: 40px;
}
.footer .address {
	width: 960px;
	margin: auto;
	position: relative;
	overflow: hidden;
}
.addresscontent {
	float: right;
	width: 354px;
	padding-top: 45px;
}
.addresscontent p {
	margin-bottom: 5px;
	float: left;
	xwidth: 200px;
}
.addresscontent strong {
	color: #4e4e4e;
	font-weight: bold;
}
.addresscontent .split {
	float: left;
	clear: both;
	width: 201px;
	font-size: 20px;
	padding-bottom: 10px;
}
.addresscontent .split img {
	float: left;
	margin-right: 14px;
}

#b {
	xborder-right: 1px solid #979797;
	margin-top: 10px;
}
.top {
	background: transparent url(../img/arrowup.jpg) no-repeat 0 12px;
	padding: 0 0 0 12px;
	padding-top: 10px;
	text-transform: uppercase;
	font-size: 0.69em;
	color: #999999;
	text-decoration: none;
	margin-right: 650px;
	
}
.footer-navi {
	float: left;
	margin-top: 44px;
}
.footer-navi .split {
	float: left;
	width: 230px;
}
.footer-navi .split p {
	margin-bottom: 0px;
}
.footer-navi .split strong {
	font-size: 1.07em;
	color: #4e4e4e;	
}
.footer-navi .split ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.footer-navi .split ul li a {
	text-decoration: none;
	line-height: 20px;
	font-size: 0.84em;
	color: #4e4e4e;	
}
.footer-navi .split ul li a:hover {
	color: #e81934;
}
.flleft {
	float: left;
	margin:0 20px 0 0 !important;
}
.address .small {
	clear: both;
	float: none;
	font-size: 10px;
	color: #7b7b7b;
}

.small a {
	color: #7b7b7b;
	text-decoration: none;
}

.small a:hover {
	color: #e81934;
}
/* -----------------------------------------------------------

	Subpage
	
----------------------------------------------------------- */
.uberwrapper {
	width: 100%;
}

.contentwrapper h1 {
	width: 595px;
	outline: 0;
}
.content-sub h1 {
	float: none;
	margin-bottom: 5px;
}
.content-sub .contentheader {
	width: 674px;
	overflow: hidden;
}
.sidebar {
	width: 230px;
	padding-top: 20px;
	float: left;
	overflow: hidden;
}
.sidebarheader {
	text-transform: uppercase;
	background: transparent url(../img/keno.png) no-repeat 0 0px;
	padding-left: 20px;
	font-size: 0.84em;
	font-weight: bold;
}
.sidebarheader p {
	width: 150px;
}
.sidebarheader a {
	color: #000;
}
.sidenavi a {
	text-decoration: none;
	color: #000;
}
.sidenavi a:hover, .sidenavi a.active {
	color: #e81934;
}
.sidenavi ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
}
.sidenavi ul li {
	list-style-type: none;
	line-height: 23px;
}


.subpage-wrapper {
	float: left;
	width: 710px;
	min-height: 700px;
	height: auto !important;
	height:800px;
	margin-bottom: 0px;
	position: relative;
}

.main-image {
	position: absolute;
	right: -300px;
}

.breadcrumb {
	margin:10px 0 0 230px;
	color: #868686;
	font-size: 0.85em;
}
.breadcrumb a {
	color: #868686;
	text-decoration: none;
}
.breadcrumb a:hover {
	color: #000;
}

.contentheader p {
	font-size: 1.23em;
	width: 430px;
}
.content-sub p {
	font-size: 1em;
}
p.subpage_ingress {
	font-size: 1.3em;
	font-weight: bold;
}

.sub-liftup-wrapper {
	width: 510px;
	overflow: hidden;
	margin-bottom: 20px;
}

.liftup-subnavi {
	width: 150px;
	padding: 4px 8px 20px 8px;
	float: left;
	border: 1px solid #f5f5f5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.liftup-subnavi li { border-bottom: 1px solid #f5f5f5; background: none;}
.liftup-subnavi li.last-tab { border-bottom: none; }
.liftup-subnavi li a { padding: 6px 0 4px 0 !important; }
.liftup-subnavi li.ui-state-active a { color: #8bb70b; background:transparent url(../img/arrow-green.png) no-repeat center right !important; _background: transparent url(../img/arrow-green.gif) no-repeat right center !important; }


/* vanhat tabinavin tyylit*/
/*.liftup-subnavi {
	background: transparent url(../img/liftupnavibg2.jpg) no-repeat right top;
	width: 150px;
	height: 230px;
	padding: 50px 0 20px 0;
	float: left;
}*/

.liftup-subnavi ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.liftup-subnavi a {
	font-size: 0.92em;
	font-weight: bold;
	text-decoration: none;
	line-height: 29px;
	color: #6e6e6e;
	display: block;
}
.liftup-subnavi a:hover {
	color: #000;
}
.sub-liftup-content {
	float: left;
	width: 340px;
	xheight: 300px;
	xdisplay: block;
	margin-left: 20px;
}
.sub-liftup-content h2,.sub-liftup-bottom h2 {
	margin:  0 0 1em 0;
	line-height: 25px;
	/*line-height: 29px;*/
	font-size: 1.4em;
	/*font-size: 1.61em;*/
	font-weight: bold;
}
.sub-liftup-bottom h2 {
	margin: 0 0 10px 0;
}
.readmore {
	background: transparent url(../img/readmoreuusi.jpg) no-repeat 0 0;
	display: block;
	width: 92px;
	height: 39px;
	color: #336699;
	line-height: 39px;
	text-decoration: none;
	font-weight: bold;
	padding-left: 25px;
	clear: both;
	margin:20px 0 0 220px;
	/*margin:40px 0 0 220px;*/
}
.readmore2 {
	background: transparent url(../img/nappi.jpg) no-repeat 0 0;
	display: block;
	width: 260px;
	height: 39px;
	color: #336699;
	line-height: 39px;
	text-decoration: none;
	font-weight: bold;
	padding-left: 15px;
	clear: both;
	margin:40px 0 0 236px;
}
.readmore3 {
	background: transparent url(../img/readmore4uus.jpg) no-repeat 0 0;
	display: block;
	width: 132px;
	height: 37px;
	color: #000000;
	line-height: 39px;
	text-decoration: none;
	font-weight: bold;
	padding-left: 15px;
	clear: both;
	margin:0px 0 0 0px ;
	float: right;
	padding-right: 233px;
}

.sendmessage {
	background: transparent url(../img/sendmessagebg.jpg) no-repeat 0 0;
	display: block;
	width: 224px;
	height: 33px;
	color: #999999;
	line-height: 33px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	padding-left: 15px;
	clear: both;
	margin:0px;
	
}
.sub-liftup-bottom {
	clear: both;
	width: 550px;
	padding-top: 60px;
	/*padding-top: 20px;*/
}
.boxes {
	
}
.box {
	border: 1px solid #f5f5f5;
	width: 130px;
	margin: 0 20px 20px 0;
	float: left;
	padding: 10px;
}
.box p {
	font-size: 0.92em;
	margin-bottom: 0;
}
.number {
	text-align: center;
	font-size: 2.69em !important;
	color: #9bc214;
	margin-bottom: 0;
}

.threecolwrapper {
	overflow: hidden;
	xpadding-bottom: 60px;
	/*border-bottom: 1px solid #4c4c4c;*/
}
.twocolwrapper {
	overflow: hidden;
	padding-bottom: 40px;
	padding-top: 30px;
	clear: both;
	xborder-top: 1px solid #4c4c4c;
}
.twocolwrapper h2 {
	margin: 0;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	background: transparent url(../img/caseheaderbg.jpg) repeat-x 0 0;
	font-size: 18px;
	width: 660px;
	padding-left: 10px;
}
.twocolwrapper table td{
	vertical-align: top;
}
.threecolwrapper ul {
	margin: 0 0 0 0;
	padding:10px 10px 0 10px;
	list-style-type: none;
	font-size: 1em;
	min-height: 210px;
	height: auto !important;
	height:210px;
	background: transparent url(../img/bluelistbg.jpg) repeat-x 0 0;
}
.threecolwrapper ul li {
	padding:0 0 0 15px;
	line-height: 17px;
	background: transparent url(../img/bulletred.jpg) no-repeat left 8px;
}
.onethree {
	float: left;
	width: 220px;
	padding-right: 4px;
}
.onethree h3 {
	font-size: 1.07em;
	font-weight: bold;
	margin-bottom: 5px;
}
.onetwo {
	clear: both;
	margin-top: 10px;
	margin-bottom: 0px;
	float: left;
	width: 668px;
	border: 1px solid #d5d5d5;
	position: relative;
}
.onetwo span {
	text-transform: uppercase;
	font-weight: bold;
}
.onetwo img {
	padding-bottom: 10px;
	float: left;

}
.caseimage {
	width: 160px;
	float: left;
	margin: 20px 0 0 20px;
}

.casebottom {
	background: transparent url(../img/casebottomsmall.jpg) no-repeat 0 0;
	width: 25px;
	height: 25px;
	position: absolute;
	bottom: -1px;
	_bottom: -2px;
	right: -2px;	
}
.onetwo p {
	width: 440px;
	float: left;
}
.textcontent {
	margin: 20px 0 20px 20px;
	_margin: 20px 0 20px 00px;
	*padding-bottom: 20px;
	padding-left: 20px;
	float: left;
	width: 440px;
	border-left: 1px solid #dddddd;

}
.luelisaa {
	background: transparent url(../img/luelisaa.jpg) no-repeat 100% 50%;
	padding-right: 17px;
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.92em;
}
.pdf {
	margin: -3px 9px 0 0;
}
#materialliftup {
	border-top: 1px solid #4c4c4c;
	width: 670px;
	_margin-top: 20px;
}
#materialliftup .onethree {
	float: none;
	width: 500px;
}
#materialliftup a {
	color: #336699;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
}
#materialliftup a:hover {
	color: #000;
}
#materialliftup .onethree p{
	color: #336699;
	font-weight: bold;
	font-size: 1em;
}
.green {
	border-left: 5px solid #7aaa06;
	padding-left: 10px;
	font-size: 1.53em;
}
.orderwrapper {
	background: transparent url(../img/tilaabg.jpg) no-repeat 0 0;
	width: 653px;
	height: 194px;
	overflow: hidden;
	padding: 15px 0 0 20px;
	margin-top: 20px;
}
.orderwrapper .onethree {
	width: 190px;
	padding-right: 10px;
	margin-right: 15px;
	border-right: 1px dotted #818181;
	font-size: 0.92em;
}
.orderwrapper .onethree input {
	margin: 0 0 5px 0;

}
.orderwrapper h4 {
	color: #9bc214;
	font-size: 1.53em;
	margin: 0 0 10px 0;
	_margin: 0 0 5px 0;
	*margin: 0 0 5px 0;
}
.orderwrapper h5 {
	margin: 0;
	text-transform: uppercase;
	
}
#nomarg {
	margin: 0;
	border-left:1px dotted #ababab;
	border-right: none;
	padding-left: 20px;
}
#nomarg p{
	margin-bottom: 4px;
}
#noborder {
	border: 0 !important;
	
}
#noborder p {
	margin: 0 0 7px 0;
	*margin: 0 0 0px 0;
	padding: 0;
}


.threecolboxes {
	clear: both;
	overflow: hidden;
	margin: 20px 0 60px 0;
}
.threecolboxes .onethree {
	float: left;
	width: 174px;
	padding: 20px;
	border: 1px solid #f5f5f5;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
}
.threecolboxes h3 {
	color: #9bc214;
	font-size: 1.38em;
	width: 180px;
	margin: 0 0 0 0;
	line-height: 1.3em;
}
.threecolboxes .luelisaa {
	position: absolute;
	bottom: 4px;
	left: 20px;
}
.contentheader {
	margin-bottom: 30px;
}
.content-sub .contentheader h1 {
	_width: 400px;
	*width: 400px;
}
.contentheader .quote {
	background: transparent url(../img/mainquotebg.png) no-repeat 0 0;
	height: 198px;
	padding: 16px 0 0 70px;
	_padding: 16px 0 0 35px;
	_margin-left: 35px;
}
.contentheader .quote p span {
	font-size: 13px;
	
	display: block;
}
.contentheader .quote p {
	width: 430px;
	margin-bottom: 5px;
	line-height: 20px;
}
.contentheader ul {
	margin: 0 0 40px 0;
	padding: 0;
	list-style-type: none;
	font-size: 1em;
	/*font-size: 1.23em;*/
	width: 690px;
}
.contentheader ul li {
	padding: 0 0 0 17px;
	background: transparent url(../img/bulletred.jpg) no-repeat left 9px;
	
}
.materiaalit {
	width: 600px;
	margin-bottom: 40px;
}
.materiaalilista {
	overflow: hidden;
	
}
.materiaalilista ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.materiaalilista ul li {
	line-height: 26px;
	height: 26px;
	background: none;
	padding: 0;
}
.materiaalilista img {
	margin: 0 0 -2px 0;
}
.materiaalilista a {
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	padding-left: 10px;
}

#flouttaa {
	float: right;
	
}
.yhteystiedot {
	padding-bottom: 60px;
	overflow: hidden;
}
.yhteystiedot p {
	xwidth: 300px;
}
.yhteystiedotcontent {
	width: 300px;
	float: left;
}
.karttawapper {
	float: right;
	width: 380px;
}
.kartta {
	
	margin-bottom: 20px;
}
.kartta a {
	color: #336699;
	float: right;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.84em;
}

.formi{
	width: 320px;
	margin: 10px 0 0 0;
	position: absolute;
	top: 0px;
	right: 60px;
	padding-top: 18px;
	background: transparent url(../img/formtop.gif) no-repeat 0px 0;
}
.form {
	background: transparent url(../img/formbottom.jpg) no-repeat 0 bottom;
	padding-top: 2px;
	min-height: 220px;
	height: auto !important;
	height:220px;
	display: block;
}
.ihminenformi {
	display: none;
}
.ihminenformi .form {
	padding-top: 2px;
	_padding-top: 5px;
	width: 240px;
	min-height: 220px;
	height: auto !important;
	height:220px;
	background: transparent url(../img/ihminenformibg2.png) no-repeat 0 100%;
	_background: transparent url(../img/ihminenformibg2.gif) no-repeat 0 100%;
}
.formishait {
	position: relative;
	clear: both;
	float: left;
	height: 300px;
	margin-bottom: 40px;
}
.formishaitihminen {
	position: relative;
}
.formishait form {
	padding: 10px 0 0 15px;
	width: 280px;
}
.ihminenformi form {
	width: 190px;
}
.formishaitihminen form {
	width: 180px;
	padding: 10px 0 0 15px;
}
.formishait form p {
	margin: 0 0 3px 0;
	font-size: 0.84em;
	line-height: 24px;
	overflow: hidden;
}
.ihminenformiwrapper {
	width: 240px;
	clear: both;
	float: left;
}
.ihminenformiwrapper p {
	margin-bottom: 4px;
} 
.formishait input, .ihminenformi input {
	float: right;
	background: transparent url(../img/formishaitinput.jpg) no-repeat 0 0;
	border: 0;
	width: 180px;
	padding: 5px 0;
	text-indent: 2px;
	font-family: arial, verdana;
	color: #888888;
}

.vasencol {
	float: left;
}
.formishait textarea{
	height: 55px;
	float: right;
	margin: 0;
	width: 170px;
	border: 0;
	font-family: arial, verdana;
	color: #888888;
	font-size: 1em;
	background: transparent url(../img/textarea.jpg) no-repeat 0 0;
}
.ihminenformi textarea {
	height: 55px;
	float: right;
	margin: 0;
	width: 170px;
	border: 0;
	margin-top: 3px;
	font-family: arial, verdana;
	color: #888888;
	font-size: 0.84em;
	background: transparent url(../img/textarea.jpg) no-repeat 0 0;
}
.formishait .submit {
	background: transparent url(../img/submit.png) no-repeat 0 0;
	border: 0;
	width: 78px;
	height: 28px;
	margin: 10px 0 10px 100px;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 1px 1px #fff;
	cursor: pointer;
	padding-bottom: 3px;
	float: none;
	color: #000;
}
.ihminenformi .submit  {
	background: transparent url(../img/submit.png) no-repeat 0 0;
	border: 0;
	width: 78px;
	height: 28px;
	margin: 10px 0 10px 10px;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 1px 1px #fff;
	cursor: pointer;
	padding-bottom: 3px;
	float: none;
	color: #000;
}
#toggleme {
	display: none;
	margin-top: 10px;
	overflow: hidden;
}
#toggleme2,#toggleme3 {
	display: none;
	margin-top: -1px;
	overflow: hidden;
}
#toggleme4 {
	display: none;
	overflow: hidden;
}
.asiakkaattop {
	background: transparent url(../img/asiakkaattop.jpg) no-repeat 0 0;
	width: 635px;
	height: 152px;
	padding: 20px;
	overflow: hidden;
}
.asiakkaattop ul li {
	list-style-type: none;
	background: none;
	padding: 0;
}
.asiakkaattop h5 {
	margin: 0 0 5px 0 ;
	text-transform: uppercase;
	color: #000;
}
.asiakkaattop .split {
	float: left;
	margin-right: 55px;
	padding-right: 55px;
}
.asiakkaattop .split ul {
	list-style-type: none;
	margin: 0;
}
.asiakkaattop .split ul li a.selected {
	background: transparent url(../img/ok.png) no-repeat right 0;
	padding-right: 17px;
	color: #000;
}
#rightborder {
	border-right: 1px dotted #ababab;
}


.asiakkaatcontainer {
	overflow: hidden;
	border-top: 1px solid #e2e2e2;
	width: 655px;
	padding: 20px 0 0 20px;
	background: transparent url(../img/asiakkaatmiddle.jpg) repeat-y 0 0;

}
.asiakkaatkumppanit {
	overflow: hidden;
	border: 1px solid #c7c7c7;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	float: right;
	width: 110px;
	padding: 20px 0 0 40px;
	background: #fff;
	
}
.asiakkaatkumppanit a {
	margin-bottom: 5px;
	display: block;
}

.asiakkaatbottom {
	background: transparent url(../img/asiakkaatbottom.jpg) no-repeat left bottom;
	height: 10px;
	clear: both;
	margin-left:-20px;
}


.itemwrapper {
	float: left;
	margin: 0 13px 11px 0;
	*margin: 0 0px 11px 0;
	text-align: center;
	font-weight: bold;
	line-height: 13px;
	font-size: 11px;
	overflow: hidden;
	padding: 0 5px;
	position: relative;
	border: 1px solid #e2e2e2;
	-moz-border-radius:0.7em;
	border-radius:0.7em;
	-webkit-border-radius: 0.7em;
	xbackground: transparent url(../img/thumbbg.jpg) no-repeat 0 0;
}

.itemwrapper p {
	margin: 0;
	width: 100px;
	height: 30px;
	text-align: center;
	display: block;
	color: #336699;
}
.itemlogo {
	height: 80px;
}
.itemlogo img {
	padding: 15px 0 0 0;
	border-bottom: 1px solid #c8c8c8;
}
.asiakkaat-thumb, .asiakkaat-thumb2 {
	display: block;
	width: 112px;
	height: 112px;
	float: left;
	overflow: hidden;
	margin: 0 13px 11px 0;
	_margin: 0 13px 6px 0;
	xbackground: transparent url(../img/thumbbg.jpg) no-repeat 0 0px;
}
.asiakkaat-inactive,.asiakkaat-inactive2 {
	display: block;
	width: 112px;
	overflow: hidden;
	height: 112px;
	float: left;
	margin: 0 13px 11px 0;
	_margin: 0 13px 6px 0;
	filter:alpha(opacity=20);
	-moz-opacity:.20;
	opacity: .2;
	background: transparent url(../img/noactive.png) no-repeat 0 0px;
}
.asiakkaat-thumb:hover, .asiakkaat-thumb2:hover,.asiakkaat-inactive:hover,.asiakkaat-inactive2:hover {
	background: transparent url(../img/thumbbg.jpg) 0 -112px;
}


.leipis {
	width: 500px;
}
.leipis h3 {
	margin: 0 0 5px 0;
}
.arkisto {
	padding-bottom: 20px;
}
.arkisto p {
	margin-bottom: 2px;
}
.arkisto h2 {
	margin-bottom: 2px;	
}
.back {
	float: right;
}

.news {
	width: 675px;
	padding-bottom: 20px;
}
.news h2 {
	color: #e81934;
	margin-bottom: 0;
}
.sloganteksti {
	float: left;
	width: 400px;
	padding-left: 15px;
}
.slogan span {
	font-size: 118px;
	color: #9bc214;
	float: left;
	vertical-align: top;
	line-height:100px;
}

.kuva {
	background: #fff;
	border: 1px solid #efefef;
	border-radius:0.5em;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	text-align: center;
	padding: 5px;
	float: right;
	margin: 0 0 10px 20px;
	_margin: 0 0 10px 00px;
	*margin: 0 0 10px 00px;

}
.kuva img {
	xposition: absolute;
	xleft: 25%;
	xtop: 40%;
}
#noboarder {
	border: none;
	background: none;
}

.hidethis {
	width: 112px;
	height: 112px;
	display: block;
	background: transparent url(../img/noactive.png);
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9000px;
}

.ihmiset {
	float: left;
	padding-bottom: 40px;
}
.ihmisetitem {
	float: left;
	width: 90px;
	height: 125px;
	position: relative;	
}
.showpopup {
	display: block;
	xwidth: 55px;
	height: 125px;
}
.bluepopup {
	width: 114px;
	height: 53px;
	position: absolute;
	margin-top: 55px;
	top: 55px;
	padding: 10px;
	background: transparent url(../img/bluepopup.jpg) no-repeat 0 0;
	color: #ffffff;
	font-size: 12px;
	display: none;
	z-index: 10000;
}
.bluepopup p {
	margin: 0;
	line-height: 12px;
	padding-top: 3px;
	width: 120px;
	font-size: 11px;
}
.bluepopup span {
	color: #bcd1e8;
	font-size: 11px;
}

.isokuva {
	float: left;
	margin: 10px 20px 10px 0;
	position: relative;
	
}
.ihmisetiso {
	clear: both;
	overflow: hidden;
	padding-bottom: 90px;
}
.ihmisetiso h2 {
	color: #e81934;
	margin: 3px 0 0 0;
}
.tiedot {
	float: left;
	width: 330px;
}
.tiedot h2 a {
	color: #e81934;
}
.titteli {
	color: #adb1b6;
	margin-bottom: 20px;
}

#toka {
	margin-top: 5px;
}
#toka .ihminenformi .form {
	min-height: 100px;
	height: auto !important;
	height:100px;
}

.bigquotes h2 {
	margin: 0 0 8px 0;
	background: transparent url(../img/bigbullet.png) no-repeat 0 0;
	_background: transparent url(../img/bigbullet.gif) no-repeat 0 0;
	padding-left: 40px;
	font-size: 1.3em;
}


.productliftup {
	float: right;
	width: 214px;
	background: transparent url(../img/productliftupbg.jpg) no-repeat 0 60px;
}

.productliftup h2 {
	padding: 0 0 10px 20px;
	margin: 0;
	color: #e81934;
	font-weight: bold;
}
.productliftup p {
	padding: 0px 0 0 20px;
	width: 190px;
}
.greenlink {
	background: transparent url(../img/greenlink3.jpg) no-repeat 0 0;
	width:178px;
	display: block;
	height: 26px;
	line-height: 26px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px #616945;
	margin-left: 20px;
}

.greenlink:hover,.greenlink:active,.greenlink:link,.greylink:hover {
	color: #fff;
}
.greylink {
	background: transparent url(../img/greylink.jpg) no-repeat 0 0;
	width:178px;
	display: block;
	height: 26px;
	line-height: 26px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px #616945;
	margin: 10px 0 0 20px;
}

.yhteyshover {
	background: transparent url(../img/greenextension.jpg) no-repeat 0 0;
	margin: -3px 0 0 20px;
	width: 180px;
	color: #fff;
	padding: 20px 0 0 0;
	font-weight: bold;
	height: 150px;
	position: absolute;
}
.yhteyshover p {
	margin: 0;
	
}
.yhteyshover span {
	font-size: 21px;
	font-weight: normal;
}
.greenarrow {
	background: transparent url(../img/greenarrow.jpg) no-repeat 100% 50%;
	padding-right: 15px;
	color: #fff;
	font-size: 11px;
}


#case1 h3 {
	color: #e30f25;
	border-top: 7px solid #e30f25;
	padding-top: 2px;
}
#case2 h3 {
	color: #5b8aa2;
	border-top: 7px solid #5b8aa2;
	padding-top: 2px;
}

#case3 h3 {
	color: #8bb70b;
	border-top: 7px solid #8bb70b;
	padding-top: 2px;
}
.bigquotes {
	padding-bottom: 20px;
	padding-top: 0px;
	width: 430px;
	float: left;
}

.noborder {
	border: none;
}


.arkistolink {
	background: transparent url(../img/arkistolink.jpg) no-repeat 0 0;
	display: block;
	width: 91px;
	height: 39px;
	line-height: 39px;
	padding-left: 15px;
	font-weight: bold;
}
.newsarchive p {
	border-bottom: 1px solid #a9c2cf;
	font-size: 20px !important;
	margin: 0;
	padding: 3px 0;
}
.newsarchive p span {
	float: right;
	padding: 7px 0;
	font-size: 12px;
}


.thumbimage {
	float: left;
	padding-right: 10px;
}

.ihminenthumb {
	xclear: both;
	float: left;
	width: 300px;
}
.ihminenthumb strong {
	color: #336699;
}
.tutkimusnostot {
	overflow: hidden;
	margin-bottom: 20px;
}
.tnosto p {
	margin: 0;
}
.tnosto {
	float: left;
	width: 216px;
	height: 90px;
	border: 1px solid #e8e7e7;
	margin-right: 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	text-align: center;
	padding: 15px 0 0 0;
	font-size: 16px;
}
.tnosto h2 {
	margin: 0;
	color: #9bc214;
	font-weight: bold;
	font-size: 30px;
}
.tutkimusnostot a {
	font-weight: bold;

}

#first {
	clear: both;
	float: none;
}
.bubble {
	background: transparent url(../img/puhekupla.png) no-repeat 0 0;
	display: block;
	width: 600px;
	height: 90px;
	padding: 30px 0 0 00px;
	font-size: 20px;
	margin: 0;
	text-align: center;
}
.bubble li {
	background: none;
}

.ihmisetthumbs {
	clear: both;
	margin-top: 20px;
}





/* -----------------------------------------------------------

	Clear floats
	
----------------------------------------------------------- */
.wrapper 		{ display: inline-block; }
.wrapper:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper 		{ display: block; }