body{background:#fff;height:520px;margin:0 auto;width:520px;}
.hide{display:none;}
.slides{height:520px;overflow:hidden;position:relative;width:520px;}
.slides .slide{display:none;height:520px;position:absolute;width:520px;}
.slides .slide.show{display:block;}
.slide a{position:absolute;}
.slide .nav{width:152px;height:47px;color:#fff;font-size:14px;text-align:center;text-decoration:none;text-transform:uppercase;}

.nav{display:table;overflow:hidden;}
.text-align{display:table-cell;vertical-align:middle;line-height:16px;}

/******Intro*******/
.infographic_header_start{width:520px;height:520px;display:block;background: url("./images/tsg_app_start_page.jpg") no-repeat scroll 0 0;}
.nav.question1{font-size:13px;height:142px;left:188px;top:356px;width:142px;background:url("./images/buttons/start_g.png") no-repeat scroll 0 0;}
.nav.question1:hover{background:url("./images/buttons/start_r.png") no-repeat scroll 0 0;}

/******Is Family the Most Important thing to you?*******/
.slide-1{background:url("./images/page1.jpg") no-repeat scroll 0 0;}
.nav.yes{height:143px;left:105px;top:268px;width:143px;background:url("./images/buttons/yes_g.png") no-repeat scroll 0 0;}
.nav.yes:hover{background:url("./images/buttons/yes_r.png") no-repeat scroll 0 0;}
.nav.no{height:143px;left:262px;top:268px;width:143px;background:url("./images/buttons/no_g.png") no-repeat scroll 0 0;}
.nav.no:hover{background:url("./images/buttons/no_r.png") no-repeat scroll 0 0;}

/******Revenge - Dive Right in - Play the waiting game*******/
.slide-2{width:520px;height:520px;display:block;background: url("./images/page2a.jpg") no-repeat scroll 0 0;}
.nav.dive_right_in{height:143px;left:105px;top:268px;width:143px;background:url("./images/buttons/dive_right_in_g.png") no-repeat scroll 0 0;}
.nav.dive_right_in:hover{background:url("./images/buttons/dive_right_in_r.png") no-repeat scroll 0 0;}
.nav.play_the_waiting_game{height:143px;left:262px;top:268px;width:153px;background:url("./images/buttons/play_the_waiting_game_g.png") no-repeat scroll 0 0;}
.nav.play_the_waiting_game:hover{background:url("./images/buttons/play_the_waiting_game_r.png") no-repeat scroll 0 0;}

/******Fight! - Strike with your fists or your brain*******/
.slide-3{width:520px;height:520px;display:block;background: url("./images/page3a.jpg") no-repeat scroll 0 0;}
.nav.fists{height:143px;left:105px;top:268px;width:143px;background:url("./images/buttons/strike_with_your_fists_g.png") no-repeat scroll 0 0;}
.nav.fists:hover{background:url("./images/buttons/strike_with_your_fists_r.png") no-repeat scroll 0 0;}
.nav.brain{height:143px;left:262px;top:268px;width:143px;background:url("./images/buttons/use_your_brain_g.png") no-repeat scroll 0 0;}
.nav.brain:hover{background:url("./images/buttons/use_your_brain_r.png") no-repeat scroll 0 0;}

/******Teamwork: Are you a team player or a lone wolf*******/
.slide-4{width:520px;height:520px;display:block;background: url("./images/page3b.jpg") no-repeat scroll 0 0;}
.nav.team_player{height:143px;left:105px;top:268px;width:143px;background:url("./images/buttons/team_player_g.png") no-repeat scroll 0 0;}
.nav.team_player:hover{background:url("./images/buttons/team_player_r.png") no-repeat scroll 0 0;}
.nav.lone_wolf{height:143px;left:262px;top:268px;width:143px;background:url("./images/buttons/lone_wolf_g.png") no-repeat scroll 0 0;}
.nav.lone_wolf:hover{background:url("./images/buttons/lone_wolf_r.png") no-repeat scroll 0 0;}

/******Are you male or female?*******/
.slide-5{width:520px;height:520px;display:block;background: url("./images/page4a.jpg") no-repeat scroll 0 0;}
.nav.male{height:143px;left:105px;top:268px;width:143px;background:url("./images/buttons/male_g.png") no-repeat scroll 0 0;}
.nav.male:hover{background:url("./images/buttons/male_r.png") no-repeat scroll 0 0;}
.nav.female{height:143px;left:262px;top:268px;width:143px;background:url("./images/buttons/female_g.png") no-repeat scroll 0 0;}
.nav.female:hover{background:url("./images/buttons/female_r.png") no-repeat scroll 0 0;}

/****Norman Bates****/
.slide-6{background:url("./images/normanbates.jpg") no-repeat scroll 0 0;}

/****7 Fight! Strike with your fists or brain?****/
.slide-7{width:520px;height:520px;display:block;background: url("./images/page4b.jpg") no-repeat scroll 0 0;}
.nav.male{height:143px;left:105px;top:268px;width:143px;}
.nav.female{height:143px;left:262px;top:268px;width:143px;}

/****8 Walter white****/
.slide-8{background:url("./images/walterwhite.jpg") no-repeat scroll 0 0;}

/****9 leatherface****/
.slide-9{background:url("./images/leatherface.jpg") no-repeat scroll 0 0;}

/****10 leatherface****/
.slide-10{background:url("./images/crazyeyes.jpg") no-repeat scroll 0 0;}

/****11 Norman bates - Pointing to slide 6 ****/

/****12 Walter White - Pointing to slide 8 ****/

/**** 13 Loyalty: Loyal to the end or wait for the highest bidder?*****/
.slide-13{width:520px;height:520px;display:block;background: url("./images/page2b.jpg") no-repeat scroll 0 0;}
.nav.loyal_to_the_end{height:143px;left:105px;top:268px;width:143px;background:url("./images/buttons/loyal_to_the_end_g.png") no-repeat scroll 0 0;}
.nav.loyal_to_the_end:hover{background:url("./images/buttons/loyal_to_the_end_r.png") no-repeat scroll 0 0;}
.nav.highest_bidder{height:143px;left:262px;top:268px;width:153px;background:url("./images/buttons/wait_for_the_highest_bidder_g.png") no-repeat scroll 0 0;}
.nav.highest_bidder:hover{background:url("./images/buttons/wait_for_the_highest_bidder_r.png") no-repeat scroll 0 0;}

/**** 14 Loyalty: Loyal to the end or wait for the highest bidder?*****/
.slide-14{width:520px;height:520px;display:block;background: url("./images/page3d.jpg") no-repeat scroll 0 0;}
.nav.dive_right_in{height:143px;left:105px;top:268px;width:143px;background:url("./images/buttons/dive_right_in_g.png") no-repeat scroll 0 0;}
.nav.dive_right_in:hover{background:url("./images/buttons/dive_right_in_r.png") no-repeat scroll 0 0;}
.nav.play_the_waiting_game{height:143px;left:262px;top:268px;width:153px;background:url("./images/buttons/play_the_waiting_game_g.png") no-repeat scroll 0 0;}
.nav.play_the_waiting_game:hover{background:url("./images/buttons/play_the_waiting_game_r.png") no-repeat scroll 0 0;}

/**** 15 Teamwork: Are you a team player or a lone wolf?*****/
.slide-15{width:520px;height:520px;display:block;background: url("./images/page3b.jpg") no-repeat scroll 0 0;}
.nav.team_player{height:143px;left:105px;top:268px;width:143px;background:url("./images/buttons/team_player_g.png") no-repeat scroll 0 0;}
.nav.team_player:hover{background:url("./images/buttons/team_player_r.png") no-repeat scroll 0 0;}
.nav.lone_wolf{height:143px;left:262px;top:268px;width:143px;background:url("./images/buttons/lone_wolf_g.png") no-repeat scroll 0 0;}
.nav.lone_wolf:hover{background:url("./images/buttons/lone_wolf_r.png") no-repeat scroll 0 0;}

/****16 Marv****/
.slide-16{background:url("./images/marv.jpg") no-repeat scroll 0 0;}

/****17 Andy****/
.slide-17{background:url("./images/andydufresne.jpg") no-repeat scroll 0 0;}

/****18 Andy****/
.slide-18{background:url("./images/alexdelarge.jpg") no-repeat scroll 0 0;}

/**** 19 Are you male or female?*****/
.slide-19{width:520px;height:520px;display:block;background: url("./images/page4a.jpg") no-repeat scroll 0 0;}
.nav.male{height:143px;left:105px;top:268px;width:143px;}
.nav.female{height:143px;left:262px;top:268px;width:143px;}

/****20 Frank underwood****/
.slide-20{background:url("./images/frankunderwood.jpg") no-repeat scroll 0 0;}

/****21 black widow****/
.slide-21{background:url("./images/blackwidow.jpg") no-repeat scroll 0 0;}

.back_to_start{bottom:0;left:0;width:108px !important;height:95px !important;position:absolute;}

.nav.twitter_share{height:44px;left:255px;top:464px;width:45px;cursor: pointer;}
.nav.facebook_share{height:44px;left:201px;top:464px;width:45px;cursor: pointer;}