

html>body ul#mainnavi a {float: none; width:auto;}
/* End IE5-Mac hack */

	div#m				{width: 100%; height:auto; margin: 0; padding: 0; background: #34bd1d;  }
	ul#mainnavi			{height:27px; margin: 0; margin-left: 20px; padding: 0; background: #34bd1d; }
	ul#mainnavi li { height: 100%;  float: left; list-style-type: none; }
	/* width here should be auto, but set here as .1em for IE. Float for MAC IE */
	ul#mainnavi a { display: block; height: 100%; }
	
	/* mainNavi items */
	ul#mainnavi #hbsp { width : 47px; background: url(/stc/images/menu/HBSP.gif) no-repeat scroll 0 0; }
	ul#mainnavi #hbsp:hover { background: url(/stc/images/menu/HBSP_hover.gif) no-repeat scroll 0 0; }
	ul#mainnavi li.act #hbsp { background: url(/stc/images/menu/HBSP_act.gif) no-repeat scroll 0 0; }
	ul#mainnavi li.act #hbsp:hover { background: url(/stc/images/menu/HBSP_act_hover.gif) no-repeat scroll 0 0; }

	ul#mainnavi #toimitilatjapalvelut { width : 127px; background: url(/stc/images/menu/toimitilat.gif) no-repeat scroll 0 0; }
	ul#mainnavi #toimitilatjapalvelut:hover { background: url(/stc/images/menu/toimitilat_hover.gif) no-repeat scroll 0 0; }
	ul#mainnavi li.act #toimitilatjapalvelut { background: url(/stc/images/menu/toimitilat_act.gif) no-repeat scroll 0 0; }
	ul#mainnavi li.act #toimitilatjapalvelut:hover { background: url(/stc/images/menu/toimitilat_act_hover.gif) no-repeat scroll 0 0; }

	ul#mainnavi #yrityksetjaorganisaatiot { width : 153px; background: url(/stc/images/menu/yritykset.gif) no-repeat scroll 0 0; }
	ul#mainnavi #yrityksetjaorganisaatiot:hover { background: url(/stc/images/menu/yritykset_hover.gif) no-repeat scroll 0 0; }
	ul#mainnavi li.act #yrityksetjaorganisaatiot { background: url(/stc/images/menu/yritykset_act.gif) no-repeat scroll 0 0; }
	ul#mainnavi li.act #yrityksetjaorganisaatiot:hover { background: url(/stc/images/menu/yritykset_act_hover.gif) no-repeat scroll 0 0; }

	ul#mainnavi #uutiset { width : 53px; background: url(/stc/images/menu/uutiset.gif) no-repeat scroll 0 0; }
	ul#mainnavi #uutiset:hover { background: url(/stc/images/menu/uutiset_hover.gif) no-repeat scroll 0 0; }
	ul#mainnavi li.act #uutiset { background: url(/stc/images/menu/uutiset_act.gif) no-repeat scroll 0 0; }
	ul#mainnavi li.act #uutiset:hover { background: url(/stc/images/menu/uutiset_act_hover.gif) no-repeat scroll 0 0; }

	ul#mainnavi #yhteystiedot { width : 87px; background: url(/stc/images/menu/yhteystiedot.gif) no-repeat scroll 0 0; }
	ul#mainnavi #yhteystiedot:hover { background: url(/stc/images/menu/yhteystiedot_hover.gif) no-repeat scroll 0 0; }
	ul#mainnavi li.act #yhteystiedot { background: url(/stc/images/menu/yhteystiedot_act.gif) no-repeat scroll 0 0; }
	ul#mainnavi li.act #yhteystiedot:hover { background: url(/stc/images/menu/yhteystiedot_act_hover.gif) no-repeat scroll 0 0; }

	/* mainNavi items EN */
	ul#mainnavi.en #hbsp { width : 47px; background: url(/stc/images/menu/HBSP_en.gif) no-repeat scroll 0 0; }
	ul#mainnavi.en #hbsp:hover { background: url(/stc/images/menu/HBSP_hover_en.gif) no-repeat scroll 0 0; }
	ul#mainnavi.en li.act #hbsp { background: url(/stc/images/menu/HBSP_act_en.gif) no-repeat scroll 0 0; }
	ul#mainnavi.en li.act #hbsp:hover { background: url(/stc/images/menu/HBSP_act_hover_en.gif) no-repeat scroll 0 0; }

	ul#mainnavi.en #toimitilatjapalvelut { width : 124px; background: url(/stc/images/menu/toimitilat_en.gif) no-repeat scroll 0 0; }
	ul#mainnavi.en #toimitilatjapalvelut:hover { background: url(/stc/images/menu/toimitilat_hover_en.gif) no-repeat scroll 0 0; }
	ul#mainnavi.en li.act #toimitilatjapalvelut { background: url(/stc/images/menu/toimitilat_act_en.gif) no-repeat scroll 0 0; }
	ul#mainnavi.en li.act #toimitilatjapalvelut:hover { background: url(/stc/images/menu/toimitilat_act_hover_en.gif) no-repeat scroll 0 0; }

	ul#mainnavi.en #yrityksetjaorganisaatiot { width : 171px; background: url(/stc/images/menu/yritykset_en.gif) no-repeat scroll 0 0; }
	ul#mainnavi.en #yrityksetjaorganisaatiot:hover { background: url(/stc/images/menu/yritykset_hover_en.gif) no-repeat scroll 0 0; }
	ul#mainnavi.en li.act #yrityksetjaorganisaatiot { background: url(/stc/images/menu/yritykset_act_en.gif) no-repeat scroll 0 0; }
	ul#mainnavi.en li.act #yrityksetjaorganisaatiot:hover { background: url(/stc/images/menu/yritykset_act_hover_en.gif) no-repeat scroll 0 0; }

	ul#mainnavi.en #uutiset { width : 44px; background: url(/stc/images/menu/uutiset_en.gif) no-repeat scroll 0 0; }
	ul#mainnavi.en #uutiset:hover { background: url(/stc/images/menu/uutiset_hover_en.gif) no-repeat scroll 0 0; }
	ul#mainnavi.en li.act #uutiset { background: url(/stc/images/menu/uutiset_act_en.gif) no-repeat scroll 0 0; }
	ul#mainnavi.en li.act #uutiset:hover { background: url(/stc/images/menu/uutiset_act_hover_en.gif) no-repeat scroll 0 0; }

	ul#mainnavi.en #yhteystiedot { width : 58px; background: url(/stc/images/menu/yhteystiedot_en.gif) no-repeat scroll 0 0; }
	ul#mainnavi.en #yhteystiedot:hover { background: url(/stc/images/menu/yhteystiedot_hover_en.gif) no-repeat scroll 0 0; }
	ul#mainnavi.en li.act #yhteystiedot { background: url(/stc/images/menu/yhteystiedot_act_en.gif) no-repeat scroll 0 0; }
	ul#mainnavi.en li.act #yhteystiedot:hover { background: url(/stc/images/menu/yhteystiedot_act_hover_en.gif) no-repeat scroll 0 0; }

	ul#mainnavi a span {font-size: 1.0em; color: #ffffff; float: left; margin: 0; line-height: 1.9em;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/ 
ul#mainnavi a span {float: none;}
/* End IE5-Mac hack */
	
	a.mainnavi:hover .span {color: #ffffff;}
	a.mainnavi-active		{color: #ffffff; background: #06861e; text-decoration: none;  }
	
