html,body,div,h1,h2,h3,h4,ul,li,p,img,a,input { margin: 0; padding: 0; }

body { 
 background-color: #FFFFFF;
}

/* fonts */
p,li { font-family: Arial; font-size: 11px; color: #666666; }
h3 { font-weight: normal; font-family: Arial; font-size: 28px; color: #666666; }
a { text-decoration: underline; color: #666666; }

/* page margins */
#content h3 { margin: 0 0 12px 0; }
#content p { margin: 0 0 12px 0; }

#cent {
	width: 872px;
	margin-left: auto;
	margin-right: auto;
}

#contentholder {
	width: 872px;
	margin: 0;
}

#head h1, #head h2 { display: none; }

#headtext {
	background-image: url('img/headtext.gif');
	width: 460px;
	height: 37px;
	float: left;
	margin: 32px 0 0 20px;
}
#headtext_fi {
	background-image: url('img/headtext_fi.gif');
	width: 541px;
	height: 54px;
	float: left;
	margin: 20px 0 0 20px;
}

#head {
	height: 101px;
	width: 872px;
	background-image: url('img/headbg.gif');
	background-repeat: repeat-x;
}

#headimg {
	width: 269px;
	height: 101px;
	background-image: url('img/headlogo.gif');
	background-repeat: no-repeat;
	float: right;
}

#navi { background-image: url('img/navibg.gif'); background-repeat: repeat-x; height: 25px; width: 872px; }
#navi ul { list-style-type: none; margin: 0; float: left; width: 872px;}
#navi ul li { float: left; padding:0; margin: 0; border-right: 1px solid #9bb1a9;} 
#navi ul li.clear { float: left; border-right: 0px solid #9bb1a9; }
#navi ul li a { display: block; height: 24px; }
#navi ul li a img { height: 24px; margin:0; padding:0; border: 0px;}

#headimgbottom {
	height: 25px;
	width: 134px;
	background-image: url('img/headlogobottom.gif');
	float: left;
}

/* flags */
#languagefi a, #languageen a {
	height: 14px;
	width: 23px;
	float: left;
	margin: 6px 0 0 18px;
	display: block;
}

#languagefi a { background-image: url('img/flagfi.gif'); }
#languageen a { background-image: url('img/flagen.gif'); }

#languagefi span { display: none; }
#languageen span { display: none; }

//#leftnavi div h4 {  }

#leftnavi div { width: 241px; height: 25px; background-repeat: no-repeat; background-position: top left; }
#leftnavi div.company { background-image: url('img/leftnavi_company.gif'); }
#leftnavi div.products { background-image: url('img/leftnavi_products.gif'); }
#leftnavi div.references { background-image: url('img/blank.gif'); }
#leftnavi div.contacts { background-image: url('img/leftnavi_contact.gif'); }
#leftnavi div.services { background-image: url('img/leftnavi_services.gif'); }
#leftnavi div.news { background-image: url('img/leftnavi_news.gif'); }

#leftnavi div.yritys { background-image: url('img/leftnavi_yritys.gif'); }
#leftnavi div.tuotteet { background-image: url('img/leftnavi_tuotteet.gif'); }
#leftnavi div.referenssit { background-image: url('img/blank.gif'); }
#leftnavi div.yhteystiedot { background-image: url('img/leftnavi_yhteystiedot.gif'); }
#leftnavi div.palvelut { background-image: url('img/leftnavi_palvelut.gif'); }
#leftnavi div.uutiset { background-image: url('img/leftnavi_uutiset.gif'); }

#leftnavi {
	width: 241px;
//	height: 203px;
	min-height: 203px;
	background-color: #cfc5b9;
	float: left;
}

#leftnavi p { 
 color: #2f2f2f;
 margin: 10px 10px 0px 10px; 
 margin-left: 10px;
 padding: 0px;
}

#leftnavi ul {
	list-style-type: none;
}

#leftnavi li { margin: 0 0 2px 10px; }
#leftnavi li a { color: #2f2f2f; text-decoration: none; margin: 0 0 2px 0; }
#leftnavi li a:hover { text-decoration: underline; }
#leftnavi li a.active { font-weight: bold; }

#pageimg { width: 631px; height: 203px; background-repeat: no-repeat; float: left; }
#pageimg.frontpage { background-image: url('img/page_frontpage.png'); }
#pageimg.company { background-image: url('img/page_company.png'); }
#pageimg.products { background-image: url('img/page_products.png'); }
#pageimg.references { background-image: url('img/page_references.png'); }
#pageimg.contacts { background-image: url('img/page_contact.png'); }
#pageimg.services { background-image: url('img/page_services.png'); }
#pageimg.news { background-image: url('img/page_references.png'); }

#pageimg.etusivu { background-image: url('img/page_etusivu.png'); }

#newsletterhead h4 { display: none; }

#newsletterhead {
	width: 241px;
	height: 25px;
	background-image: url('img/newsletter.gif');
	background-repeat: no-repeat;
}

#newsletter {
	width: 241px;
	background-color: #e0e1e2;
	background-image: url('img/newsletterbg.gif');
	background-repeat: repeat-x;
	background-position: bottom center;
	margin: 0 0 10px 0;
	float: left;
}

#newsletter p { margin: 12px; }
#newsletter input { width: 150px; height: 18px; font-size: 11px; font-family: Arial; display: inline; border: 1px solid #9a9a9a; }
#newsletter input.order {
	width: 50px;
	height: 20px;
	background-color: #9a9a9a;
	border: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline;
	vertical-align: bottom;
	margin: 0 0 0 5px;
}

#left {
      margin: 0 0 0 0;
      float: left;
      width: 241px;
     
}
#left a { display: block; float: left; clear: both; margin: 0 0 10px 0; }
#left img {
	border: 1px solid #9a9a9a;
	width: 239px;
	float: left;
}

#content {
	width: 361px;
	margin: 10px;
	padding: 0 5px 0 5px;
	float: left;
}

#pageright {
	width: 240px;
	height: 400px;
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	margin: 10px 0 0 0;
}

#copy {
	width: 872px;
	float: left;
	clear: both;
	text-align: center;
}
#copy p { margin: 0 0 5px 0; }

div.hr hr { display: none; }
div.hr { height: 1px; border-top: 1px solid #868686; margin: 10px 0 10px 0; }