/*  -----------------  #intro  ------------------ */


#intro { width: auto; height: auto; }
#intro div.top { width: auto; height: auto; }
#intro div.inner { width: auto; height: auto; }
#intro div.bottom { width: auto; height: auto; }


/*  -----------------  #intro top  ------------------ */

/*  -----------------  #intro inner  ------------------ */

#intro div.inner p.image {
  width: auto;
  height: auto;
  padding: 3px;
  margin: 3px;
  border: 1px solid #DADADA;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-image: url("images/intro.image.01.jpg");
  }

#intro div.inner p.content {
  width: auto;
  height: auto;
  text-indent: 2em;
  }

#intro div.inner p.content a { color: blue; }
#intro div.inner p.content a:hover { text-decoration: underline; }


/*  -----------------  #intro bottom  ------------------ */




/*  -----------------  index #intro bottom  ------------------ */

#intro { width: 290px; height: 293px; float: left; }
#intro div.top { height: 55px; margin-top: 10px;   
  background: url("images/background.gif") no-repeat 14px 4px; }
#intro div.inner { padding: 0px 5px 10px 25px; }

#intro div.inner p.image { 
  width: 110px; 
  height: 79px; 
  float: left; 
  margin: 3px 10px 5px 4px; 
  background-position: center center;
  display: inline;
  }

#intro div.inner p.content { 
  line-height: 1.5em; 
  color: #000000; /* From #676767 to #000000 */
  text-indent: 0; 
  margin-top: 5px;
  margin-right: 2px;
  }

#intro div.inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }