html, body, h1, p, dl, dt, dd
{
   margin: 0;
   padding: 0;
}

html
{
   background: #c3cacd url(./bg.frontbone.html.gif) repeat-x 0 0;
}

body
{
   position: relative;
   overflow: hidden;
   background: url(./bg.frontbone.body.gif) repeat-y 50% 0;
}

h1
{
   position: absolute;
   top: 71px;
   left: 50%;
   width: 270px;
   height: 76px;
   overflow: hidden;
   margin-left: -423px;
   font: normal 12pt/20px Arial;
   background: url(./frontbone.logo.gif) no-repeat 0 0;
}

p
{
   position: absolute;
   top: 100%;
   left: 50%;
   width: 400px;
   height: 300px;
   overflow: hidden;
   margin: -300px 0 0 -467px;
   background: url(./frontbone.adres.gif) no-repeat 100% 100%;
}

   h1 span,
   p span
   {
      display: block;
      margin-top: 350px;
   }
   
img
{
   border: 0;
}

dl#pf
{
   float: right;
   width: 100%;
   overflow: auto;
}

   dt
   {
      width: 489px;
      height: 210px;
      margin: 40px 0 0 40px;
      padding: 5px;
      background: url(./bg.frontbone.portfolio.png) no-repeat 0 0;
   }

   dd
   {
      height: 40px;
      margin: 0 0 -40px 52px;
      font: normal 8pt/20px Arial;
      color: #555;
   }

   a
   {
      font-weight: bold;
      text-decoration: none;
      color: #dd2128;
   }

   a:hover
   {
      text-decoration: underline;
   }