* { margin: 0px; padding: 0px; }

a { text-decoration: none; }
a img { border: 0px; }

.clearing { clear: both; }

html { min-height: 100%; }
body { background: url(http://static.ecome.fi/layouts/formex/media/img/bg-body-bottom.jpg) bottom left repeat-x; min-height: 100%; font-family: helvetica, arial, sans-serif; font-size: 12px; }

#body { background: url(http://static.ecome.fi/layouts/formex/media/img/bg-body-top.jpg) top left repeat-x; padding-top: 23px; text-align: center; }
  #page { margin: auto; width: 990px; border: 2px solid #9d9d9d; position: relative; margin-bottom: 10px; }
    #logo { position: absolute; top: 15px; left: 20px; z-index: 999; }
    #header { background: #3c3c3b; height: 38px; position: relative; text-align: left; }
      #header h1 { font-family: arial black, arial, helvetica, sans-serif; font-weight: bold; font-size: 26px; text-transform: uppercase; color: #9f9f9e; padding-left: 160px; }
      #quicklinks { position: absolute; top: 0px; right: 100px; color: #fff; line-height: 35px; }
        #quicklinks a { color: #fff; font-weight: bold; }
        #quicklinks a:hover { color: #cedeb4; }
    #navi { width: 790px; background: #fff; margin: auto; border: 1px solid #c8d2bb; height: 32px; line-height: 32px; font-weight: bold; margin-left: 60px; padding-left: 100px; }
      #navi a { color: #333; margin-right: 22px; }
      #navi a.active, #navi a:hover { text-decoration: underline; }
      #navi > ul > li { display: block; float: left; position: relative; }
        #navi li ul { position: absolute; display: none; left: 0; top: 30px; background: #fff; }
          #navi li ul li { list-style-type: none; text-align: left; padding: 2px 5px; white-space: nowrap; }
    #subnavi { display: none; width: 810px; background: #fff; margin: auto; border: 1px solid #c8d2bb; height: 32px; line-height: 32px; font-weight: bold; margin-left: 60px; padding-left: 100px; }
      #subnavi a { color: #333; margin-right: 10px; }
      #subnavi a.active, #navi a:hover { text-decoration: underline; }
      #subnavi li { display: block; float: left; }
    
    #content { padding: 30px 0px 0px 0px; margin: 20px 0px; background: #fff; }
      #content h1 { margin: 10px 0px 15px -40px; border-bottom: 2px solid #000; text-align: left; }
      #content p { text-align: left; text-align: justify; padding: 10px 0px; }
      
    #contentwrapper { margin: 0px 150px; }
    #SupErMarIo { height: 105px; }
    
    #footer { background: url(http://static.ecome.fi/layouts/formex/media/img/bg-footer.jpg) left bottom repeat-x; width: 990px; height: 85px; position: absolute; bottom: 0px; left: 0px; }
      #footer h1 { font-family: arial black, arial, helvetica, sans-serif; font-weight: bold; font-size: 26px; color: #b0b0af; line-height: 43px; }
      #footer p { color: #fff; line-height: 44px; }