html {
   height: 100%;
}

body {
  background: url(images/bg_home_fill.jpg);
  height: 100%;
  width: 100%;
}

* {
margin: 0;
padding: 0;
}






/*--------------------------  home vertical fill --------*/
#bg_vert_fill {
   background: url(images/bg_home.jpg);
   background-repeat: repeat-y;
   height: 100%;

}

#bg_vert_fill_rotate {

  margin-top: 126px;
  position: absolute;
}


#homepage_menu_box {
  background: url(images/home_menu_bg.jpg);
  position: absolute;
  z-index: 4;
  width: 989px;
  height: 128px;
}



#homepage_rotation {
   position: absolute;
   z-index: 1;
   top: 128px;
   left: 0px;
   height: 598px;
   width: 452px;
}

#homepage_logo_splash {
   position: absolute;
   z-index: 2;
   top: 163px;
   left: 452px;
   height: 190px;
   width: 537px;
   background: url(images/home_feature_box.jpg);
   background-repeat: no-repeat;
}

#homepage_feature_box {
   position: absolute;
   z-index: 2;
   top: 353px;
   left: 452px;
   height: 373px;
   width: 537px;
   background: url(images/home_feature_box.jpg);
   background-repeat: no-repeat;
   padding-top: 0px;
    
}




#homepage_footer_logo {
  position: absolute;
  top: 752px;
  left: 766px;
}

#homepage_footer_text {
  position: absolute;
  top: 762px;
  left: 200px;
  font-size: 11px;
  font-family: arial, sans-serif;
  color: #666:
}

#homepage_footer_text a {
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

#homepage_footer_text a:hover {
    color: #FF9000;
}


/* top bar
--------------------------------------------------*/

#top_bar_homepage {
    position: absolute;
    z-index: 5;
    top: 90px;
    left: 158px;
    width: 830px;
    height: 73px;
    background: url(images/homepage_top_bar.png);
    background-repeat: no-repeat;
    background-position: bottom left;

}

#top_bar_flash_homepage {
  position: relative;
  z-index: 6;
  top: -32px;
  left: -2px;


}




/*------------------------------------- Featured Posts -----*/

#featured_post_box {
  width: 520px;

  padding: 10px;
  font-family: arial, sans-serif;
  font-size: 13px;
  color: #666;
}

#featured_post_box h3 {

}

#featured_post_box div {
  padding: 4px;
}

#featured_post_box div div   {
   position: absolute;

}

#featured_post_box h3 a {
   text-decoration: none;
   font-size: 15px;
   font-weight: bold;
   color: #666;

}

#featured_post_box h3 a:hover {
   color: #FF9000;
}


/*--------------------- Rollover buttons ----------------*/

#button_orange_more
{
  display: block;
  width: 64px;
  height: 23px;
  background: url(images/button_orange.png) no-repeat 0 0;

}

#button_orange_more:hover
{
  background-position: 0 -23px;
}

#button_orange_more span
{
  display: none;
}