*{
  padding:0;
  margin:0;
  z-index:3;
}

body{
  background:#ffffff url(bg_body.gif) repeat 0 0;
  text-align:center;
}

#header{
  margin:10px auto 12px auto;
  width:800px;
  height:175px;
  text-indent:-9999px;
  overflow:hidden;
  background:transparent url(header_home.png) no-repeat 0 0;
}
#header a{
  display:block;
  text-decoration:none;
  height:135px;
  width:800px;
}

#slideshow{
  z-index:2;
  width:218px;
  height:277px;
  position:absolute;
  top:240px;
  left:50%;
  margin-left:-101px;
}

#shelf{
  position:relative;
  width:928px;
  height:714px;
  background:transparent url(bg_index.png) no-repeat 0 0;
  margin:0 auto;
}

#shelf ul{
  list-style:none;
}

#shelf #wordblocks{
  text-indent:-9999px;
  overflow:hidden;
}
#shelf #wordblocks #featured{
  display:block;
  position:absolute;
  top:354px; left:133px;
}
#shelf #wordblocks #blog{
  display:block;
  position:absolute;
  top:438px; left:613px;
}
#shelf #wordblocks #featured a{
  display:block;
  height:174px;
  width:247px;
}
#shelf #wordblocks #featured a:hover{
  background:transparent url(featured-hover.png) no-repeat 0 0;
}
#shelf #wordblocks #blog a{
  display:block;
  height:92px;
  width:179px;
}
#shelf #wordblocks #blog a:hover{
  background:transparent url(blog-hover.png) no-repeat 0 0;
}

#shelf #shelffront{
  position:absolute;
  top:532px;
  left:18px;
}

#shelf #shelffront li{
  float:left;
  text-transform:uppercase;
  font-family:arial;
  font-weight:normal;
  font-size:16px;
}
#shelf #shelffront li a{
  display:block;
  color:#ffffff;
  text-decoration:none;
  padding:10px 0px 9px 0px;
  width:178px;
}
#shelf #shelffront li a:hover{
  color:#F58220;
}