#lakeTekapo{
	width:495px; height:530px;
	background-image:url(/custom/templates/page/shared/flash/noflashLT/lake-tekapo-map.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

	.nonflashMapContainer ul{ width:495px; height:530px;}
	
		.nonflashMapContainer li.one{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-1.gif);}
		.nonflashMapContainer li.two{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-2.gif);}
		.nonflashMapContainer li.three{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-3.gif);}
		.nonflashMapContainer li.four{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-4.gif);}
		.nonflashMapContainer li.five{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-5.gif);}
		.nonflashMapContainer li.six{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-6.gif);}
		.nonflashMapContainer li.seven{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-7.gif);}
		.nonflashMapContainer li.eight{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-8.gif);}
		.nonflashMapContainer li.nine{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-9.gif);}
		.nonflashMapContainer li.ten{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-10.gif);}
		.nonflashMapContainer li.eleven{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-11.gif);}
		.nonflashMapContainer li.twelve{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-12.gif);}
		.nonflashMapContainer li.thirteen{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-13.gif);}
		.nonflashMapContainer li.fourteen{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-14.gif);}
		.nonflashMapContainer li.fifteen{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-15.gif);}
		.nonflashMapContainer li.sixteen{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-16.gif);}
		.nonflashMapContainer li.seventeen{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-17.gif);}
		.nonflashMapContainer li.eighteen{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-18.gif);}
		.nonflashMapContainer li.nineteen{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-19.gif);}
		.nonflashMapContainer li.twenty{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-20.gif);}
	
		.nonflashMapContainer li.one, .nonflashMapContainer li#one{ top:454px; left:336px;}
		.nonflashMapContainer li.two, .nonflashMapContainer li#two{ top:425px; left:330px;}
		.nonflashMapContainer li.three, .nonflashMapContainer li#three{ top:400px; left:318px;}
		.nonflashMapContainer li.four, .nonflashMapContainer li#four{ top:384px; left:350px;}
		.nonflashMapContainer li.five, .nonflashMapContainer li#five{ top:352px; left:330px;}
		.nonflashMapContainer li.six, .nonflashMapContainer li#six{ top:290px; left:352px;}
		.nonflashMapContainer li.seven, .nonflashMapContainer li#seven{ top:238px; left:400px;}
		.nonflashMapContainer li.eight, .nonflashMapContainer li#eight{ top:151px; left:370px;}
		.nonflashMapContainer li.nine, .nonflashMapContainer li#nine{ top:49px; left:328px;}
		.nonflashMapContainer li.ten, .nonflashMapContainer li#ten{ top:106px; left:264px;}
		.nonflashMapContainer li.eleven, .nonflashMapContainer li#eleven{ top:95px; left:225px;}
		.nonflashMapContainer li.twelve, .nonflashMapContainer li#twelve{ top:58px; left:143px;}
		.nonflashMapContainer li.thirteen, .nonflashMapContainer li#thirteen{ top:20px; left:70px;}
		.nonflashMapContainer li.fourteen, .nonflashMapContainer li#fourteen{ top:95px; left:80px;}
		.nonflashMapContainer li.fifteen, .nonflashMapContainer li#fifteen{ top:138px; left:120px;}
		.nonflashMapContainer li.sixteen, .nonflashMapContainer li#sixteen{ top:165px; left:112px;}
		.nonflashMapContainer li.seventeen, .nonflashMapContainer li#seventeen{ top:150px; left:90px;}
		.nonflashMapContainer li.eighteen, .nonflashMapContainer li#eighteen{ top:131px; left:170px;}
		.nonflashMapContainer li.nineteen, .nonflashMapContainer li#nineteen{ top:265px; left:86px;}
		.nonflashMapContainer li.twenty, .nonflashMapContainer li#twenty{ top:405px; left:230px;}
		
			#locationDetailsContainer li#one:hover, 
			#locationDetailsContainer li#one.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-1on.gif);}
			#locationDetailsContainer li#two:hover, 
			#locationDetailsContainer li#two.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-2on.gif);}
			#locationDetailsContainer li#three:hover, 
			#locationDetailsContainer li#three.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-3on.gif);}
			#locationDetailsContainer li#four:hover, 
			#locationDetailsContainer li#four.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-4on.gif);}
			#locationDetailsContainer li#five:hover, 
			#locationDetailsContainer li#five.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-5on.gif);}
			#locationDetailsContainer li#six:hover, 
			#locationDetailsContainer li#six.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-6on.gif);}
			#locationDetailsContainer li#seven:hover, 
			#locationDetailsContainer li#seven.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-7on.gif);}
			#locationDetailsContainer li#eight:hover, 
			#locationDetailsContainer li#eight.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-8on.gif);}
			#locationDetailsContainer li#nine:hover, 
			#locationDetailsContainer li#nine.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-9on.gif);}
			#locationDetailsContainer li#ten:hover, 
			#locationDetailsContainer li#ten.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-10on.gif);}
			#locationDetailsContainer li#eleven:hover, 
			#locationDetailsContainer li#eleven.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-11on.gif);}
			#locationDetailsContainer li#twelve:hover, 
			#locationDetailsContainer li#twelve.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-12on.gif);}
			#locationDetailsContainer li#thirteen:hover, 
			#locationDetailsContainer li#thirteen.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-13on.gif);}
			#locationDetailsContainer li#fourteen:hover, 
			#locationDetailsContainer li#fourteen.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-14on.gif);}
			#locationDetailsContainer li#fifteen:hover, 
			#locationDetailsContainer li#fifteen.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-15on.gif);}
			#locationDetailsContainer li#sixteen:hover, 
			#locationDetailsContainer li#sixteen.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-16on.gif);}
			#locationDetailsContainer li#seventeen:hover, 
			#locationDetailsContainer li#seventeen.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-17on.gif);}
			#locationDetailsContainer li#eighteen:hover, 
			#locationDetailsContainer li#eighteen.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-18on.gif);}
			#locationDetailsContainer li#nineteen:hover, 
			#locationDetailsContainer li#nineteen.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-19on.gif);}
			#locationDetailsContainer li#twenty:hover, 
			#locationDetailsContainer li#twenty.over{ background-image:url(/custom/templates/page/shared/images/numberDots/number-dot-20on.gif);}
			
				#locationDetailsContainer li#one:hover .locationDetails, 
				#locationDetailsContainer li#one.over .locationDetails{ top:-340px; left:-328px;}
				#locationDetailsContainer li#two:hover .locationDetails,
				#locationDetailsContainer li#two.over .locationDetails{ top:-311px; left:-322px;}
				#locationDetailsContainer li#three:hover .locationDetails,
				#locationDetailsContainer li#three.over .locationDetails{ top:-285px; left:-310px;}
				#locationDetailsContainer li#four:hover .locationDetails,
				#locationDetailsContainer li#four.over .locationDetails{ top:-269px; left:-342px;}
				#locationDetailsContainer li#five:hover .locationDetails,
				#locationDetailsContainer li#five.over .locationDetails{ top:-237px; left:-322px;}
				#locationDetailsContainer li#six:hover .locationDetails,
				#locationDetailsContainer li#six.over .locationDetails{ top:-175px; left:-344px;}
				#locationDetailsContainer li#seven:hover .locationDetails,
				#locationDetailsContainer li#seven.over .locationDetails{ top:160px; left:-392px;}
				#locationDetailsContainer li#eight:hover .locationDetails,
				#locationDetailsContainer li#eight.over .locationDetails{ top:240px; left:-362px;}
				#locationDetailsContainer li#nine:hover .locationDetails,
				#locationDetailsContainer li#nine.over .locationDetails{ top:342px; left:-320px;}
				#locationDetailsContainer li#ten:hover .locationDetails,
				#locationDetailsContainer li#ten.over .locationDetails{ top:285px; left:-256px;}
				#locationDetailsContainer li#eleven:hover .locationDetails,
				#locationDetailsContainer li#eleven.over .locationDetails{ top:298px; left:-217px;}
				#locationDetailsContainer li#twelve:hover .locationDetails,
				#locationDetailsContainer li#twelve.over .locationDetails{ top:335px; left:-137px;}
				#locationDetailsContainer li#thirteen:hover .locationDetails,
				#locationDetailsContainer li#thirteen.over .locationDetails{ top:354px; left:-62px;}
				#locationDetailsContainer li#fourteen:hover .locationDetails,
				#locationDetailsContainer li#fourteen.over .locationDetails{ top:280px; left:-72px;}
				#locationDetailsContainer li#fifteen:hover .locationDetails,
				#locationDetailsContainer li#fifteen.over .locationDetails{ top:255px; left:-112px;}
				#locationDetailsContainer li#sixteen:hover .locationDetails,
				#locationDetailsContainer li#sixteen.over .locationDetails{ top:230px; left:-104px;}
				#locationDetailsContainer li#seventeen:hover .locationDetails,
				#locationDetailsContainer li#seventeen.over .locationDetails{ top:223px; left:-83px;}
				#locationDetailsContainer li#eighteen:hover .locationDetails,
				#locationDetailsContainer li#eighteen.over .locationDetails{ top:262px; left:-162px;}
				#locationDetailsContainer li#nineteen:hover .locationDetails,
				#locationDetailsContainer li#nineteen.over .locationDetails{ top:-150px; left:-78px;}
				#locationDetailsContainer li#twenty:hover .locationDetails,
				#locationDetailsContainer li#twenty.over .locationDetails{ top:-290px; left:-220px; }
					
					#lakeTekapo #locationDetailsContainer li:hover div.locationDetails,
					#lakeTekapo #locationDetailsContainer li.over div.locationDetails{width:475px;}
						#lakeTekapo #locationDetailsContainer li#four:hover div.locationDetails,
						#lakeTekapo #locationDetailsContainer li#four.over div.locationDetails,
						#lakeTekapo #locationDetailsContainer li#six:hover div.locationDetails,
						#lakeTekapo #locationDetailsContainer li#six.over div.locationDetails,
						#lakeTekapo #locationDetailsContainer li#eleven:hover div.locationDetails,
						#lakeTekapo #locationDetailsContainer li#eleven.over div.locationDetails,
						#lakeTekapo #locationDetailsContainer li#eighteen:hover div.locationDetails,
						#lakeTekapo #locationDetailsContainer li#eighteen.over div.locationDetails{height:120px;}
						#lakeTekapo #locationDetailsContainer li#five:hover div.locationDetails,
						#lakeTekapo #locationDetailsContainer li#five.over div.locationDetails,
						#lakeTekapo #locationDetailsContainer li#thirteen:hover div.locationDetails,
						#lakeTekapo #locationDetailsContainer li#thirteen.over div.locationDetails,
						#lakeTekapo #locationDetailsContainer li#fourteen:hover div.locationDetails,
						#lakeTekapo #locationDetailsContainer li#fourteen.over div.locationDetails,
						#lakeTekapo #locationDetailsContainer li#seventeen:hover div.locationDetails,
						#lakeTekapo #locationDetailsContainer li#seventeen.over div.locationDetails{height:140px;}
				
					#locationDetailsContainer li:hover .locationDetails .locationText,
					#locationDetailsContainer li.over .locationDetails .locationText{width:260px;}
						#lakeTekapo #locationDetailsContainer li#four:hover div.locationText,
						#lakeTekapo #locationDetailsContainer li#four.over div.locationText,
						#lakeTekapo #locationDetailsContainer li#six:hover div.locationText,
						#lakeTekapo #locationDetailsContainer li#six.over div.locationText,
						#lakeTekapo #locationDetailsContainer li#eleven:hover div.locationText,
						#lakeTekapo #locationDetailsContainer li#eleven.over div.locationText,
						#lakeTekapo #locationDetailsContainer li#eighteen:hover div.locationText,
						#lakeTekapo #locationDetailsContainer li#eighteen.over div.locationText{height:120px;}
						#lakeTekapo #locationDetailsContainer li#five:hover div.locationText,
						#lakeTekapo #locationDetailsContainer li#five.over div.locationText,
						#lakeTekapo #locationDetailsContainer li#thirteen:hover div.locationText,
						#lakeTekapo #locationDetailsContainer li#thirteen.over div.locationText,
						#lakeTekapo #locationDetailsContainer li#fourteen:hover div.locationText,
						#lakeTekapo #locationDetailsContainer li#fourteen.over div.locationText,
						#lakeTekapo #locationDetailsContainer li#seventeen:hover div.locationText,
						#lakeTekapo #locationDetailsContainer li#seventeen.over div.locationText{height:140px;}