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

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


/* privacy page body */

#page_body_privacy {
  position: relative;
  background-color: black;
  width: 727px;
  margin: 0 auto;
  padding: 10px;
 
}



/* 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;
  margin-bottom: 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: 20px;
   
    background: url(../main/space_front_box_button.jpg) 0 0 no-repeat;
    }

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

  .info_box a.robocatz_box {
    margin-top: 20px;
    background: url(../robocatz-vs-thunderdogs/rc-vs-td-images/rc-vs-td_front_box_button.jpg) 0 0 no-repeat;
    }

  .info_box a.robocatz_box:hover {
     margin-top: 20px;
 /*display: block;
  float: left;*/
    background: url(../robocatz-vs-thunderdogs/rc-vs-td-images/rc-vs-td_front_box_button.jpg) 100% 100% no-repeat;
    }


  .info_box a.super_wordup_box {
    margin-top: 32px;
    background: url(../main/super-word-up_front_box_button.jpg) 0 0 no-repeat;
    
    }

  .info_box a.super_wordup_box:hover {
    margin-top: 32px;
 /*display: block;
  float: left;*/
    background: url(../main/super-word-up_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_instagram.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_instagram.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) 0 0 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;
}


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


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

  
  
    /*---------------------(Space Sheriff BigBook MainPage)---------------------------------*/
  
  
  
    #spacesheriff_bigbook a {
    
    display: block;
    float: left;
    height: 684px;
    margin: 0;  
  }
  
 
  
    #spacesheriff_1 a {
	
    display: block;
    float: left;
    height: 304px;
    margin: 0;
  }
  
      #spacesheriff_1 a.spaceword-top {

    width: 727px;
    margin: 0;
    background: url(../space_sheriff_big_book/spacesheriff_1.gif) 0 0 no-repeat;
  }
  
  
  
  
  #spacesheriff_2 a {
    display: block;
    float: left;
    height: 133px;
    margin: 0;
    
  }

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

    width: 727px;
    margin: 0;
    background: url(../space_sheriff_big_book/spacesheriff_2.gif) 0 0 no-repeat;
  }
  
      #spacesheriff_2 a.spaceword1:hover {
  /*display: block;
  float: left;*/
  background: url(../space_sheriff_big_book/spacesheriff_2.gif) 100% 100% no-repeat;
}



  #spacesheriff_3 a {
    display: block;
    float: left;
    height: 124px;
    margin: 0;
    
  }

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

    width: 727px;
    margin: 0;
    background: url(../space_sheriff_big_book/spacesheriff_3.gif) 0 0 no-repeat;
  }
  
      #spacesheriff_3 a.spaceword2:hover {
  /*display: block;
  float: left;*/
  background: url(../space_sheriff_big_book/spacesheriff_3.gif) 100% 100% no-repeat;
}

 #spacesheriff_4 a {
    display: block;
    float: left;
    height: 119px;
	width: 727px;
    margin: 0;
    
  }

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

    width: 244px;
    margin: 0;
    background: url(../space_sheriff_big_book/bigbook_itunes.gif) 0 0 no-repeat;
  }
  
      #spacesheriff_4 a.bigbook_itunes:hover {
  /*display: block;
  float: left;*/
  background: url(../space_sheriff_big_book/bigbook_itunes.gif) 100% 100% no-repeat;
}


    #spacesheriff_4 a.bigbook_android {

    width: 239px;
    margin: 0;
    background: url(../space_sheriff_big_book/bigbook_android.gif) 0 0 no-repeat;
  }
  
      #spacesheriff_4 a.bigbook_android:hover {
  /*display: block;
  float: left;*/
  background: url(../space_sheriff_big_book/bigbook_android.gif) 100% 100% no-repeat;
}

    #spacesheriff_4 a.bigbook_graphicnovel {

    width: 244px;
    margin: 0;
    background: url(../space_sheriff_big_book/bigbook_graphicnovel.gif) 0 0 no-repeat;
  }
  
      #spacesheriff_4 a.bigbook_graphicnovel:hover {
  /*display: block;
  float: left;*/
  background: url(../space_sheriff_big_book/bigbook_graphicnovel.gif) 100% 100% no-repeat;
}


/*---------------------(Super WordUp MainPage)---------------------------------*/


    #super-wordup-box a {
    display: block;
    float: left;
    height: 500px;
    margin: 0;  
  }





    #super-wordup a {
    display: block;
    float: left;
    height: 434px;
    margin: 0;
  }
  
  
      #super-wordup a.super-wordup-top {
    width: 727px;
    margin: 0;
    background: url(../super-wordup/super-wordup-main.jpg) 0 0 no-repeat;
  }





 #super-wordup_1 a {
    display: block;
    float: left;
    height: 66px;
	width: 727px;
    margin: 0;
    
  }

#super-wordup_1 a:hover {
  /*display: block;
  float: left;*/
  background-position: 100% 100%;
}
  
  
  
    #super-wordup_1 a.free {

    width: 229px;
    margin: 0;
    background: url(../super-wordup/super-wordup-free.jpg) 0 0 no-repeat;
  }
  
      #super-wordup_1 a.free:hover {
  /*display: block;
  float: left;*/
  background: url(../super-wordup/super-wordup-free-down.jpg) 100% 100% no-repeat;
}


    #super-wordup_1 a.full-version {

    width: 371px;
    margin: 0;
    background: url(../super-wordup/super-wordup-awesome.jpg) 0 0 no-repeat;
  }
  
      #super-wordup_1 a.full-version:hover {
  /*display: block;
  float: left;*/
  background: url(../super-wordup/super-wordup-awesome-down.jpg) 100% 100% no-repeat;
}

    #super-wordup_1 a.itunes {

    width: 127px;
    margin: 0;
    background: url(../super-wordup/super-wordup-itunes.jpg) 0 0 no-repeat;
  }
  
      #super-wordup_1 a.itunes:hover {
  /*display: block;
  float: left;*/
  background: url(../super-wordup/super-wordup-itunes.jpg) 100% 100% no-repeat;
}



/*---------------------(Privacy Page)---------------------------------*/


.privacy_page {
	margin-left: 10px;
	float: left;
	
	
}


#privacy_page {
  width:669px;
  float:left;
  padding: 20px 20px 20px 30px;
  border: 4px solid #999999;
margin-top: 4px;
 
  
}





    #data-red-logo a {
    display: block;
    float: left;
    height: 300px;
    margin: 0;
  }
  
      #data-red-logo a.data-red-logo-black {

    width: 727px;
    margin: 0;
    background: url(../main/data-red-logo-black.jpg) 0 0 no-repeat;
  }
  
  
  /*---------------------(Super WordUp Page)---------------------------------*/
  
  

.screen_shot a {
    margin: 0 auto;
	
    float: right;
    width: 200px;
    height: 300px;
    display: block;
  }
  
  #screen_shot a.screen_shot_1 {
    width: 200px;
    margin: 0;
    background: url(../super-wordup/super-wordup-screenshots/super-wordup-play.jpg) 0 0 no-repeat;
  }
  
  
  
  /*---------------------(RoboCats vs. Thunder Dogs MainPage)---------------------------------*/


    #rc-vs-td-box a {
    display: block;
    float: left;
    height: 500px;
    margin: 0;  
  }





    #rc-vs-td a {
    display: block;
    float: left;
    height: 349px;
    margin: 0;
  }
  
  
      #rc-vs-td a.rc-vs-td-top {
    width: 727px;
    margin: 0;
    background: url(../robocatz-vs-thunderdogs/rc-vs-td-images/rc-vs-td-main-page.jpg) 0 0 no-repeat;
  }





 #rc-vs-td_1 a {
    display: block;
    float: left;
    height: 151px;
	width: 727px;
    margin: 0;
    
  }

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



    #rc-vs-td_1 a.rc-vs-td-main {

    width: 727px;
    margin: 0;
    background: url(../robocatz-vs-thunderdogs/rc-vs-td-images/rc-vs-td-buy-now.jpg) 0 0 no-repeat;
  }
  
      #rc-vs-td_1 a.rc-vs-td-main:hover {
  /*display: block;
  float: left;*/
  background: url(../robocatz-vs-thunderdogs/rc-vs-td-images/rc-vs-td-buy-now.jpg) 100% 100% no-repeat;
}



   /*---------------------(panels and pizza podcast MainPage)---------------------------------*/
  


    #podcast a {
    display: block;
    float: left;
    height: 198px;
    margin: 0;  
  }



    #pizza-podcast a {
    display: block;
    float: left;
    height: 195px;
    margin: 0;
  }
  
  
      #pizza-podcast a.panels-pizza-podcast {
    width: 727px;
    margin: 0;
    background: url(../main/panels-and-pizza-spanky-cermak-podcast.jpg) 0 0 no-repeat;
  }




   /*---------------------(roboCatz vs. Thunder Dogs Coloring Book MainPage)---------------------------------*/
  


    #coloring-book a {
    display: block;
    float: left;
    height: 198px;
    margin: 0;  
  }



    #rc_vs_td_coloring_book a {
    display: block;
    float: left;
    height: 195px;
    margin: 0;
  }
  
  
      #rc_vs_td_coloring_book a.rc_vs_td_coloring_book_fun {
    width: 727px;
    margin: 0;
    background: url(../main/RC-vs-TD-buy-coloring-book.jpg) 0 0 no-repeat;
  }
  
  
  
  /*---------------------(Space Sheriff Invasion - MainPage)---------------------------------*/


    #space-sheriff-invasion-front-page a {
    display: block;
    float: left;
    height: 684px;
    margin: 0;  
  }





    #space-sheriff-invasion a {
    display: block;
    float: left;
    height: 358px;
    margin: 0;
  }
  
  
      #space-sheriff-invasion a.space-sheriff-invasion-top {
    width: 727px;
    margin: 0;
    background: url(../space_sheriff/comic_images/space-sheriff-invasion-web-graphics/invasion_webpage-title.jpg) 0 0 no-repeat;
  }





 #space-sheriff-invasion_1 a {
    display: block;
    float: left;
    height: 326px;
	width: 363px;
    margin: 0;
    
  }

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



    #space-sheriff-invasion_1 a.space-sheriff-digital {

    width: 363px;
    margin: 0;
    background: url(../space_sheriff/comic_images/space-sheriff-invasion-web-graphics/invasion_webpage-title-left.jpg) 0 0 no-repeat;
  }
  
      #space-sheriff-invasion_1 a.space-sheriff-digital:hover {
  /*display: block;
  float: left;*/
  background: url(../space_sheriff/comic_images/space-sheriff-invasion-web-graphics/invasion_webpage-title-left-invasion-animation.gif) 100% 100% no-repeat;
}




 #space-sheriff-invasion_2 a {
    display: block;
    float: left;
    height: 326px;
	width: 364px;
    margin: 0;
    
  }

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



    #space-sheriff-invasion_2 a.space-sheriff-comic {

    width: 364px;
    margin: 0;
    background: url(../space_sheriff/comic_images/space-sheriff-invasion-web-graphics/invasion_webpage-title-right.jpg) 0 0 no-repeat;
  }
  
      #space-sheriff-invasion_2 a.space-sheriff-comic:hover {
  /*display: block;
  float: left;*/
  background: url(../space_sheriff/comic_images/space-sheriff-invasion-web-graphics/invasion_webpage-title-right-invasion-amimation.gif) 100% 100% no-repeat;
}




  /*---------------------(Of Death Main Page)---------------------------------*/



    #of-death-box a {
    display: block;
    float: left;
    height: 476px;
    margin: 0;  
  }



    #of-death a {
    display: block;
    float: left;
    height: 473px;
    margin: 0;
  }
  
  
      #of-death a.of-death-top {
    width: 727px;
    margin: 0;
    background: url(../of-death/of-death-images/of-death-comicbook.jpg) 0 0 no-repeat;
  }