/* Common color definitions, change using find and replace.
  Background: #FF0000;
*/

#page_body {
  position: relative;
  background-color: #FF0000;
  width: 727px;
  margin: 0 auto;
  padding: 4px;
}

/* Fix for IE box sizing bug. */
* html #page_body {
  width: 775px;
}

#header {
  z-index: 100;

  position: absolute;
  left: 4px;

  height: 56px;
}

#main_container {
  z-index: 1;

  position: absolute;
  top: 112px;
  left: 4px;
  padding: 0px;
  margin: 0px;
}

#header_main {
  height: 56px;
  float: left;
  width: 100%;
  margin: 0px;
  margin-left: 113px;
}

#top_nav_bar {
  height: 37px;
  float: left;
  width: 100%;
  margin: 0;
}
  #top_nav_bar a {
    display: block;
    float: left;
    height: 37px;
  }



  #top_nav_bar a:hover {
    display: block;
    float: left;
    background-position: 100% 100%;
  }
  #filler {
    display: block;
    float: left;
    height: 37px;
    width: 265px;
    background: url(../site_graphics/site_navigation/top_nav_filler.jpg);
    background-repeat: repeat-x;
  }

/*Fix for IE box sizing bug.*/
* html #filler {
 width: 271px;
}

  #products {
    display: block;
    float: left;
    height: 37px;
    width: 100px;
    background: url(../site_graphics/site_navigation/top_nav_products_button.jpg) 0 0 no-repeat;
  }
  /* Elements used in the drop-down. */
  #top_nav_bar dl, dt, dd {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  #top_nav_bar dl {
    height: 108px;
    width: 100px;
    float: left;
  }

  #top_nav_bar dd {
    width: 100px;
  }

  #top_nav_bar dt {
    height: 37px;
    cursor: pointer;
  }

.info_box {
  float: left;
  background-image: url(../main/vert1x250black.jpg);
  background-repeat: repeat-x;
  width: 232px;
  height: 188px;
  border: 3px solid #999999;
  margin-top: 4px;
  margin-left: 0px;
  margin-right: 4px;
 }


/* Fix for IE box sizing bug. */
* html .info_box {
  width: 233px;
  height: 188px;
}


  .info_box h1 {
    font-family: Arial;
    color: black;
    font-size: 17px;
    margin-top: 8px;
    margin-bottom: 6px;
    text-align: center;
  }

  .info_box h2 {
    font-family: Arial;
    color: white;
    font-size: 11px;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 8px;
    margin-bottom: 2px;
    text-align: center;
  }

 


  .info_box a {
    margin: 0 auto;
    width: 140px;
    height: 32px;
    display: block;
  }


  .info_box a:hover {
    background-position: 100% 100%;  
  }

  .info_box a.space_sheriff_box {
    margin-top: 8px;
   
    background: url(../main/space_front_box_button.jpg) 0 0 no-repeat;
    }

  .info_box a.space_sheriff_box:hover {
    margin-top: 8px;
    background: url(../main/space_front_box_button.jpg) 100% 100% no-repeat;
    }

  .info_box a.dynamite_box {
    margin-top: 8px;
    background: url(../main/dynamite_front_box_button.jpg) 0 0 no-repeat;
    }

  .info_box a.dynamite_box:hover {
     margin-top: 8px;
 /*display: block;
  float: left;*/
    background: url(../main/dynamite_front_box_button.jpg) 100% 100% no-repeat;
    }


  .info_box a.bigfoot_movie_box {
    margin-top: 8px;
    background: url(../main/bigfoot_front_box_button.jpg) 0 0 no-repeat;
    
    }

  .info_box a.bigfoot_movie_box:hover {
    margin-top: 8px;
 /*display: block;
  float: left;*/
    background: url(../main/bigfoot_front_box_button.jpg) 100% 100% no-repeat;
    
    }


.top_menu_bar {
  float: left;
  background-repeat: repeat-x;
  margin-left: 113px;
  width: 468px;
  height: 60px;
 }

  .top_menu_bar a {
    margin: 0 auto;
    width: 468px;
    height: 60px;
    display: block;
  }

 .top_menu_bar a.ka-blam {
    margin-top: 0px;
    background: url(../main/kb468x60.gif) 0 0 no-repeat;
    
    }