body { margin: 0; padding: 0; background: #33527c url(images/body_bg.gif) repeat-x; font-family: arial, verdana;}

a:hover { text-decration: underline; }

#parent 
{ 
  width: 838px;  
  position: absolute; 
  left: 50%; 
  margin: auto auto auto -419px; 
  background: url(images/shadow.png) repeat-y;
  padding: 0 0 0 9px;
}

#header 
{
  width: 820px;
  height: 94px;

}

#navigation
{ 
  height: 23px;
  background-color: #cfd1d3;
  width: 820px;
  position: relative;
}

#navigation ul
{
  float: right;
  height: 23px;
  padding: 0;
  margin: 0;
  color: White;
  width: 710px;
  font-family: arial, helvetica, sans-serif;
}

#navigation ul li 
{ 
  display: inline; 
}

#navigation ul li a
{
  padding: 0.4em 0.6em;
  color: black;
  text-decoration: none;
  font-size: 11px;
}

#navigation ul li a:hover
{
  background-color: #244994;
  color: #fff;
}

#navigation #lippu_suomi 
{
  position: absolute;
  left: 35px;
  top: 5px;
}

#navigation #lippu_ruotsi
{
  position: absolute;
  left: 60px;
  top: 5px;
}

#contents 
{
  position: relative; 
}

#footer
{
  width: 820px;
  height: 100px;
  background: #cfd1d3 url(images/footer.jpg) bottom center no-repeat;
  font-size: 11px;
}

#shadow
{
  width: 838px;
  height: 5px;
  background: url(images/shadow_bottom.png) no-repeat;
  position: absolute;
  bottom: -5px;
  left: 0px;
  overflow: hidden;
}

#index_table
{
  margin: 0 0 0 15px;
}

#index_table .palsta1 
{
  width: 497px;
  background: #fff;
  vertical-align: top;
}

#index_table .palsta2 
{
  width: 235px;
  background: #eee;
  vertical-align: top;
}

#index_table #banner1
{
  width: 481px;
  height: 45px;
  *width: 497px;
  *height: 58px;
  background: url(images/banner_pohja1.gif);
  padding: 13px 0 0 16px;
  font-family: arial, verdana;
  font-size: 14px;
  font-weight: bold;
  color: white;
  margin: 10px 0 0 0;
}


#index_uutiset { margin: 15px 0 0 15px; }
.uutiset_date { font-size: 10px; color: #7c7c7c; }
.uutiset_otsikko { font-size: 11px; color: #000; }
#index_uutiset a { font-size: 11px; color: #244994; font-weight: bold; text-decoration: none; }
#index_uutiset a:hover { text-decoration: underline; }
.uutiset_valiviiva { width: 201px; height: 20px; background: url(images/valiviiva.gif) center center no-repeat; }
.index_referenssit_otsikko { width: 235px; height: 20px; margin: 20px 0 0 0;background: url(images/uusimmat_referenssit.gif) no-repeat; }

#index_referenssit { padding: 10px; }
.referenssi { font-size: 11px; width: 210px; position: relative; margin: 0 0 10px 0px; *margin: 0 0 10px 25px; clear: left;}
.referenssi img { width: 85px; vertical-align: top; margin: 0px 10px 10px 0; float: left; }

.referenssi2 { cursor: pointer; font-size: 11px; width: 150px; height: 165px; position: relative; margin: 0 0 10px 25px; padding: 5px; float: left; border: 1px dashed #cfd1d3;}
.referenssi2 img { vertical-align: top; margin: 0 0 10px 0;}

div.galleria_kuvalista {margin: 5px; position: relative; background: #ececec; min-height: 340px;}
div.galleria_kuvalista_thumb {float: left; margin: 5px; cursor: pointer; width: 100px; height: 68px; overflow: hidden; }
div.galleria_kuvalista_thumb img { height: 68px; }

.palsta1 a { font-size: 11px; color: #244994; font-weight: bold; text-decoration: none; }
.palsta1 a:hover { text-decoration: underline; }

#copyright { position: absolute; bottom: -65px; left: 620px; font-size: 12px; color: white; height: 60px; }
#copyright a { color: white; text-decoration: none; }