/*/* Basics
----------------------------------------------- */
html, body {
  margin: 0;
  padding: 0;
}
body {
  background: url('../images/bg.png') no-repeat top;
  text-align: center;
}
body, p, td, th, div, blockquote, dl, ul, ol, option, form {  
  font: normal 13px/20px Arial, sans-serif;
  color: #282828;
}
td, th {
  text-align: left;
  vertical-align: top;
}
img {
  border: 0;
  display: block;
}
p {
  margin: 0 0 1em 0;
  padding: 0;
}

/* Header
----------------------------------------------- */
/* Structure
----------------------------------------------- */
#container {
  width: 1000px;
  padding: 0px 0px 30px 0px;
  margin: auto;
  text-align: left;
}
#header {
  height: 361px;
}
#header-main {
  width: 1000px;
  padding-bottom: 20px; 
}
#header-main ul {
  margin: 0;
  padding: 30px 30px 0 0;
  top: 0;
  right: 0;
  position: absolute;
  text-align: right;
  list-style: none;
}
#header-main ul li {
  padding: 0 0 2px 0;
}
#header-main ul li a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font: bold 16px Arial, sans-serif;
  letter-spacing: -1px;
}
#header-main ul li a:hover {
  color: #006DAA;
  text-decoration: underline;
}
#illustration-main {    
  position: relative;
  width: 1000px;
  height: 238px;
  background: transparent url(/files/merilampi/kuvitus/etusivu.png) top left no-repeat;
}
#logo-main {  
  margin: 30px auto 0 auto;
}
#logo-main img {
  margin: 0 auto;
  text-align: center;
}
#illustration {
  width: 665px;
  float: left;  
  overflow: hidden;
  height: 361px;
}
#logo {
  width: 310px;
  float: left;
  margin: 158px 0 0 23px;
}
#content {  
  margin-top: 20px; 
  overflow: hidden;
}
#leftcol {
  width: 665px;
  float: left;  
}
#leftcol .inner {
  padding: 0 25px;
        line-height: 22px;
}
#leftcol .textblock {
  margin-top: 1em;
  display: block;
}
#separator {
  background: top left #fff url(/files/merilampi/images/separator.png) no-repeat;
  height: 38px;
  width: 665px;
  position: relative;
}
#separator a.langselect {
  margin: 12px 20px 0 0;
  float: right;
}
#rightcol {
  width: 320px;
  float: left;
  margin-left: 15px;
  background: #fff url(/files/merilampi/images/separatorb.png) top left no-repeat;
}
#rightcol p {
  font-size: 13px;
  margin: 0;
}
#rightcol h1 {
  margin: 1em 0 0.2em  0;
  font-size: 20px;
  text-transform: none;
}
#rightcol h2 {
  margin: 4px 0 2.6em 25px;
  color: #000000 !important;
}
#rightcol .inner {
  padding: 0 25px;
}
.person-full {
  height: 190px;
  width: 300px;
  float: left;
}
.person-photo {
  width: 208px;
  height: 121px;
  padding: 0;
  background: top left url(/files/merilampi/images/border.gif) no-repeat;
  padding: 4px 0 0 4px;
}
.person-info {
  width: 300px;
  padding: 0 10px 0 3px;
}
.person-info p {
  font: normal 13px Arial, sans-serif;
}
#personform {
  padding: 0.5em 0 0 0.5em;
  float: left;
}
.services {
  float: left;
  width: 280px;
  min-height: 170px;
  margin: 20px 27px 0 0;
}
.services h2 {
  width: 210px;
  height: 45px;
}
.services ul {
  width: 270px;
  margin: 0;
  padding: 0;
}
.services ul li {
  list-style: none;
  padding-left: 19px;
  /* background: #fff url(/files/merilampi/images/smbullet.gif) 0 8px no-repeat; */
  background: #fff url(/files/merilampi/images/logobullet.gif) 0 6px no-repeat;
}
#sitemap {
  padding: 10px 0 0 0;
  font-size: 12px;
}
#sitemap a {
  float: left;
}
#sitemap img {
  float: left;
  margin: 8px 5px 0 5px;
}

/* Nav
----------------------------------------------- */

#subnav {
  position: absolute;
  top: 0;
  left: 20px;
  width: 550px;
}

#subnav img
{
  position: relative;
  margin: 0;
  zoom: 1;
}

#subnav ul {
  background: none;
  margin: 0;
  padding: 0;
}

#subnav ul>li.selected a {
  color: #ababab;
}

#subnav ul li {
  float: left;
  display: block;
/*
  margin: 0;
  padding: 6px 12px 8px 12px;
  float: left;
  display: block;
  background: transparent;
  height: 24px;
  overflow: hidden;
*/
}

#subnav ul li a {    
  /*
  font: bold 13px/20px Arial, sans-serif;
  text-decoration: none;
  color: #000;
  */
}

#subnav ul li a:hover {    
  text-decoration: underline;
}

#subnav ul ul {
  position: absolute;
  list-style: none;
  display: none;
  top: 35px;
  left: 0;
  background: #e7e6e6;
  padding: 15px 0;
}

#subnav ul ul li {
  float: none;  
  margin: 0;
  padding: 0;
  position: relative;
}

#subnav ul ul li a {
  display: block;
  padding: 5px 10px 7px 20px;
  width: 220px;
  font: normal 13px Arial, sans-serif;
  color: #000;
  text-decoration: none;
}

#subnav ul ul li a:hover {
  background: #e7e6e6;
  text-decoration: underline;
}

#subnav ul ul ul {
  position: absolute;
  left: 200px;
  top: 0;
}

/* Search
----------------------------------------------- */
/* Headings
----------------------------------------------- */
h1 {
  font: bold 24px Arial, sans-serif;
  color: #003B60;
  /* text-transform: uppercase; */
  letter-spacing: -1px;
}
h1 a {
  color: #003B60;
}
h2, h3, h4, h5, h6 {
  font: bold 18px Arial, sans-serif;

  margin: 0 0 10px 0;
  color: #003B60;
}

/* Lists
----------------------------------------------- */
/* Forms
----------------------------------------------- */
form {
  margin: 0;
}

/* Links










----------------------------------------------- */
a {
  color: #006DAA;
}

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


/* Misc
----------------------------------------------- */
.clearer {
  clear: both;
  height: 1px;
  line-height: 0px;
  font-size: 0; 
}
.skip {
  display: none;
}
span.date {
  font: normal 12px Arial, sans-serif;
  color: #666;
  display: block;

  margin-top: 0.5em;
        margin-bottom: 0.5em;
}*/