/* 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%;
  }
 

.info_box {
  float: left;
  background-color:#000;
  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;
  margin-left: 113px;
  width: 510px;
  height: 60px;
 }

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

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

  #main_page_nav_bar a {
    display: block;
    float: left;
    height: 40px;
    margin: 0;
    margin-top: 4px;
  }

#main_page_nav_bar a:hover {
  /*display: block;
  float: left;*/
  background-position: 100% 100%;
}

  
#main_page_nav_bar a.data_red_comics {
    width: 104px;
    margin: 0;
    background: url(../main/main_menu_buttons/data_red_comics.jpg) 0 0 no-repeat;
  }
  
#main_page_nav_bar a.data_red_comics:hover {
  /*display: block;
  float: left;*/
  background: url(../main/main_menu_buttons/data_red_comics.jpg) 100% 100% no-repeat;
}

#main_page_nav_bar a.data_red_games {
    width: 96px;
    margin: 0;
    background: url(../main/main_menu_buttons/data_red_games.jpg) 0 0 no-repeat;
  }
  
#main_page_nav_bar a.data_red_games:hover {
  /*display: block;
  float: left;*/
  background: url(../main/main_menu_buttons/data_red_games.jpg) 100% 100% no-repeat;
}

#main_page_nav_bar a.data_red_films {
    width: 114px;
    margin: 0;
    background: url(../main/main_menu_buttons/data_red_films.jpg) 0 0 no-repeat;
  }
  
#main_page_nav_bar a.data_red_films:hover {
  /*display: block;
  float: left;*/
  background: url(../main/main_menu_buttons/data_red_films.jpg) 100% 100% no-repeat;
}

#main_page_nav_bar a.data_red_twitter {
    width: 43px;
    margin: 0;
    background: url(../main/main_menu_buttons/data_red_twitter.jpg) 0 0 no-repeat;
  }
  
#main_page_nav_bar a.data_red_twitter:hover {
  /*display: block;
  float: left;*/
  background: url(../main/main_menu_buttons/data_red_twitter.jpg) 100% 100% no-repeat;
}

#main_page_nav_bar a.cermak_graphic_design {
    width: 95px;
    margin: 0;
    background: url(../main/main_menu_buttons/cermak_graphic_design.jpg) 0 0 no-repeat;
  }
  
#main_page_nav_bar a.cermak_graphic_design:hover {
  /*display: block;
  float: left;*/
  background: url(../main/main_menu_buttons/cermak_graphic_design.jpg) 100% 100% no-repeat;
}

#main_page_nav_bar a.j_cermak_art {
    width: 99px;
    margin: 0;
    background: url(../main/main_menu_buttons/j_cermak_art.jpg) 0 0 no-repeat;
  }
  
#main_page_nav_bar a.j_cermak_art:hover {
  /*display: block;
  float: left;*/
  background: url(../main/main_menu_buttons/j_cermak_art.jpg) 100% 100% no-repeat;
}

#main_page_nav_bar a.data_red_store {
    width: 75px;
    margin: 0;
    background: url(../main/main_menu_buttons/data_red_store.jpg) 0 0 no-repeat;
  }
  
#main_page_nav_bar a.data_red_store:hover {
  /*display: block;
  float: left;*/
  background: url(../main/main_menu_buttons/data_red_store.jpg) 100% 100% no-repeat;
}

#main_page_nav_bar a.contact_data_red {
    width: 101px;
    margin: 0;
    background: url(../main/main_menu_buttons/contact_data_red.jpg) 0 0 no-repeat;
  }
  
#main_page_nav_bar a.contact_data_red:hover {
  /*display: block;
  float: left;*/
  background: url(../main/main_menu_buttons/contact_data_red.jpg) 100% 100% no-repeat;
}