body {
 font-family: times new roman, verdana, helvetica, arial, sans-serif;
 font-size: 13px;
 line-height: 14px;
 color: #000000;
 background: #000000; 
 margin: 0px 0px 0px 0px;
}

a:link, a:active, a:visited { text-decoration: none; color: #000000;}
a:hover { text-decoration: underline; color: #000000;}

p  { padding: 0px 0px 0px 0px; }

.img  { display: block; border: 0;}
.title { padding: 0px 0px 10px 0px; }
.content  { margin-left: auto; margin-right: auto; margin-top: 25px; background: #ffffff no-repeat; width: 800px; height: 490px; }

#logoIndex { position: relative; float: right; padding: 50px 30px 0px 0px;}
#logo { position: relative; float: right; padding: 30px 30px 0px 0px;}
#text  { position: relative; float: right; margin-top: 50px; margin-left: 240px; margin-right: 30px; padding: 0px 0px 0px 0px; width: 370px }

#textPalvelut  { position: relative; float: right; margin-top: 30px; margin-left: 240px; margin-right: 30px; padding: 0px 0px 0px 0px; width: 370px }

#textLeft  { position: relative; float: left; margin-top: 30px; margin-left: 0; margin-right: 140px; padding: 0px 0px 0px 20px; width: 370px} 

#textViini  { position: relative; float: right; margin-top: 70px; margin-left: 280px; margin-right: 20px; background: #ffffff; padding: 15px 15px 15px 15px; width: 370px; }

#textNiki  { position: relative; float: left; margin-top: 270px; margin-left: 26px; width:232px; padding: 5px 15px 5px 10px; background: #ffffff; }
#textHenri  { position: relative; float: left; margin-top: 107px; margin-left: 200px; width:230px; background: #ffffff; padding: 5px 15px 5px 10px; }



a.palvelumme:link, a.palvelumme:active, a.palvelumme:visited { text-decoration: none; color: #6d7578; line-height: 22px;}
a.palvelumme:hover { text-decoration: underline; color: #6d7578; line-height: 22px;}

p.palvelumme { line-height: 5px; font-size: 13px;}

span.grey { color: #6d7578;}

span.here { color: #616161; font-size: 13px;}

.navigationLeft  { float: left; margin-right: auto; width: 777px; background: transparent; padding: 0 0 0 23px; font-size: 10px;}
.navigation  { margin-left: auto; margin-right: auto; margin-top: -48px; background: #ffffff no-repeat; width: 777px; padding: 0 0 0 23px; font-size: 10px;}
.navigationLeft_RightText { float: left; margin-right: auto; width: 777px; background: transparent; padding: 40px 0 0 23px; font-size: 10px;}

/* menu */

 a.srollover1 {
    display: block;
    width: 90px;
    height: 22px;
    background: url("pics/navi_murudining.gif") 0 0 no-repeat;
    text-decoration: none;
	font-size: 10px;
      }

 a:hover.srollover1 {
    background-position: -95px 0;
	font-size: 10px;}
	
 a.srollover1_1 {
    display: block;
    width: 90px;
    height: 22px;
    background: url("pics/navi_murudining2.gif") 0 0 no-repeat;
    text-decoration: none;
	font-size: 10px;
      }

 a:hover.srollover1_1 {
    background-position: -95px 0;
	font-size: 10px;	}
	  
 a.srollover2 {
	display: block;
    width: 18px;
    height: 22px;
    background: url("pics/navi_me.gif") 0 0 no-repeat;
	text-decoration: none;
	font-size: 10px;
 }

 a:hover.srollover2 {
    background-position: -23px 0;
	font-size: 10px;	}
	
a.srollover2_1 {
	display: block;
    width: 18px;
    height: 22px;
    background: url("pics/navi_me2.gif") 0 0 no-repeat;
	text-decoration: none;
	font-size: 10px;
 }

 a:hover.srollover2_1 {
    background-position: -22px 0;
	font-size: 10px;}

 a.srollover3 {
    display: block;
    width: 91px;
    height: 22px;
    background: url("pics/navi_palvelumme.gif") 0 0 no-repeat;
    text-decoration: none;
	font-size: 10px;
      }

 a:hover.srollover3 {
    background-position: -94px 0;
	font-size: 10px;}	
	
 a.srollover3_1 {
    display: block;
    width: 91px;
    height: 22px;
    background: url("pics/navi_palvelumme2.gif") 0 0 no-repeat;
    text-decoration: none;
	font-size: 10px;
      }

 a:hover.srollover3_1 {
    background-position: -94px 0;
	font-size: 10px;}	
	
a.srollover4 {
    display: block;
    width: 101px;
    height: 22px;
    background: url("pics/navi_ota_yhteytta.gif") 0 0 no-repeat;
    text-decoration: none;
	font-size: 10px;
      }

 a:hover.srollover4 {
    background-position: -106px 0;
	font-size: 10px;}

a.srollover4_1 {
    display: block;
    width: 102px;
    height: 22px;
    background: url("pics/navi_ota_yhteytta2.gif") 0 0 no-repeat;
    text-decoration: none;
	font-size: 10px;
      }

 a:hover.srollover4_1 {
    background-position: -106px 0;
	font-size: 10px;}
	  	  
	  
	  
	  
#nav, #nav ul {
	padding: 0 0 0 0px;
	margin: 0;
	list-style: none;
}

#nav ul {
	margin-top: -5px;
	list-style: none;
}

#nav a {
	display: block;	}

#nav li {
	float: left;
	width: 10em;
}

#nav li.links {
	float: left;
	width: 30em;
}

#nav li.me {
	float: left;
	width: 3em;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

a.sub:link, a.sub:active, a.sub:visited { text-decoration: none; color: #000000; font-size: 12px;}
a.sub:hover { text-decoration: underline; color: #000000; font-size: 12px;}