/* CSS Document */
body  {
  font-family:Verdana, Arial, sans-serif;
  background: #000;
  color:#fff;
  }
  
p {
font-size:8pt;
line-height: 12pt;
color:#eae8e8;
margin:10px 0px 10px 0px;
}

h1 {
font-size:12pt;
line-height: 20pt;
color:#eae8e8;
margin:10px 0px 10px 0px;
}

h2 {
font-size:12pt;
line-height: 15pt;
color:#eae8e8;
margin:25px 0px 10px 0px;
}

h3 {
font-size:9pt;
line-height: 9pt;
color:#eae8e8;
margin:20px 0px 0px 0px;
}


#kokosivu {
  width: 907px;
  height:632px;
  margin:0 auto;
}

#wrap { 
  width:907px; 
  height:100%;
  background: url(images/tausta_etusivu.gif) no-repeat top center;
  margin:0 auto; 
  position: relative;
  float:left;
} 

#wraptyot { 
  width:907px; 
  height:100%;
  background: url(images/tausta_tyot.gif) no-repeat top center;
  margin:0 auto; 
  position: relative;
  float:left;
}

#wraptekijat { 
  width:907px; 
  height:100%;
  background: url(images/tausta_tekijat.gif) no-repeat top center;
  margin:0 auto; 
  position: relative;
  float:left;
}

#wrapyhteystiedot { 
  width:907px; 
  height:100%;
  background: url(images/tausta_yhteystiedot.gif) no-repeat top center;
  margin:0 auto; 
  position: relative;
  float:left;
}

/* etusivun navigaatio */

#navi, #navi2, #navi3, #navi4 { width:388px; height:29px; left:89px; top:99px; margin:0px; position:absolute; }
#navi5, #navi6, #navi7, #navi8 { width:96px; height:29px; left:685px; top:0px; margin:0px; position:absolute; }

#navi a, #navi2 a, #navi3 a, #navi4 a, #navi5 a, #navi6 a, #navi7 a, #navi8 a { height:100%; display:block; float:left; color:#000000; background-repeat:no-repeat; }

#navi a { background-image:url("images/navi_main.gif"); }
#navi2 a { background-image:url("images/navi_works.gif");  }
#navi3 a { background-image:url("images/navi_makers.gif"); }
#navi4 a { background-image:url("images/navi_contact.gif"); }

#navi5 a { background-image:url("images/navi_main_suomi.gif"); }
#navi6 a { background-image:url("images/navi_works_suomi.gif"); }
#navi7 a { background-image:url("images/navi_makers_suomi.gif"); }
#navi8 a { background-image:url("images/navi_contact_suomi.gif"); }

#navi-etusivu { width:75px; background-position:0px 0px; }
#navi-tyot { width:80px; background-position:-75px 0px; }
#navi-tekijat { width:96px; background-position:-155px 0px; }
#navi-yhteystiedot { width:90px; background-position:-251px 0px; }
#navi-suomi { width:96px; background-position:0px 0px; }

#navi-etusivu.selected, #navi-etusivu:hover { background-position:0px -29px; }
#navi-tyot.selected, #navi-tyot:hover { background-position:-75px -29px; }
#navi-tekijat.selected, #navi-tekijat:hover { background-position:-155px -29px; }
#navi-yhteystiedot.selected, #navi-yhteystiedot:hover { background-position:-251px -29px; } 
#navi-suomi:hover { background-position:0px -29px; } 

.screen { width:1px; margin-left:-5000px; position:absolute; }

#teksti {
  width:500px;
  position:absolute; 
  left:98px;
  top:160px;
  z-index:5;
}

#vasenpalsta{
  width:230px;
  position:absolute; 
}

#oikeapalsta {
  width:279px;
  position:absolute; 
  left:245px;
  top:14px;
  }

#boksi { 
  width:174px; 
  height:149px; 
  position:absolute; 
  top:164px;
  left:677px; 
  margin:0px;
  }

#boksi2 { 
  width:174px; 
  height:149px; 
  position:absolute; 
  top:376px;
  left:677px; 
  margin:0px;
  }

.rightcolumn2 {
	width:132px;
	}/* kuvatuotanto oikea kolumni */
	
.middlecolumn{
	width:390px;
	} /* kuvatuotanto keskimmäinen kolumni */
	
	
	
.casebordertop
			{
			width:80px;
			height:13px;
			background-repeat:no-repeat;
			background-image:url("caseborder_top.jpg");
			
			}
.caseborderbottom
			{
			width:94px;
			height:15px;
			background-image:url("caseborder_bottom.jpg");
			background-repeat:no-repeat;
			}	
	
.selected  .casebordertop
			{
			background-image:url("pikkukuvakehys_ylareuna.gif");
			}
.selected  .caseborderbottom
			{
			background-image:url("pikkukuvakehys_alareuna.gif");
			}
			
.avcaserail, .caseborder
      {
      background: #6c6c6c;
      }

.avcaserail
      {
      width: 130px;
      border:1px solid #6c6c6c;
      }	

.caseborder
      {
      width:350px;
      padding:6px;
      }

.avcase		{
      width:110px;
      margin:5px;
      padding:5px;
			}
			
.avcase	img	{
      cursor:pointer;
			}
			
.avcase.selected	{
      background: #fff;
			}
			
.avcasepadding	{
      height:5px;
      overflow:hidden;
			}
			
.avcasebordertop{
			width:120px;
			height:5px;
	}

.selected .avcasebordertop{
			background-repeat:no-repeat;
			background-image:url("pikkukuvakehys_ylareuna.gif");
			}
			
.avcaseborderbottom{
			width:120px;
			height:5px;
			}

.selected .avcaseborderbottom{
			width:120px;
			height:5px;
			background-repeat:no-repeat;
			background-image:url("pikkukuvakehys_alareuna.gif");
			}
			
 
a:link  {
	color: #e5d233;
	font-size: 8pt;
	text-decoration: none;
       }

a:visited  {
	color: #fffe86;
	font-size: 8pt;
	text-decoration: none;
      }

a:active  {
	color: #e5d233;
	font-size: 8pt;
	text-decoration: none;
      }

a:hover  {
	color: #fffe86;
	font-size: 8pt;
	text-decoration: none;
      }
      
#esimerkki  {
    margin:0px;
    background: transparent;
      }