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

img { border: 0; }

body {
  background: #fff;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}

div.wrapper {
  width: 750px;
  margin: 0 auto;
}

div#body {
  width: 100%;
  background: #BFFF00;
  overflow: hidden;
}

  div#header {
    width: 750px; height: 79px;
    padding: 0 0 10px 0;
  }
  
    h1 a {
      width: 233px; height: 54px;
      background: url(../images/logo-jelmoninet.png) no-repeat;
      text-indent: -10000px;
      margin: 12px 0 0 0;
      float: left;
    }
    
    ul#navigation {
      width: 500px; height: 49px;
      background: url(../images/navigation.gif) no-repeat left;
      line-height: 49px;
      list-style: none;
      margin: 16px 0 0 0;
      float: right;
    }
    
      ul#navigation li {
        height: 49px;
        background: url(../images/nav-indent.gif) no-repeat right;
        padding: 0 2px 0 0;
        float: left;
      }
      
        ul#navigation li.last { background: 0; padding: 0; }
        
        ul#navigation li a {
          height: 49px;
          color: #999999;
          text-decoration: none;
          padding: 0 14px;
          float: left;
        }
        
          ul#navigation li a:hover { text-decoration: underline; }
          
  div#content {
    width: 750px;
    overflow: hidden;
  }
  
    div.portfolio,
    div.resources { padding: 20px 0 20px 0; }
    
    h2 {
      font-size: 36px;
      font-weight: bold;
      color: #999999;
      padding: 5px 0 20px 0;
    }
    
    p {
      padding: 0 0 10px 0;
      overflow: hidden;
    }
    
    a {
      color: #ca987a;
      text-decoration: none;
    }
    
      a:hover { text-decoration: underline; }
    
    #content ul { margin: 0 0 20px 0; }
    
      #content ul li {
        background: url(../images/list-icon.gif) no-repeat 0 7px;
        line-height: 24px;
        list-style: none;
        padding: 0 0 0 16px;
      }
    
    h3 {
      font-size: 24px;
      font-weight: bold;
      color: #fff;
      padding: 0 0 15px 0;
    }
    
    div.portfolio p a img {
      width: 138px; height: 138px;
      background: url(../images/portfolio-item.gif) no-repeat top left;
      padding: 1px;
      margin: 0 10px 10px 0;
      float: left;
    }
    
    div.left-column {
      width: 355px;
      padding: 10px 20px 0 0;
      float: left;
    }
    
    div.right-column {
      width: 375px;
      padding: 10px 0 0 0;
      float: left;
    }
    
    div.promo {
      width: 750px;
      background: #fff url(../images/promo-top.gif) no-repeat top;
      margin: 0 0 20px 0;
    }
    
      div.promo img { margin: 1px 1px 0 1px; float: left; }
      
      div.promo p {
        width: 729px; height: 46px;
        background: url(../images/promo-bottom.gif) no-repeat top;
        font-size: 16px;
        line-height: 22px;
        font-weight: bold;
        color: #333333;
        padding: 8px 6px 6px 15px;
        clear: both;
        overflow: visible;
      }
      
        div.promo p a.portfolio-link {
          width: 244px; height: 49px;
          background: url(../images/view-snbellinzona.gif) no-repeat;
          text-indent: -10000px;
          margin: -3px 0 0 15px;
          float: right;
        }
        
        div.promo p span { width: 470px; float: left; }
        
    div.friendspages {
      width: 375px;
      float: right;
    }
    
      div.friendspages a {
        width: 375px;
        background: #fff url(../images/friendspages-top.gif) no-repeat top;
        font-size: 14px;
        line-height: 30px;
        font-weight: bold;
        color: #333333;
        text-decoration: none;
        margin: 0 0 20px 0;
        display: block;
        clear: both;
      }
      
        div.friendspages a img { margin: 1px 1px 0 1px; float: left; }
        
        div.friendspages a span {
          width: 365px; height: 30px;
          background: url(../images/friendspages-bottom.gif) no-repeat top;
          padding: 0 0 0 10px;
          display: block;
          clear: both;
        }
        
    div.about {
      width: 354px;
      float: left;
    }
    
      div.about p.staff {
        margin: 0 0 20px 0;
        padding: 0;
        overflow: hidden;
        clear: both;
      }
      
        div.about p.staff img {
          width: 73px; height: 73px;
          background: url(../images/avatar-background.gif) no-repeat top left;
          padding: 1px;
          margin: 0 10px 0 0;
          float: left;
        }
        
        div.about p.staff strong { padding: 0 0 2px 0; display: block; }
        
      div.about div.testimonial {
        font-size: 24px;
        font-weight: normal;
        color: #333333;
        line-height: 30px;
        padding: 10px 0;
        margin: 0 0 20px 0;
        border-top: 1px solid #8f7054;
        border-bottom: 1px solid #8f7054;
      }
      
        div.about div.testimonial p { padding: 0; }
        
        div.about div.testimonial em { font-size: 18px; }
      
      div.about p.legal strong { display: block; }
      
div#footer {
  width: 100%;
  background: #fff url(../images/footer-top.gif) repeat-x top;
  font-size: 14px;
  color: #666;
  padding: 16px 0 20px 0;
  clear: both;
}

  div#footer p.find-resources {
    width: 244px;
    padding: 0 6px 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ccc;
    float: left;
  }
  
  div#footer p.view-packages {
    width: 244px;
    padding: 0 6px 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ccc;
    float: left;
  }
  
  div#footer p.get-started {
    width: 244px;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ccc;
    float: left;
  }
  
    div#footer p.find-resources a,
    div#footer p.view-packages a,
    div#footer p.get-started a {
      width: 224px; height: 49px;
      background: url(../images/footer-link.gif) no-repeat;
      line-height: 49px;
      font-size: 18px;
      font-style: normal;
      text-transform: uppercase;
      color: #fff;
      text-decoration: none;
      padding: 0 0 0 20px;
      margin: 0 0 12px 0;
      display: block;
    }
    
      div#footer p.find-resources a:hover,
      div#footer p.view-packages a:hover,
      div#footer p.get-started a:hover { text-decoration: underline; }
      
  div#footer p.legal { font-size: 11px; overflow: visible; }
  
  div#footer a {
    font-style: italic;
    color: #666;
    text-decoration: none;
  }
  
    div#footer a:hover { text-decoration: underline; }