/* -------------------------------------------- */
/* generic
/* -------------------------------------------- */
.zone_selector {
	padding: 34px 0px 40px 30px;
	margin: 0;
	width: 795px;
	height: 218px;
}

.zone_selector_thin {
	width: 140px;
	margin-top: 55px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

.zone_selector li {
	width: 140px;
	height: 218px;
	float: left;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0px 65px 0px 0px;
}

.zone_selector li.last {
	padding-right: 0px !important;
}

.zone_selector li a {
	width: 100%;
	height: 218px;
	display: block;	
}

.zone_selector li span {
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;	
	display: block;
	width: 140px;
	height: 215px;
	margin: 0;
	padding: 0;

}


/* -------------------------------------------- */
/* specific_items
/* -------------------------------------------- */
#z_your_bedroom span { background-image: url(zones/your_bedroom.gif); }
#z_your_bedroom a:hover span { background-image: url(zones/your_bedroom_over.gif); }

#z_around_home span { background-image: url(zones/around_home.gif); }
#z_around_home a:hover span { background-image: url(zones/around_home_over.gif); }

#z_going_abroad span { background-image: url(zones/going_abroad.gif); }
#z_going_abroad a:hover span { background-image: url(zones/going_abroad_over--.gif); }

#z_first_aid span { background-image: url(zones/first_aid.gif); }
#z_first_aid a:hover span { background-image: url(zones/first_aid_over.gif); }

#z_key_stage_three span { background-image: url(zones/key_stage_three.gif); }
#z_key_stage_three a:hover span { background-image: url(zones/key_stage_three_over.gif); }

#z_key_stage_four span { background-image: url(zones/key_stage_four.gif); }
#z_key_stage_four a:hover span { background-image: url(zones/key_stage_four_over.gif); }

#z_education_environment span { background-image: url(zones/education_environment.gif); }
#z_education_environment a:hover span { background-image: url(zones/education_environment_over.gif); }

#z_education_timeline span { background-image: url(zones/education_timeline.gif); }
#z_education_timeline a:hover span { background-image: url(zones/education_timeline_over.gif); }

#z_education_lessons span { background-image: url(zones/education_lessons.gif); }
#z_education_lessons a:hover span { background-image: url(zones/education_lessons_over.gif); }

#z_career_jobs span { background-image: url(zones/career_jobs.gif); }
#z_career_jobs a:hover span { background-image: url(zones/career_jobs_over.gif); }

#z_career_tools span { background-image: url(zones/career_tools.gif); }
#z_career_tools a:hover span { background-image: url(zones/career_tools_over.gif); }

#z_career_day_in_life span { background-image: url(zones/career_day_in_life.gif); }
#z_career_day_in_life a:hover span { background-image: url(zones/career_day_in_life_over.gif); }

#z_career_industry span { background-image: url(zones/career_industry.gif); }
#z_career_industry a:hover span { background-image: url(zones/career_industry_over.gif); }

#z_fun_songs span { background-image: url(zones/FF-top10-off.gif); }
#z_fun_songs a:hover span { background-image: url(zones/FF-top10-on.gif); }

#z_fun_video span { background-image: url(zones/FF_app-off.gif); }
#z_fun_video a:hover span { background-image: url(zones/FF_app-on.gif); }

#z_fun_timeline span { background-image: url(zones/FF-timeline-off.gif); }
#z_fun_timeline a:hover span { background-image: url(zones/FF-timeline-on.gif); }

#z_fun_competition span { background-image: url(zones/FF-game-off.gif); }
#z_fun_competition a:hover span { background-image: url(zones/FF-game-on.gif); }

/* -------------------------------------------- */
/* layout
/* -------------------------------------------- */
#zone_selection {
	width: 822px;
	padding: 28px 40px 80px 42px;
	background-image: url(../images/background_gallery_4.jpg);
}

#zone_selection h1 {
	font-size: 30px;
	font-weight: normal;
	line-height: normal;
	margin: 0px 0px 19px 5px !important;
}

.b_electrical-safety #zone_selection h1 em {
	color: #ffea00;
}

.b_education #zone_selection h1 em {
	color: #99CC00;
}

.b_career-zone #zone_selection h1 em {
	color: #6699FF;
}

.b_career-zone #zone_selection h1 em {
	color: #cc33cc;
}

#z_your_bedroom strong { background-image: url(zones/your_bedroom_over.gif);}
#z_your_bedroom a:hover span { background-image: url(zones/your_bedroom.gif) !important;}

#z_around_home strong { background-image: url(zones/around_home_over.gif); }
#z_around_home a:hover span { background-image: url(zones/around_home.gif) !important;}

#z_going_abroad strong { background-image:url(zones/going_abroad_over.gif); }
#z_going_abroad a:hover span { background-image:url(zones/going_abroad.gif) !important;}

#z_going_abroad strong { background-image: url(zones/going_abroad_over.gif); }
#z_going_abroad a:hover span { background-image: url(zones/going_abroad.gif) !important; }

#z_first_aid strong { background-image: url(zones/first_aid_over.gif); }
#z_first_aid a:hover span { background-image: url(zones/first_aid.gif) !important; }

#z_key_stage_three strong { background-image: url(zones/key_stage_three_over.gif); }
#z_key_stage_three a:hover span { background-image: url(zones/key_stage_three.gif) !important; }

#z_key_stage_four strong { background-image: url(zones/key_stage_four_over.gif); }
#z_key_stage_four a:hover span { background-image: url(zones/key_stage_four.gif) !important; }

#z_education_environment strong { background-image: url(zones/education_environment_over.gif); }
#z_education_environment a:hover span { background-image: url(zones/education_environment.gif); }

#z_education_timeline strong { background-image: url(zones/education_timeline_over.gif); }
#z_education_timeline a:hover span { background-image: url(zones/education_timeline.gif); }

#z_education_lessons strong { background-image: url(zones/education_lessons_over.gif); }
#z_education_lessons a:hover span { background-image: url(zones/education_lessons.gif); }

#z_career_jobs strong { background-image: url(zones/career_jobs_over.gif); }
#z_career_jobs a:hover span { background-image: url(zones/career_jobs.gif); }

#z_career_tools strong { background-image: url(zones/career_tools_over.gif); }
#z_career_tools a:hover span { background-image: url(zones/career_tools.gif); }

#z_career_day_in_life strong { background-image: url(zones/career_day_in_life_over.gif); }
#z_career_day_in_life a:hover span { background-image: url(zones/career_day_in_life.gif); }

#z_career_industry strong { background-image: url(zones/career_industry_over.gif); }
#z_career_industry a:hover span { background-image: url(zones/career_industry.gif); }

#z_fun_songs strong { background-image: url(zones/FF-top10-on.gif); }
#z_fun_songs a:hover span { background-image: url(zones/FF-top10-off.gif); }

#z_fun_video strong { background-image: url(zones/FF_app-on.gif); }
#z_fun_video a:hover span { background-image: url(zones/FF_app-off.gif); }

#z_fun_timeline strong { background-image: url(zones/FF-timeline-on.gif); }
#z_fun_timeline a:hover span { background-image: url(zones/FF-timeline-off.gif); }

#z_fun_competition strong { background-image: url(zones/FF-game-on.gif); }
#z_fun_competition a:hover span { background-image: url(zones/FF-game-off.gif); }


#zone_selection p.three_lines { margin-top: 1em; }