* { margin: 0px; padding: 0px; color: #666666; }

 body { background: url(pattern.jpg) repeat; text-align: center; font-size: 14px; font-family: Trebuchet MS; }

  #plate { margin: 100px auto; position: relative; width: 641px; height: 382px; background: url(splashplate.gif); }

   p { position: absolute; top: 154px; left: 34px; width: 180px; text-align: justify; font-size: 11px; line-height: 13px; }

   #splashyht { position: absolute; top: 218px; left: 33px; text-align: center; width: 180px; font-size: 11px; 
line-height: 12px; }

   #aukiolo { position: absolute; top: 294px; left: 33px; text-align: center; border: 2px solid #DEDEDE; width: 180px; font-size: 11px; line-height: 15px; }

   #aukiolo .haalea { border-top: 1px solid #DEDEDE; color: #7F8081; }

   .splashyht { position: absolute; top: 250px; width: 180px; font-size: 11px; line-height: 15px; }

   .descrflash { position: absolute; top: 100px; left: 290px; width: 320px;
		   font-size: 10px; text-align: justify;
		   z-index: 2; }
   .descrflash a { font-size: 10px; }
   .descrflash b { font-size: 11px; }
   .descrhtml { position: absolute; top: 290px; left: 290px; width: 320px;
		   font-size: 10px; text-align: justify;
		   z-index: 2; }
   .descrhtml a { font-size: 10px; }
   .descrhtml b { font-size: 11px; }

   .flashbutton { position: absolute; left: 258px; width: 381px; height: 190px; background: url(flashhover.gif) no-repeat 0px 200px; }
   .flashbutton:hover { background: url(flashhover.gif) no-repeat 0px 0px; }

   .htmlbutton { position: absolute; left: 258px; top: 192px; width: 381px; height: 189px; background: url(htmlhover.gif) no-repeat 0px 200px; }
   .htmlbutton:hover { background: url(htmlhover.gif) no-repeat 0px 0px; }