body {
  background: rgb(235,235,235);
  color:#666666;
  font-family: Helvetica, Arial, Sans-Serif;
  font-size:78%;
  font-style:normal;
  font-variant:normal;
  margin:0pt auto;
  padding:0pt;
}

p, img {
  margin: 0;
  padding: 0;
}

h3 {
  color:#ef2e43;
  font-size:12px;
  font-weight:normal;
  margin-top:0;
  padding-top:0;
}

a:link, a:visited {
  color:#666666;
}

a img {
  border:0px;
}

a {
  text-decoration:none;
}

* {
  margin:0;
  padding:0;
}

p {
  margin:5px 0;
}


#top {
  background: url(../images/headr-menu-bg.gif) repeat-x left top;
  margin:0px auto;
  height:120px;
}

#header {
  margin: 0px auto;
  padding:0px;
  width:900px;
  text-align:left;
}


#header-top {
  height: 73px;
}
                                                                    
  #header-top img {
    margin: 5px 0 0 0;
    font-size: 200%;
  }
                                                                    
#header-logo {
  float: left;
  height: 73px;
}

#header-contact {
  float: right;
  margin: 5px 5px 0 0;
  padding: 0;
  height: 69px;
}

  #header-contact img {
    margin: 0;
    border: 0;
  }
                                                                    
#header-bottom {
  float: left;
  width: 900px;
  margin: 0;
  height: 41px;
}

#header-menu {
  float: right;
  width: 900px;
  height: 40px;
  margin: 0 0 0 0;
}

  #header-menu ul {
    margin: 12px 0 0 12px;
  }
      
  #header-menu  li {
    margin-right: 20px;
    display: inline;
    font-family: Helvetica;
    font-size: 130%;
  }
  
  #header-menu li.selected {
    margin: 0 15px 0 0;
    padding: 12px 0 10px 12px !important;
    height: 40px;
    background: rgb(80,80,80) url(../images/menu-selected-left-bg.gif) repeat-x left top;
    font-weight: bold;
    color: #FFFFFF;
  }
  
  #header-menu a, #header-menu a:visited {
    color: #FFFFFF;
  }
  
  #header-menu a:hover {
    color: rgb(255,220,225);
  }
  
    #header-menu a.selected {
      padding: 12px 10px 10px 0;
      cursor: default;
      background: url(../images/menu-selected-right-bg.gif) no-repeat right top;
    }
    
    #header-menu a.selected:hover {
      color: #FFFFFF;
    }

#page-body {
  clear: both;
  float: left;
  width: 100%;
  background: #FFFFFF;
}

#content {
  clear: both;
  margin: 0 auto 60px auto;
  width: 900px;
  background: rgb(255,255,255);
}
  
#banner {
  float: left;
  margin: 0 auto 10px auto;
  width: 900px;
  height: 210px;
  background: url(../images/index-banner-bg.jpg) no-repeat left top;
  margin-top: 20px;
}

  #learn-more-text {
    float: right;
    margin: 30px 10px 0 0;
    width: 455px;
  }
  
  #learn-more-text h1 {
    color: rgb(245,0,27);
  }
  
  #learn-more-text p {
    display: none;
    margin: 85px 0 0 0;
    color: rgb(90,90,90);
    font-size: 110%;
    line-height: 1.6em;
  }
  
  #learn-more-text img {
    float: right;
    margin: 120px 15px 0 0;
    color: rgb(250,80,120);
    text-decoration: underline;
  }
  
  #learn-more-text img.banner-text {
    float: right;
    margin-right: 10px;
    
    font-size: 210%;
    color: rgb(227,0,47);
    text-decoration: none;
  }
  
#box-1 {
  clear: left;
  float: left;
  margin-bottom: 60px;
  width: 530px;
}

  #box-1_content {
    float: left;
    padding: 15px 10px 10px 20px;
    margin-bottom: 0;
    width: 530px;
    background: url(../images/box-1-bg_top2.jpg);
  }
  
    #box-1_content p {
        margin: 10px 0 0 0;
        font-size: 110%;
        line-height: 1.6em;
      }
  
    #box-1_content h3, #box-2_content h3 {
      
      font-size: 170%;
      color: rgb(240,60,80);
      font-weight: normal;
    }
    
    #box-1_content h4 {
      margin: 15px 0 0 0;
      font-size: 145%;
      font-weight: normal;
      color: rgb(80,80,80);
    }
    
    #step-1 {
      clear: left;
      float: left;
      text-align: center;
      width: 167px;
      margin: 5px 0 0 0;
      padding: 10px 0 10px 0;
      background: url(../images/box-1-dotted-border.gif) repeat-y right top;
    }
    
    #step-2 {
      float: left;
      text-align: center;
      width: 166px;
      margin: 5px 0 0 0;
      padding: 10px 0 10px 0;
      background: url(../images/box-1-dotted-border.gif) repeat-y right top;
    }
    
    #step-3 {
      float: left;
      text-align: center;
      width: 167px;
      margin: 5px 0 0 0;
      padding: 10px 0 10px 0;
    }
    
    .process {
      font-size: 100%;
      font-weight: bold;
      color: rgb(255,120,0);
    }
    
    p.process-description {
      margin: 0 0 10px 0;
      width: 166px;
      text-align: center;
    }
    
    #step-1:hover, #step-2:hover {
      background: rgb(245,245,245) url(../images/box-1-step-2hover-bg.jpg) no-repeat left top;
    }
    
    #step-3:hover {
      background: rgb(245,245,245) url(../images/box-1-step-3hover-bg.jpg) no-repeat left top;
    }
    
  
  #box-1_base {
    float: left;
    margin-top: 0;
    width: 560px;
    height: 15px;
    background: url(../images/box-1-bg_base2.jpg);
  }


#box-2 {
  float: right;
  width: 300px;
}

  #box-2_content {
    float: left;
    padding: 15px 13px 10px 20px;
    margin-bottom: 0;
    width: 267px;
    background: url(../images/box-2-bg_top2.jpg);
  }
  
    #box-2_content p {
      margin: 5px 0 5px 0;
      font-size: 110%;
      line-height: 1.6em;
    }
    
    #box-2_content img.button {
      float: right;
      margin-top: 20px;
      color: rgb(250,80,120);
      text-decoration: underline;
    }
    
    #box-2_content object {
      margin-top: 15px;
    }
  
  #box-2_base {
    float: left;
    margin-top: 0;
    width: 300px;
    height: 15px;
    background: url(../images/box-2-bg_base2.jpg);
  }
  
  
#box-3 {
  float: right;
  margin: 30px 0 0 0;
  width: 300px;
  height: 60px;
}

#footer {
  clear: both;
  margin: 0 auto;
  width: 100%;
  background: rgb(235,235,235) url(../images/footer-bg.jpg) repeat-x left top;
  border-top: 2px solid rgb(240,65,0);
  color:#666666;
  padding: 0;
  text-align: center;
}

  #footer-text {
    margin: 0 auto;
    width: 900px;
  }

  #footer-text p {
    margin: 10px 0 0 20px;
    font-size: 90%;
    line-height: 1.6em;
    color: rgb(160,160,160);
  }
  
  #footer-text a, #footer-text a:visited {
    color: rgb(242,101,0);
    text-decoration: underline;
  }
  
  #footer-text a:hover {
    text-decoration: none;
  }
  
  #footer a.saosilvero-link, #footer a.saosilvero-link:visited {
    margin: 5px 0 0 0;
    text-decoration: none;
    color: rgb(190,190,190);
    background: url(../images/sao.jpg) no-repeat 72px -2px;
  }
  
  #footer a.saosilvero-link:hover {
    color: rgb(111,133,146);
    background: url(../images/sao.jpg) no-repeat 72px -50px;
  }
