#loading_gif {
	position: relative;
	top: 200px;
	left: -140px;
}

#bannerdiv {
  z-index: 15 !important;
}

#menu {
  z-index: 100 !important;
}

#game_sidebar {
	display: none;
}

#game_html {
	min-height: 370px;
}

#gamecontent {
  min-height: 550px;
}

#gamecontent a {
	/* silly firefox */
	outline: none;
}

body {
	background-image: url('../background/bg.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	overflow-x: hidden;
}

#minininjas_extra_grass {
  position: absolute;
  top: 496px;
  left: 521px;
}

/* Store link (flying ninja) */
#minininjas_store {
  position: absolute;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 134px;
	height: 31px;
	top: 67px;
	left: 635px;  
}
/*  .minininjas_store_english, .minininjas_store_english a { background-image: url('../images/preorder-buynow/preorder-en.jpg'); }
  .minininjas_store_deutsch, .minininjas_store_deutsch a { background-image: url('../images/preorder-buynow/preorder-de.jpg'); }
  .minininjas_store_francais, .minininjas_store_francais a { background-image: url('../images/preorder-buynow/preorder-fr.jpg'); }
  .minininjas_store_italiano, .minininjas_store_italiano a { background-image: url('../images/preorder-buynow/preorder-it.jpg'); }
  .minininjas_store_espanol, .minininjas_store_espanol a { background-image: url('../images/preorder-buynow/preorder-es.jpg'); }*/
  .minininjas_store_english, .minininjas_store_english a { background-image: url('../images/preorder-buynow/buynow-en.jpg'); }
  .minininjas_store_deutsch, .minininjas_store_deutsch a { background-image: url('../images/preorder-buynow/buynow-de.jpg'); }
  .minininjas_store_francais, .minininjas_store_francais a { background-image: url('../images/preorder-buynow/buynow-fr.jpg'); }
  .minininjas_store_italiano, .minininjas_store_italiano a { background-image: url('../images/preorder-buynow/buynow-it.jpg'); }
  .minininjas_store_espanol, .minininjas_store_espanol a { background-image: url('../images/preorder-buynow/buynow-es.jpg'); }
  
  #minininjas_store a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0px -31px;
    opacity: 0.0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
  }
    #minininjas_store a:hover {
      opacity: 1.0;
    }


/* Menu (for all pages except the home page) */
#minininjas_menu {
  position: absolute;
  top: 99px;
  left: 432px;
  padding: 0;
  width: 153px;
  height: 206px;
  list-style: none;
  background-repeat: no-repeat;
  background-position: 0px -206px;
} 
  .minininjas_menu_english, .minininjas_menu_english li a { background-image: url('../images/menu/menu-english.png'); }
  .minininjas_menu_francais, .minininjas_menu_francais li a { background-image: url('../images/menu/menu-francais.png'); }
  .minininjas_menu_deutsch, .minininjas_menu_deutsch li a { background-image: url('../images/menu/menu-deutsch.png'); }
  .minininjas_menu_espanol, .minininjas_menu_espanol li a { background-image: url('../images/menu/menu-espanol.png'); }
  .minininjas_menu_italiano, .minininjas_menu_italiano li a { background-image: url('../images/menu/menu-italiano.png'); }
  #minininjas_menu li {
    text-indent: -9999px;
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    left: 0px;
    width: 153px;
  }   
  #minininjas_menu a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    opacity: 1.0;    
  }
  #minininjas_menu a:hover { opacity: 0.0; }
  #minininjas_menu a.current { cursor: default; }
  
  #minininjas_menu_story {
    top: 0px;
    height: 40px;
  }
  #minininjas_menu_story a { background-position: -153px 0px; }
  #minininjas_menu_story a.current { background-position: 0px -206px; }
  
  #minininjas_menu_characters {
    top: 40px;
    height: 41px;
  }
  #minininjas_menu_characters a { background-position: -153px -40px; }
  #minininjas_menu_characters a.current { background-position: 0px -246px; }
  
  #minininjas_menu_media {
    top: 81px;
    height: 41px;
  }
  #minininjas_menu_media a { background-position: -153px -81px; }
  #minininjas_menu_media a.current { background-position: 0px -287px; }
  
  #minininjas_menu_sysreqs {
    top: 122px;
    height: 41px;
  }
  #minininjas_menu_sysreqs a { background-position: -153px -122px; }
  #minininjas_menu_sysreqs a.current { background-position: 0px -328px; }

  
  #minininjas_menu_reviews {
    top: 163px;
    height: 41px;
  }
  #minininjas_menu_reviews a { background-position: -153px -163px; }
  #minininjas_menu_reviews a.current { background-position: 0px -369px; }


/* Home Page */
#home_container {
	position: absolute;
	padding: 0px;
	top: 93px;
	margin-left: -150px;
  width: 585px;
}

#home_ninjas {
  position: absolute;
  top: 14px;
  left: 389px;
}

#home_shadow {
  position: absolute;
  top: 315px;
  left: -480px;
}

#home_logo {
  position: absolute;
  top: 27px;
  left: 34px;
  z-index: -10;
}

#home_menu {
  position: absolute;
  top: 161px;
  left: 0px;
  padding: 0;
  width: 347px;
  height: 434px;
  list-style: none;
  background-repeat: no-repeat;
  background-position: 0px 0px;
} 
  .home_menu_english { background-image: url('../images/home/menu-english.jpg'); }
  .home_menu_francais { background-image: url('../images/home/menu-francais.jpg'); }
  .home_menu_deutsch { background-image: url('../images/home/menu-deutsch.jpg'); }
  .home_menu_espanol { background-image: url('../images/home/menu-espanol.jpg'); }
  .home_menu_italiano { background-image: url('../images/home/menu-italiano.jpg'); }
  #home_menu li {
    text-indent: -9999px;
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
  }
  #home_menu a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    opacity: 0.0;    
  }
  #home_menu a:hover {
    opacity: 1.0;
  }
  .home_menu_english a { background-image: url('../images/home/menu-on-english.jpg'); }
  .home_menu_francais a { background-image: url('../images/home/menu-on-francais.jpg'); }
  .home_menu_deutsch a { background-image: url('../images/home/menu-on-deutsch.jpg'); }
  .home_menu_espanol a { background-image: url('../images/home/menu-on-espanol.jpg'); }
  .home_menu_italiano a { background-image: url('../images/home/menu-on-italiano.jpg'); }
  
  #home_menu_story {
    top: 92px;
    left: 39px;
    width: 200px;
    height: 50px;
  }
    #home_menu_story a { background-position: -6px -3px; }
  #home_menu_characters {
    top: 151px;
    left: 151px;
    width: 190px;
    height: 60px;
  }
    #home_menu_characters a { background-position: -118px -62px; }
  #home_menu_media {
    top: 216px;
    left: 56px;
    width: 190px;
    height: 60px;
  }
    #home_menu_media a { background-position: -23px -127px; }
  #home_menu_sysreqs {
    top: 285px;
    left: 141px;
    width: 200px;
    height: 50px;
  }
    #home_menu_sysreqs a { background-position: -108px -196px; }
  #home_menu_reviews {
    top: 356px;
    left: 38px;
    width: 200px;
    height: 70px;
  }
    #home_menu_reviews a { background-position: -5px -267px; }

/* Story Page */
#story_container {
	position: absolute;
	padding: 0px;
	top: 93px;
	margin-left: -150px;
  width: 585px;
}
  #story_container object {
    position: absolute;
    top: 115px;
    left: 25px;
  }

  #story_screen {
    position: absolute;
    background-image: url('../images/story/screen.jpg');
    background-repeat: no-repeat;
  	width: 431px;
  	height: 388px;
  	left: 0px;
  	top: -7px;
  	z-index: -10;
  }
    #story_play_button {
      position: absolute;
      background-image: url('../images/story/playbutton.jpg');
      background-repeat: no-repeat;
    	width: 66px;
    	height: 66px;
    	left: 187px;
    	top: 203px;
    	cursor: pointer;
      opacity: 0.0;
      -webkit-transition: opacity 0.2s linear;
      -moz-transition: opacity 0.2s linear;
      transition: opacity 0.2s linear;
      z-index: 10;
    }
      #story_play_button:hover {
        opacity: 1.0;
      }
  
  #story_bird {
    position: absolute;
    background-image: url('../images/story/lilbird.jpg');
    background-repeat: no-repeat;
  	width: 50px;
  	height: 40px;
  	left: 45px;
  	top: 57px;    
  }

  #story_footer {
    position: absolute;
    z-index: -10;
    left: -24px;
    top: 427px;
  }
  
/* Characters Page */
#characters_container {
	position: absolute;
	padding: 0px;
	top: 93px;
	margin-left: -150px;
  width: 585px;
}

#characters_evil_fullscreen {
  background-color: #000;
  background-image: url('../images/characters/evil.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  position: fixed;
  height: 100%;
  width: 100%;
  top:0;
  left:0;
  z-index: 100;
}

#characters_boards {
  position: absolute;
  background-position: 0px 0px;
  background-repeat: no-repeat;
	width: 383px;
	height: 103px;
	left: 24px;
	top: -7px;
}
  .characters_boards_english, .characters_boards_english div { background-image: url('../images/characters/top-signs-en.jpg'); }
  .characters_boards_francais, .characters_boards_francais div { background-image: url('../images/characters/top-signs-fr.jpg'); }
  .characters_boards_deutsch, .characters_boards_deutsch div { background-image: url('../images/characters/top-signs-de.jpg'); }
  .characters_boards_espanol, .characters_boards_espanol div { background-image: url('../images/characters/top-signs-es.jpg'); }
  .characters_boards_italiano, .characters_boards_italiano div { background-image: url('../images/characters/top-signs-it.jpg'); }

#characters_boards div {
  position: absolute;
  opacity: 0.0;
  cursor: pointer;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
  #characters_boards div:hover { opacity: 1.0;}
  #characters_boards div.board_active { 
    opacity: 1.0 !important; 
    cursor: default;
  }

#characters_board_ninjas {
	width: 193px;
	height: 43px;
	left: 8px;
	top: 29px;
  background-position: -8px -133px;
  z-index: 1;
}

#characters_board_enemies {
	width: 193px;
	height: 55px;
	left: 190px;
	top: 40px;
  background-position: -190px -144px;
}

#characters_enemies_image {
  position: absolute;
  left: -10px;
  top: 100px;
  z-index: -1;
}

#characters_movie_frame {
  position: absolute;
  left: 0px;
  top: 100px;
  height: 355px;
  width: 428px;
}

#characters_names {
  position: absolute;
  width: 131px;
  height: 42px;
  left: 445px;
  top: 343px;
}
  #characters_names div {
    position: absolute;
    background-image: url('../images/characters/ninja-names.png');
    width: 100%;
    height: 100%;
  }
  #characters_names_hiro { background-position: 0px 0px; }
  #characters_names_futo { background-position: 0px -42px; }
  #characters_names_suzume { background-position: 0px -84px; }
  #characters_names_tora { background-position: 0px -126px; }
  #characters_names_kunoichi { background-position: 0px -168px; }
  #characters_names_shun { background-position: 0px -210px; }

#characters_text_box {
  position: absolute;
  min-height: 122px;
  width: 550px;
  left: 5px;
  top: 463px;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  color: #fff;
  padding: 10px 15px 10px 10px;
  background-color: #8b6139;
  -moz-border-radius-topleft: 25px;
  -webkit-border-top-left-radius: 25px;
  -moz-border-radius-bottomleft: 25px;
  -webkit-border-bottom-left-radius: 25px;
  -moz-border-radius-bottomright: 25px;
  -webkit-border-bottom-right-radius: 25px;
}
  #characters_text_box p {
    margin-top: 0.6em;
    margin-bottom: 0.6em;
  }

#characters_evil_button {
  position: absolute;
  width: 137px;
  height: 70px;
  left: 443px;
  top: 393px;
  background-image: url('../images/characters/arrows.jpg');
  background-position: 0px -140px;
  background-repeat: none;
  cursor: pointer;
}
  #characters_evil_button:active {
    background-position: 0px -210px;
  }
#characters_arrow_buttons {
  position: absolute;
  width: 137px;
  height: 70px;
  left: 443px;
  top: 393px;
}
  #characters_left_button {
    position: absolute;
    width: 68px;
    height: 70px;
    left: 0px;
    top: 0px;
    background-image: url('../images/characters/arrows.jpg');
    background-position: 0px 0px;
    background-repeat: none;
    cursor: pointer;    
  }
    #characters_left_button:active {
      background-position: 0px -70px;
    }
  #characters_right_button {
    position: absolute;
    width: 69px;
    height: 70px;
    left: 68px;
    top: 0px;
    background-image: url('../images/characters/arrows.jpg');
    background-position: -68px 0px;
    background-repeat: no-repeat;
    cursor: pointer;    
  }
    #characters_right_button:active {
      background-position: -68px -70px;
    }

/* Media Page */
#media_container {
	position: absolute;
	padding: 0px;
	top: 93px;
	margin-left: -150px;
  width: 585px;
}

#media_left_grass {
  position: absolute;
  top: 510px;
  left: -85px;
}

#media_fox {
  position: absolute;
  top: 415px;
  left: 230px;  
}

#media_bee {
  position: absolute;
  top: 36px;
  left: 34px;
}

.media_buttons_english { background-image: url('../images/media/buttons-en-de.jpg'); }
.media_buttons_deutsch { background-image: url('../images/media/buttons-en-de.jpg'); }
.media_buttons_italiano { background-image: url('../images/media/buttons-it.jpg'); }
.media_buttons_espanol { background-image: url('../images/media/buttons-es.jpg'); }
.media_buttons_francais { background-image: url('../images/media/buttons-fr.jpg'); }

#media_buttons_image_left {
  position: absolute;
  top: -7px;
  left: 6px;
  height: 499px;
  width: 213px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  z-index: -10;
}

#media_buttons_image_right {
  position: absolute;
  top: -7px;
  left: 219px;
  height: 499px;
  width: 213px;
  background-position: -213px 0px;
  background-repeat: no-repeat;
  z-index: -10;
}

#media_screenshots_button {
  position: absolute;
  width: 178px;
  height: 159px;
  top: 85px;
  left: 30px;
  z-index: 20;
  cursor: pointer;
}

#media_desktops_button {
  position: absolute;
  width: 175px;
  height: 168px;
  top: 82px;
  left: 242px;
  z-index: 20;
  cursor: pointer;
}

#media_demo_button {
  position: absolute;
  width: 175px;
  height: 168px;
  top: 312px;
  left: 28px;
  z-index: 20;
  cursor: pointer;
}

#media_trailer_button {
  position: absolute;
  width: 177px;
  height: 167px;
  top: 312px;
  left: 240px;
  z-index: 20;
  cursor: pointer;
}


#media_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: black;
  z-index: 50;
}

  .media_popup_window {
  	background-color: black;
  	border: 1px solid white;
  }
  
  .media_close_button {
  	position: absolute;
  	top: -25px;
  	margin-left: -15px;
  	*margin-left: -25px;
  	z-index: 110;
  	cursor: pointer;
  }
  
  #media_screenshots_window {
  	position: fixed;
  	top: 50%;
  	left: 50%;
  	margin-top: -192px;
  	margin-left: -425px;
  	height: 374px;
  	width: 850px;
  	z-index: 90;	
  }
    .media_screen_row {
    	clear: left;
    	padding: 0px;
    	margin: 5px;
    	*margin: 0px;
    }
    .media_screen_cell {
    	clear: none;
    	float: left;
    	padding: 0;
    	margin: 0;
    }
      .media_screen_cell img {
      	margin: 5px;
      	*margin: -5px;
      	padding: 0;
      	cursor: pointer;
      }
    .media_screen_spacer {
      margin: 5px;
    	*margin: -5px;
    	padding: 0;
    	width: 200px;
    	height: 112px;
    }
  
  #media_fullscreen_window {
  	position: fixed;
  	top: 50%;
  	left: 50%;
  	margin-top: -240px;
  	margin-left: -355px;
  	width: 709px;
  	height: 480px;
  	z-index: 100;
  }
    #media_fullscreen {
    	position: absolute;
    	top: -10px;
    	left: -10px;
    	cursor: pointer;
    }
      #media_fullscreen_caption {
      	position: relative;
      	padding: 0px 5px;
      	top: 400px;
      	left: 0px;
      	width: 699px;
      	height: 80px;
      	text-align: center;
      	z-index: 120;
      }
        #media_fullscreen_caption p {
        	font-size: 18px;
        	line-height: 20px;
        	margin: 4px 0px;
        	text-align: center;
        	font-family: helvetica, sans-serif;
        	color:#A7A9AC;
        	font-size: 14px;
        }
      
  #media_desktops_window {
  	position: fixed;
  	top: 50%;
  	left: 50%;
  	margin-top: -225px;
  	margin-left: -351px;
  	height: 450px;
  	width: 702px;
  	z-index: 100;
  }
    .media_desk_cell {
    	float: left;
    }
      .media_desk_cell img {
      	margin: 5px;
      	*margin: -5px;
      	padding: 0;
      	cursor: pointer;
      }
    .media_desk_row {
    	clear: left;
    	margin: 5px;
    	*margin: 0px;
    }

  #media_fulldesk_window {
  	position: fixed;
  	top: 50%;
  	left: 50%;
  	margin-top: -190px;
  	margin-left: -178px;
  	width: 356px;
  	height: 380px;
  	z-index: 100;
  	text-align: center;
  }
    #media_fulldesk_thumb {
    	margin: 10px;
    	padding: 0px;
    }
    .media_deskres a {
    	text-align: center;
    	color: #A7A9AC;
    	font-family:Helvetica, sans-serif;
    	font-size: 13px;
    	text-decoration: none;
    }
      .media_deskres a:hover {
      	text-decoration: underline;
      }
  
#media_trailer_window {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -285px;
	margin-left: -330px;
	height: 490px;
	width: 660px;
	z-index: 100;
}
  #media_fulltrailer_links {
  	text-align: center;
  	width: 100%;
  	text-align: center;
  }
    #media_fulltrailer_links a {
    	color: #A7A9AC;
    	font-family: Helvetica, sans-serif;
    	font-size: 14px;
    	text-decoration: underline;
    }
    
#media_demo_window {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -142px;
	margin-left: -165px;
	height: 245px;
	width: 330px;
	z-index: 100;
}
  #media_demo_description {
    position: absolute;
    height: 24px;
    width: 300px;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -150px;
    color: #A7A9AC;
  	font-family: Helvetica, sans-serif;
  	font-size: 18px;
  	text-align: center;
  }
    #media_demo_description p {
      margin: 0px;
    }
    #media_demo_description a {
      color: #D7D9DC;
    }
    #media_demo_description a:hover {
      text-decoration: none;
    }


/* Sysreqs Page */
#sysreqs_container {
	position: absolute;
	padding: 0px;
	top: 93px;
	margin-left: -150px;
  width: 585px;
}

#sysreqs_background {
  position: absolute;
  background-image: url('../images/sysreqs/reqs-bg.jpg');
  background-repeat: no-repeat;
	width: 514px;
	height: 610px;
	z-index: -10;
	left: -78px;
	top: -6px;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
}

  #sysreqs_text {
    position: absolute;
    left: 195px;
    width: 280px;
    top: 5px;
    color: #6d4010;
    font-size: 0.95em;
  }
  .sysreqs_heading { font-weight: bold; }
  .sysreqs_heading2 { line-height: 2em; }

#sysreqs_tora {
  position: absolute;
  background-image: url('../images/sysreqs/tora.jpg');
	width: 255px;
	height: 283px;
	left: 425px;
	top: 328px;
}

/* Reviews Page */
#reviews_container {
	position: absolute;
	padding: 0px;
	top: 93px;
	margin-left: -150px;
  width: 585px;
}

#reviews_panel {
  position: absolute;
  top: -7px;
  left: 12px;
  background-image: url('../images/reviews/panel.jpg');
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 404px;
  height: 503px;
}

#reviews_enemy {
  position: absolute;
  top: 322px;
  left: 351px;
  z-index: 10;
}

#reviews_ninja {
  position: absolute;
  top: 443px;
  left: 17px;
  z-index: 10;
}

#reviews_text {
	position: absolute;
	top: 40px;
	left: 25px;
	width: 360px;
	font-size: 14px;
	color: #6d4010;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	z-index: 14;
	
}
  #reviews_text a {
  	color: #4d2000;
  	text-decoration: underline;
  }
  #reviews_text a:hover {
  	text-decoration: none;
  	color: #8d6030;
  }

#reviews_intro {
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 2px dotted #6d4010;
}

  #reviews_blurb {
  	font-weight: bold;
  }

.reviews_review {
	border-bottom: 2px dotted #6d4010;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: -12px;
	clear: both;
	font-size: 12px;
}

  .reviews_reviewer {
  	float: left;
  	width: 49%;
  	line-height: 0;
  	padding-top: 0px;
  	font-weight: bold;
  	font-size: 13px;
  }

  .reviews_full_review {
  	width: 49%;
  	text-align: right;
  	clear: none;
  	float: right;
  	line-height: 0;
  	padding-top: 0px;
  	font-size: 13px;
  }