@charset "ISO-8859-1";

body, html {
	margin: 0; 
	padding: 0;
	font-family: arial, times new roman;
}

body {
	font-size: 62.5%;
	color: #000000;
}

img {
	border: none;
}

/***********************************************
*** COMMON
***********************************************/

.clearfloat {
	clear: both;
	height:0px;
    font-size: 1px;
    line-height: 0px;
	margin: 0;
}

#pageTop {
	width: 100%;
	background: #ffffff url(../images/bg_body.gif) repeat-x left bottom;
}

	#pageTop .page {
		background: transparent url(../images/bg_top_gradient.gif) no-repeat left bottom;
	}
	
	#home #pageTop .page {
		padding-bottom: 202px;
	}
	
	#pageTop .leftCol {
		position: relative;
		float: left;
		width: 303px;
	}
	
		#pageTop .leftCol .padding {
			padding: 63px 77px 20px 66px;
		}
		
		#pageTop .leftCol p {
			color: #666666;
			font-weight: normal;
			font-size: 1.4em;
			font-style: italic;
			margin: 0 0 12px;
		}	
		
		#pageTop .leftCol h3 {
			color: #006699;
			font-weight: normal;
			font-size: 1.1em;
			margin: 0;
			text-align: right;
		}
	
	#pageTop .rightCol {
		position: relative;
		float: left;
		width: 581px;
		padding: 30px 0 9px;
	}
	
		#pageTop .rightCol h1 {
			color: #006699;
			font-size: 2.4em;
			font-weight: normal;
			margin: 0 0 5px;
		}
		
		#pageTop .rightCol h2 {
			color: #006699;
			font-size: 1.8em;
			font-weight: normal;
			margin: 35px 0 7px;
		}
		
		#pageTop .rightCol p {
			color: #000000;
			font-size: 1.2em;
			font-weight: normal;
			margin: 0 0 19px;
			line-height: 1.4em;
		}
		
		#pageTop .rightCol a {
			color: #009900;
		}
		
		#pageTop .rightCol img.rightImage {
			float: right;
			padding: 0 0 15px 15px;
		}
		
	#pageTop .infoCol {
		position: relative;
		float: left;
		width: 425px;
	}
	
		#pageTop .infoCol .padding {
			padding: 29px 0 0 65px;
		}
		
		#pageTop .infoCol h2 {
			color: #006699;
			font-size: 1.8em;
			font-weight: normal;
			margin: 0 0 4px;
		}
		
		#pageTop .infoCol p {
			color: #000000;
			font-size: 1.2em;
			font-weight: normal;
			margin: 0 0 0;
			line-height: 1.4em;
		}
				
		#pageTop .infoCol table {
			margin-top: 30px;
		}
						
			#pageTop .infoCol table img {
				padding-bottom: 11px;
			}
		
	#pageTop .contactCol {
		position: relative;
		float: left;
		width: 462px;
	}
	
		#pageTop .contactCol .padding {
			padding: 29px 0 0 0;
		}
		
		#pageTop .contactCol h1 {
			color: #006699;
			font-size: 1.8em;
			font-weight: normal;
			margin: 0 0 9px;
		}
		
		#pageTop .contactCol form {
			margin: 0;
			padding: 0;
		}
		
		#pageTop .contactCol .row {
			padding: 0 0 1px 0;
		}
		
		#pageTop .contactCol .lastRow {
			padding: 24px 0 1px 0;
		}
			
			#pageTop .contactCol .row .left {
				float: left;
				width: 49px;
			}
			
			#pageTop .contactCol .row .right {
				float: left;
				width: 410px;
				padding-top: 2px;
			}
			
			#pageTop .contactCol .row label {
				color: #000000;
				font-size: 1.2em;
			}
						
			#pageTop .contactCol .row p {
				color: #000000;
				font-size: 1.2em;
			}
			
			#pageTop .contactCol .row label.error {
				color: #ff0000;
			}
						
			#pageTop .contactCol .row input {
				border: 1px solid #99cc66;
				width: 408px;
			}
			
			#pageTop .contactCol .row textarea {
				border: 1px solid #99cc66;
				width: 408px;
				font-family: arial;
				font-size: 1.3em;
			}
			
		#pageTop .contactCol .buttonRow {
			text-align: right;
			padding: 6px 0 61px 0;
		}
		
	#products {
		width: 900px;
		position: relative;
	}
	
		#products .padding { padding: 30px 0 1px 71px; }
		
		#products .product {
			float: left;
			width: 260px;
			background: transparent url(../images/bg_product.gif) repeat-y left top;
			border-top: 1px solid #99cc66;
			border-bottom: 1px solid #99cc66;
			margin: 0 13px 13px 0;
			min-height: 267px;
			height: auto !important;
			height: 267px;

		}
		
			#products .product .padding { padding: 10px; }
			
			#products .product h2 { 
				color: #006699;
				font-size: 1.4em;
				font-weight: normal;
				margin: 12px 0 0 0;
			}
			
			#products .product p { 
				color: #000000;
				font-size: 1.2em;
				font-weight: normal;
				margin: 4px 0 0 0;
				line-height: 1.4em;
			}
			
		#products h1 {
			color: #006699;
			font-size: 2.4em;
			font-weight: normal;
			margin: 0 0 5px;
		}
		
		#products h2 {
			color: #006699;
			font-size: 1.8em;
			font-weight: normal;
			margin: 35px 0 7px;
		}
		
		#products p {
			color: #000000;
			font-size: 1.2em;
			font-weight: normal;
			margin: 0 0 19px;
			line-height: 1.4em;
		}
		
		#products a {
			color: #009900;
		}

	#header {
		position: relative;
		height: 73px;
	}
	
		#header .logo {
			position: absolute;
			left: 0;
			top: 0;
		}
	
		#header .contact {
			float: right;
			position: relative;
			height: 31px;
			color: #0066cc;
			font-size: 1.1em;
		}
		
			#header .contact .padding {
				padding-top: 9px;
			}
			
			#header .contact span {
				padding: 0 8px 0 14px;
				background: transparent url(../images/bg_phone.gif) no-repeat left 2px;
			}
				
			#header .contact a {
				color: #0066cc;
				text-decoration: none;
				padding: 0 4px 0 18px;
				background: transparent url(../images/bg_email.gif) no-repeat left 1px;
				margin-left: 8px;
			}
		
		#header .navi {
			float: right;
			position: relative;
			background: transparent url(../images/bg_navi.gif) repeat-x left top;
			height: 41px;
		}
		
			#header .navi a {
				height: 41px;
				display: block;
				text-decoration: none;
				float: left;
				background: transparent none no-repeat left top;
			}
			
			#header .navi a span {
				visibility: hidden;
			}
		
			#header .navi a#page3 { background-image: url(../images/navi_yritys.gif); width: 79px; }
			#header .navi a#page2 { background-image: url(../images/navi_palvelut.gif); width: 87px; }
			#header .navi a#page4 { background-image: url(../images/navi_tuotteet.gif); width: 87px; }
			#header .navi a#page5 { background-image: url(../images/navi_asiakkaat.gif); width: 96px; }
			#header .navi a#page6 { background-image: url(../images/navi_ajankohtaista.gif); width: 129px; }
			#header .navi a#page7 { background-image: url(../images/navi_yhteystiedot.gif); width: 112px; }
			#header .navi a#page8 { background-image: url(../images/navi_in_brief.gif); width: 87px; }
			
			#header .navi a:hover, #header .navi a.menu-current, #header .navi a.menu-parent {
				background-position: left bottom;
			}

#pageBottom {
	width: 100%;
	padding: 0 0 17px 0;
	background: transparent url(../images/bg_home.gif) no-repeat center top;
}

	#pageBottom .page {
		padding: 81px 0 0 0;
		
	}
	
	#pageBottom .column1 {
		float: left;
		position: relative;
		width: 325px;
	}
	
		#pageBottom .column1 .padding { padding: 0 40px 0 65px; }
	
	#pageBottom .column2 {
		float: left;
		position: relative;
		width: 300px;
	}
	
		#pageBottom .column2 .padding { padding: 0 40px 0 39px; }
	
	#pageBottom .column3 {
		float: left;
		position: relative;
		width: 247px;
	}
	
		#pageBottom .column3 .padding { padding: 0 0 0 40px; }
		
	#pageBottom .col h2 {
		margin: 0;
		font-size: 1.8em;
		color: #006699;
		text-transform: uppercase;
		font-weight: normal;
	}
	
	#pageBottom .col p {
		margin: 0;
		font-size: 1.1em;
		line-height: 1.4em;
	}
	
	#pageBottom .col a {
		color: #336600;
	}

.page {
	position: relative;
	width: 948px;
	margin: 0 auto;
}

#common {
	margin: 11px auto 0;
}

#pageBottom #common {
	padding: 0;
}

#leaves {
	position: absolute;
	left: 0;
	top: -56px;
}

#banners {
	background: transparent url(../images/bg_boxes.gif) no-repeat left top;
	zoom: 1;
}

	#banners .left {
		float: left;
		position: relative;
		width: 285px;
	}
	
		#banners .left .padding { padding: 12px 0 8px 65px; }
		
		#banners .left h2 { 
			color: #ffffff;
			font-size: 1.8em;
			margin: 0;
		}
			
		#banners .left p { 
			color: #ffffff;
			font-size: 1.2em;
			margin: 0;
			font-weight: normal;
		}
				
		#banners .left a { 
			color: #ffffff;
		}
	
	#banners .right {
		float: right;
		position: relative;
		width: 604px;
		
	}
	
		#banners .right .padding { padding: 3px 40px 2px 0; zoom: 1; }
		
		#banners .right img {
			float: left;
		}
		
		#banners .right .text {
			float: right;
			width: 246px;
			padding: 8px 0 8px 0;
		}
		
		#banners .right h2 { 
			color: #ffffff;
			font-size: 1.8em;
			margin: 0;
		}
			
		#banners .right p { 
			color: #ffffff;
			font-size: 1.2em;
			margin: 0;
		}
				
		#banners .right a { 
			color: #ffffff;
		}

#footer {
	background: transparent url(../images/bg_boxes_bottom.gif) no-repeat left top;
	padding: 16px 0 20px 0;
}

	#footer .logos {
		padding-left: 17px;
		float: left;
	}
	
		#footer .logos a {
			float: left;
		}
	
	#footer span {
		float: right;
		color: #666666;
		font-size: 1.0em;
		display: block;
		padding: 10px 8px 0 0;
	}
	
	#footer span a {
		color: #666666;
		text-decoration: none;
	}
	
	#footer_aaa {
	text-align: center;
	padding-top: 10px;
	}
	
#slide1, #slide2, #slide3, #slide4, #slide5 {
	position: absolute;
	top: 0;
	width: 948px;
	display: none;
}

#slide1 {
	display: block;
}
	
#slideshow {
	position: absolute;
	top: -202px;
	left: 0;
	width: 948px;
	height: 280px;
}

	#slideshow .bigImage {
		position: absolute;
		right: 0;
	}
	
	#slideshow .content {
		padding: 83px 0 0 62px;
		position: absolute;
		left: 0;
	}
	
		#slideshow .content h1 {
			font-size: 4.0em;
			color: #006699;
			font-weight: normal;
			margin: 0 0 8px;
		}
		
		#slideshow .content p {
			font-size: 1.2em;
			color: #010101;
			font-weight: normal;
			margin: 0;
		}
		
		#slideshow .content a {
			color: #339900;
		}
	
	#slideshow .numbers {
		position: absolute;
		top: 214px;
		left: 61px;
		background: red;
		background: transparent url(../images/bg_slides.gif) repeat-x left top;
		height: 20px;
		display: none;
	}
	
		#slideshow .numbers a {
			font-size: 1.0em;
			color: #666666;
			text-decoration: none;
			padding: 2px 4px 0 4px;
			display: block;
			float: left;
		}
		
		#slideshow .numbers a.active {
			font-size: 1.0em;
			color: #669900;
			text-decoration: underline;
		}
		
		#slideshow .numbers img { float: left; }