/* Home CSS Document */

#home{
  float: left;
  width: 1000px;
}

#home_left{
  float: left;
  width: 240px;
}

#home_images{
  float: left;
  width: 150px;
  height: 280px;
  padding: 20px;
  overflow: hidden;
  margin: 0px 0px 0px 25px;
  display: inline;
  background: url(../images/css/background_home_images.gif) no-repeat;
}

#spotlight{
  float: left;
  width: 210px;
  margin: 15px 0px 0px 15px;
  display: inline;
  background: url(../images/css/background_spotlight.gif) no-repeat;
}

#link{
  float: left;
  width: 210px;
  margin: 15px 0px 0px 15px;
  display: inline;
}

#home_right{
  float: right;
  width: 760px;
}

#features{
  float: left;
  width: 760px;
  height: 360px;
  background: url(../images/css/background_features.jpg) no-repeat;
}

#blog{
  float: left;
  width: 720px;
  height: 180px;
  padding: 60px 20px 30px;
  background: url(../images/css/background_blog.jpg) no-repeat;
}

#blog #headline{
  float: left;
  width: 220px;
  padding: 5px 0px 0px 15px;
}

#blog #headline .image{
  float: left;
  width: 214px;
  height: 75px;
  padding: 3px;
  overflow: hidden;
  background: url(../images/css/background_headline_image.gif) no-repeat;
}

#blog #headline .scroll{
  float: left;
  width: 220px;
  height: 58px;
  margin: 5px 0px;
  overflow: auto;
}

#blog #headline .scroll .name{
  float: left;
  width: 200px;
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #664975;
  line-height: 15px;
}

#blog #headline .scroll .intro{
  float: left;
  width: 200px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #443509;
  line-height: 13px;
}

#blog #headline .link{
  float: left;
  width: 220px;
}

#marquee{
  float: left;
  width: 760px;
  background: url(../images/css/background_marquee.gif);
}

#marquee ul{
  float: left;
  margin: 0px;
  padding: 0px;
}

#marquee ul li{
  float: left;
  margin: 0px;
  padding: 10px 0px 10px 10px;
  list-style: none;
}

#marquee ul li a{
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
}