/* =body */
body { 
	background-color:#f0f0f0;
	background-image:url(../img/background.png);
	background-repeat:repeat-x;
	overflow:scroll;}
	
body a {
	text-decoration:none;
	font-weight:bold;
	color:#555555;}
	
body img {
	border:0;}

/* ----- HEADER ------>>>>>>>> */

div#header {
	position :relative;
	width :915px;
	margin-left :auto;
	margin-right:auto;
	margin-top:-8px;
	height :294px;
	border:1px solid white;
	background-image:url(../img/background_header.png);
	background-repeat:no-repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	letter-spacing:1px;}
div#header a{
	color:#FFFFFF;}
div#header a:hover{
	text-decoration:underline;}
	
div#header ul.navi {
	position :absolute;
	left :67px;
	top :76px;
	padding :0;
	margin :0;}
div#header ul.navi li {
	display :inline;
	margin :0;
	padding :0;
	list-style-type :none;
	line-height :41px;}
div#header ul.navi li span{
	visibility:hidden;}	
div#header ul.navi li a{
	float :left;
	width :130px;
	height :41px;
	text-align:center;}	
div#header ul.navi li.etusivu a{
	background-image :url(../img/navi_etusivu.png);}
div#header ul.navi li.ratkaisut a{
	background-image :url(../img/navi_ratkaisut.png);}
div#header ul.navi li.referenssit a{
	background-image :url(../img/navi_referenssit.png);}
div#header ul.navi li.brandid a{
	background-image :url(../img/navi_yritys.png);}
div#header ul.navi li.yhteystiedot a{
	background-image :url(../img/navi_yhteystiedot.png);}
div#header ul.navi li.ajankohtaista a{
	background-image :url(../img/navi_ajankohtaista.png);}
div#header ul.navi a:hover{
	background-position :-130px 0;}
	
div#header #flash_content{
	position :relative;
	width :780px;
	height :200px;
	margin-left:auto;
	margin-right:auto;
	padding-top:93px;}
	
div#header ul.maa {
	position :absolute;
	left :728px;
	top :36px;
	padding :0;
	margin : 0px;}	
div#header ul.maa li {
	display :inline;
	list-style-type :none;}
div#header ul.maa li span{
	visibility:hidden;}	
div#header ul.maa li a{
	float :left;
	width :30px;
	height :20px;
	margin :5px;}
div#header ul.maa li.fi a{
	background-image :url(../img/lippu_suo.png);
	background-repeat:no-repeat;}
div#header ul.maa li.se a{
	background-image :url(../img/lippu_ruo.png);
	background-repeat:no-repeat;}
div#header ul.maa li.en a{
	background-image :url(../img/lippu_eng.png);
	background-repeat:no-repeat;}
		
/* <<<<<<<<----- HEADER ------ */	


/* ----- CONTENT ------>>>>>>>> */
div#content { 
	position :relative;
	background-color:#ffffff; 
	width :852px;
	margin :auto;
	min-height:253px;
	background-repeat:no-repeat;
	padding-left:62px;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	color:#333333;}
	
div#content h2{
	font-size:12px;
	font-weight:bold;
	margin-left:280px;}
div#content h3{
	font-size:15px;
	margin-bottom:20px;
	margin-top:20px;
	margin-left:280px;
	padding-right:120px;
	line-height:18px;}
div#content p,ol,hr{
	font-size:11px;
	margin-left:280px;
	padding-right:120px;}
div#content ol{
	list-style-type:circle;}
div#content h6{
	text-decoration:underline;
	font-size:11px;
	font-weight:bold;
	margin-left:280px;
	margin-bottom:10px;}
div#content hr{
	width:400px;
	color:#999999;
	background-color:#999999;
	border:0;
	height:1px;}
div#content a:hover{
	text-decoration:underline;}
	
div#content fieldset{
	border: 0;}
div#content input{
	background: #ffffff;
	border: 1px solid #000000;}
div#content textarea{
	background: #ffffff;
	border: 1px solid #000000;}
div#content label {
	width: 11em;
	float: left;
	text-align: right;
	margin-right: 1em;
	display: block;}
div#content .error{
	color:red;}
div#content .linkred{
	color:red;
	font-size:11px;}

	
div#content ul.content_navi{
	padding-top:40px;
	list-style-type:none;
	line-height:15px;}
	
div#content #industrial_etu {
	width :260px;
	height :243px;
	float :left;
	margin-right:5px;}
div#content #industrial_contact {
	width :260px;
	height :243px;
	float :left;
	margin-right :5px;
	background-image:url(../img/contact_industrial.png);
	background-repeat :no-repeat;}	
div#content #industrial_contact #text{
	padding-top:120px;
	text-align:center;
	line-height:16px;}
div#content #industrial_contact #text a{
	color:#0099FF;}
div#content #industrial {
	width :260px;
	height :243px;
	float :left;
	margin-right :20px;
	background-image:url(../img/cont_industrial.png);
	background-repeat :no-repeat;}	
		
div#content #kolmed_etu{
	width :260px;
	height :243px;
	float :left;}
div#content #kolmed_contact{
	width :260px;
	height :243px;
	float :left;
	background-image:url(../img/contact_kolmed.png);
	background-repeat :no-repeat;}
div#content #kolmed_contact #text{
	padding-top:120px;
	text-align:center;
	line-height:16px;}
div#content #kolmed_contact #text a{
	color:#0099FF;}
div#content #kolmed{
	width :260px;
	height :243px;
	float :left;
	margin-right:20px;
	background-image:url(../img/cont_kolmed.png);
	background-repeat :no-repeat;}
	
div#content #yritysilme_etu{
	width :260px;
	height :243px;
	float:right;
	margin-right:63px;}	
div#content #yritysilme_contact{
	width:260px;
	height:243px;
	float:right;
	margin-right:63px;
	background-image:url(../img/contact_yritysilme.png);
	background-repeat:no-repeat;}
div#content #yritysilme_contact #text{
	padding-top:120px;
	text-align:center;
	line-height:16px;}
div#content #yritysilme_contact #text a{
	color:#0099FF;}
div#content #yritysilme{
	width:260px;
	height:243px;
	float:left;
	margin-right:20px;
	background-image:url(../img/cont_yritysilme.png);
	background-repeat:no-repeat;}

div#content #yritysilme_contact2{
	width :260px;
	height :243px;
	float :left;
	margin-right :5px;
	background-image:url(../img/contact_yritysilme.png);
	background-repeat :no-repeat;}	
div#content #yritysilme_contact2 #text{
	padding-top:120px;
	text-align:center;
	line-height:16px;}
div#content #yritysilme_contact2 #text a{
	color:#0099FF;}
	
div#content #brandid{
	width:260px;
	height:243px;
	float:left;
	margin-right:20px;
	background-image:url(../img/cont_brandid.png);
	background-repeat:no-repeat;}
div#content #brandid #text{
	width:80%;
	padding-top:45px;}

div#content #mediapankki{
	width:260px;
	height:243px;
	float:left;
	margin-right:20px;
	background-image:url(../img/cont_mediapankki.png);
	background-repeat:no-repeat;}
div#content #mediapankki #text{
	width:80%;
	padding-top:45px;}

div#content #referenssit{
	width :260px;
	height :243px;
	float:left;
	margin-right:20px;
	background-image:url(../img/cont_case.png);
	background-repeat:no-repeat;}
div#content #referenssit #text{
	width:80%;
	padding-top:45px;}
	
div#content #ratkaisut{
	width:260px;
	height:243px;
	float:left;
	margin-right:20px;
	background-image:url(../img/cont_ratkaisut.png);
	background-repeat:no-repeat;}
div#content #ratkaisut #text{
	width:80%;
	padding-top:45px;}
	
div#content #suojakalvot{
	width:260px;
	height:243px;
	float:left;
	margin-right:20px;
	background-image:url(../img/cont_suojakalvot.png);
	background-repeat:no-repeat;}
div#content #suojakalvot #text{
	width:80%;
	padding-top:45px;}
	
div#content #person {
	margin-top:4px;
	margin-left:25px;
	height:80px;
	width:215px;
	float:left;}
div#content #person img{
	margin-right:10px;}
div#content #person a{
	color:#0099FF;}
	
/* <<<<<<<<----- CONTENT ------ */	


/* ----- FOOTER ------>>>>>>>> */
div#footer{
	position :relative; 
	width :915px; 
	height :56px;
	margin :auto;
	background-color:#FFFFFF;}	
div#footer #news{
	width:255px;
	height:40px;
	float :left;
	padding-left:72px;
	padding-right:2px;}
div#footer #member{
	width:288px;
	height:32px;
	float :left;
	padding-top:6px;}
div#footer #inspecta{
	width:217px;
	height:56px;
	float:right;}	
/* <<<<<<<<----- FOOTER ------ */