#body
{
   position: relative;
   top: 0px; left: 0px;
   width: 750px;
   height:auto; min-height:100%;
   margin-top: 0px;
   padding-top: 20px;
   z-index: 1;
   background-image: url(images/bg_main.gif);
   color: inherit;
}

#menu
{
   position: absolute;
   top: 142px; left: 45px;
   margin: 0px;
   z-index: 3;
   color: black;
   text-align: left;
   font-size: 12px;
   background-color: inherit;
}

#roof
{
   position: relative;
   top: 5px; left: 245px;
   width: 460px;
   height: 30px;
   margin: 0px;
   z-index: 3;
   color: inherit;
   background: black;
   overflow: hidden;
}

#facia
{
   position: relative;
   top: 6px; left: 210px;
   width: 530px;
   height: 70px;
   margin: 0px;
   z-index: 3;
   background: black;
   color: #eee;
}

#eave
{
   position: relative;
   top: 8px; left: 210px;
   width: 530px;
   height: 25px;
   margin: 0px;
   z-index: 3;
}

/* _height only recognized by IE, wich treats it like min-height */
#content
{
   position: relative;
   top: 9px; left: 230px;
   width: 490px;
   min-height: 280px;
   /* _height: 280px; */
   margin: 0px;
   padding-bottom: 40px;
   z-index: 3;
   background: black;
   color: #eee;
   text-align: center;
}

#content_home
{
   position: relative;
   top: 9px; left: 230px;
   width: 490px;
   margin: 0px;
   padding-bottom: 40px;
   z-index: 3;
   background: black;
   color: #eee;
   text-align: center;
}

#menu_bar
{
   position: relative;
   top: -15px; left: 225px;
   width: 500px;
   height: 14px;
   margin: 0px;
   z-index: 4;
   background-image: url(images/bg_menu_bar.gif);
   background-repeat: repeat-x;
   background-color: inherit;
   color: black;
   text-align: center;
   font-size: 11px;
}

#bottom_banner
{
   position: relative;
   top: 15px; left: 230px;
   width: 490px;
   height: 20px;
   margin: 0px;
   margin-bottom: 40px;
   padding-top: 4px;
   z-index: 3;
   background: black;
   color: #eee;
   text-align: center;
   font-size: 12px;
}

#bottom_banner_home
{
   position: relative;
   top: 55px; left: 230px;
   width: 490px;
   height: 20px;
   margin: 0px;
   margin-bottom: 80px;
   padding-top: 4px;
   z-index: 3;
   background: black;
   color: #eee;
   text-align: center;
   font-size: 12px;
}

#fiber1
{
   position: absolute;
   top: 163px; left: 0px;
   width: 100%;
   height: 81px;
   margin: 0px;
   z-index: 2;
   background: url(images/rays.gif);
}

#fiber2
{
   position: absolute;
   top: 270px; left: 0px;
   width: 100%;
   height: 81px;
   margin: 0px;
   z-index: 2;
   background: url(images/rays.gif);
}

#fiber3
{
   position: absolute;
   top: 515px; left: 0px;
   width: 100%;
   height: 81px;
   margin: 0px;
   z-index: 2;
   background: url(images/rays.gif);
}

#dish
{
   position: absolute;
   top: 425px; left: 20px;
   width: 146px;
   height: 191px;
   margin: 0px;
   z-index: 3;
   background: url(images/dish.gif);
}

#marker1
{
   position: absolute;
   top: 10px; left: 20px;
   width: 100px;
   border: 1px solid black;
   text-align: center;
   z-index: 3;
}

#marker2
{
   position: absolute;
   top: 10px; left: 120px;
   width: 100px;
   border: 1px solid black;
   z-index: 3;
   text-align: center;
}