/* --- Sailing in the map --- */


div#backToGlobalMap
{
    position: fixed;
    top: 20px;
    right: 20px;
    
    width: 60px;
    height: 60px;
    
    background-image: url('pics/tinyNzGlobalMap.png');
    outline: #ffffff solid 2px;
    
    cursor: pointer;
}

.invisible
{
    display: none;
}

.visible
{
    display: block;
}

div#fromNorthToSouth
{
    position: fixed;
    bottom: 10px;
    left: 10px;
    
    width: 174px;
    height: 110px;
    
    background-image: url('pics/toSouthIsland.png');
}

div#fromSouthToNorth
{
    position: fixed;
    top: 10px;
    right: 100px;
    
    width: 174px;
    height: 110px;
    
    background-image: url('pics/toNorthIsland.png');
}


/* --- Navigation menu --- */

div#menuMapContainer
{
    position: fixed;
    top: 20px;
    left: 20px;
    
    font-size:1em;
    width: 120px;
    height: 120px;
    
    overflow: hidden;
    border-radius: 50%;

    transition: all .3s ease;
    background-color: #ffffff;
    
    display: none;
    
}

.menuMapOff
{
    transform: scale(0.4);
}

.menuMapOn
{
    transform: scale(1);
}

.menuMapOff .icon-menu:before, .menuMapOn .icon-menu:before 
{
    position: absolute;
    top: 16px;
    left: 16px;
    
    font-family: 'headerFont';
    font-size: 1.8em;

	content: "\e608";
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.menuMapOn .icon-menu:before
{
    font-size: 0.8em;
    
    top: 2px;
    left: 5px;
}


.menuMapOff .cn-button, .menuMapOn .cn-button
{
    position: absolute;
    top: 0px;
    left: 0px;
    
    border:none;
    outline : none;
    background-color: #ffffff;
    color: #303A42;
    text-align: Center;
    font-size: 3em;
    height: 100%;
    width: 100%;
    position: fixed;
    border-radius: 50%;
    cursor: pointer;
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.menuMapOn .cn-button
{
    height: 48px;
    width: 48px;
    
    top: 36px;
    left: 36px;
    
    z-index: 12;
}

.menuMapOff .cn-button:hover
{
    background-color: #303a42;
}

.menuMapOff .icon-menu:hover:before 
{
    color: #ffffff;
}

.menuMapOn .icon-menu
{
    color: #ffffff;
}

.menuMapOn .cn-button
{
    background-color: #303a42;
}

.menuMapOff .cn-wrapper li 
{
    display: none;
}

.menuMapOn .cn-wrapper li 
{
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    left: 0px;
    top: 0px;
    overflow: hidden;
    
    font-size: 1.5em;
    
    transform-origin: 100% 100%;
    transition: border .3s ease;
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
    background-color: #ffffff;
    z-index: 10;
}

.menuMapOn .cn-wrapper li:hover
{
    background-color: #f5f5f5;
}

.cn-wrapper li#firstMenuMapElement
{
    transform: rotate(-45deg) skew(0deg);
}

.cn-wrapper li#secondMenuMapElement
{
    transform: rotate(45deg) skew(0deg);
}

.cn-wrapper li#thirdMenuMapElement
{
    transform: rotate(135deg) skew(0deg);
}

.cn-wrapper li#fourthMenuMapElement
{
    transform: rotate(225deg) skew(0deg);
}

.cn-wrapper li a
{
    transform: skew(0deg) rotate(-90deg) scale(1);
    position: absolute;
    display: block;
    
    text-align: center;
    font-size: 1.1em;
    bottom: 12px;
    right: 16px;
}

.cn-wrapper li a:hover
{
    text-shadow: none;
}

.cn-wrapper li#firstMenuMapElement a
{
    transform: skew(0deg) rotate(45deg) scale(1);
}

.cn-wrapper li#secondMenuMapElement a
{
    transform: skew(0deg) rotate(-135deg) scale(1);
}

.cn-wrapper li#thirdMenuMapElement a
{
    transform: skew(0deg) rotate(-135deg) scale(1);
}

.cn-wrapper li#fourthMenuMapElement a
{
    transform: skew(0deg) rotate(-225deg) scale(1);
}


/* --- Icones --- */

.icon-home:before 
{
    font-family: 'headerFont';
    font-size: 1em;
    
    color: #303A42;
    
	content: "\e609";
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.icon-blog:before 
{
    font-family: 'headerFont';
    font-size: 1em;
    
    color: #303A42;
    
	content: "\e601";
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.icon-galleries:before 
{
    font-family: 'headerFont';
    font-size: 1em;
    
    color: #303A42;
    
	content: "\e603";
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.icon-lotr:before 
{
    font-family: 'headerFont';
    font-size: 1em;
    
    color: #303A42;
    
	content: "\e600";
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* --- Global Map --- */

.fullMap
{
    background-color: #A3C1F1;
}

div#gridForFullMap
{
    position: absolute;
    top: 0px;
    left: 0px;
    
    background-image: url('pics/grid.png');
    background-repeat: repeat;
    
    width: 100%;
    height: 100%;
}

div#clickZoneForGlobalMap
{
    position: absolute;
}

div#northIslandDetails
{
    display: none;
    
    width: 100%;
    height: 100%;
}

div#southIslandDetails
{
    display: none;
    
    width: 100%;
    height: 100%;
}

div#nZMap
{
	background-position: left top;
	background-repeat: no-repeat;
}

div.fullNZMap
{
    background-image: url('pics/NewZealandMap_1.png');
    width: 50px;
    height: 50px;
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

}

/* --- North & South Map details --- */

.northIslandMap
{
    background-image:  url('pics/NorthIsland_1.png');
    width: 2000px;
    height: 2000px;
}

.southIslandMap
{
    background-image:  url('pics/SouthIsland_1.png');
    width: 2000px;
    height: 2100px;
}

/* --- North Island --- */
/* --- Districts --- */

div.districtArea
{
    background-color: transparent;
}

div.districtArea a
{
    display: inline-block;
    color: #ffffff;
    
    width: 100%;
    height: 100%;
}

div#northlandArea
{
    width: 324px;
    height: 97px;
    
    position: absolute;
    top: 375px;
    left: 41px;
}

div#aucklandArea
{
    height: 100px;
    left: 673px;
    position: absolute;
    top: 452px;
    width: 329px;
}

div#waikatoArea
{
    height: 100px;
    left: 358px;
    position: absolute;
    top: 918px;
    width: 253px;
}

div#bayOfPlentyArea
{
    height: 225px;
    left: 967px;
    position: absolute;
    top: 672px;
    width: 282px;
}

div#gisborneArea
{
    height: 100px;
    left: 1430px;
    position: absolute;
    top: 994px;
    width: 243px;
}

div#taranakiArea
{
    height: 100px;
    left: 92px;
    position: absolute;
    top: 1270px;
    width: 289px;
}

div#hawkesBayArea
{
    height: 223px;
    left: 1122px;
    position: absolute;
    top: 1327px;
    width: 243px;
}

div#manawatuWanganuiArea
{
    height: 185px;
    left: 481px;
    position: absolute;
    top: 1472px;
    width: 379px;
}

div#wellingtonArea
{
    height: 100px;
    left: 365px;
    position: absolute;
    top: 1865px;
    width: 281px;
}

/* --- Cross --- */
div.crossInMap
{
	position: absolute;
	
	width: 34px;
	height: 34px;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#crossLeigh
{
	top: 501px;
	left: 624px;
}

div#crossAuckland
{
	top: 653px;
	left: 636px;
}

div#crossTauranga
{
	top: 872px;
	left: 927px;
}

div#crossMaketu
{
	top: 892px;
	left: 972px;
}

div#crossOpotiki
{
	top: 954px;
	left: 1150px;
}

div#crossTokomaruBay
{
	top: 991px;
	left: 1367px;
}

div#crossWaiauPa
{
	top: 726px;
	left: 610px;
}

div#crossTairua
{
	top: 693px;
	left: 853px;
}

div#crossTitirangi
{
	top: 674px;
	left: 600px;
}

div#crossKerikeri
{
	top: 232px;
	left: 447px;
}

div#crossKaitaia
{
	top: 204px;
	left: 306px;
}

div#crossOmapere
{
	top: 302px;
	left: 334px;
}

div#crossWhangarei
{
	top: 361px;
	left: 526px;
}

div#crossRotorua
{
	top: 986px;
	left: 928px;
}

div#crossWaikaremoana
{
	top: 1162px;
	left: 1119px;
}

div#crossGisborne
{
	top: 1135px;
	left: 1302px;
}

div#crossNapier
{
	top: 1361px;
	left: 1069px;
}

div#crossOhakune
{
	top: 1340px;
	left: 755px;
}

div#crossPorangahau
{
	top: 1583px;
	left: 1015px;
}

div#crossMasterton
{
	top: 1764px;
	left: 807px;
}

div#crossLakeFerry
{
	top: 1884px;
	left: 698px;
}

div#crossWellington
{
	top: 1849px;
	left: 625px;
}

div#crossPicton
{
	top: 1854px;
	left: 463px;
}

div#crossMotueka
{
    top: 1814px;
	left: 249px;
}

div#crossTakaka
{
    top: 1731px;
	left: 209px;
}

div#crossBlenheim
{
    top: 1922px;
	left: 454px;
}

div#crossPaekakariki
{
    top: 1770px;
	left: 664px;
}

div#crossWhanganui
{
    top: 1483px;
	left: 680px;
}

div#crossPipiriki
{
    top: 1363px;
	left: 684px;
}

div#crossHawera
{
    top: 1385px;
	left: 517px;
}

div#crossNewPlymouth
{
    top: 1241px;
	left: 476px;
}

div#crossWaitara
{
    top: 1226px;
	left: 515px;
}

div#crossKawhia
{
    top: 971px;
	left: 638px;
}

div#crossRaglan
{
    top: 909px;
	left: 643px;
}

div#crossWaihiBeach
{
    top: 796px;
	left: 870px;
}

div#crossHahei
{
    top: 651px;
	left: 836px;
}

div#crossCoromandelTown
{
    top: 633px;
	left: 776px;
}

div#crossThames
{
    top: 735px;
	left: 787px;
}

div#crossHuntly
{
    top: 838px;
	left: 702px;
}

div#crossMiranda
{
    top: 740px;
	left: 734px;
}



/* --- Flags --- */

div.flagsInMap
{
	position: absolute;
	
	width: 34px;
	height: 34px;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#flagWaiheke
{
	top: 626px;
	left: 694px;
}

div#flagPuhoi
{
	top: 547px;
	left: 605px;
}

div#flagRotoma
{
	top: 960px;
	left: 1003px;
}

div#flagCapeRunaway
{
	left: 1299px;
    top: 828px;
}

div#flagHicksBay
{
	top: 836px;
	left: 1363px;
}

div#flagTeAraroaLighthouse
{
	top: 862px;
	left: 1416px;
}

div#flagTikitiki
{
	top: 890px;
	left: 1389px;
}

div#flagIhungiaRestArea
{
	top: 949px;
	left: 1359px;
}

div#flagAnauraBay
{
	top: 1019px;
	left: 1367px;
}

div#flagTolgaBay
{
	top: 1046px;
	left: 1373px;
}

div#flagWhakatane
{
	top: 936px;
	left: 1094px;
}

div#flagWhiteIsland
{
	top: 903px;
	left: 1087px;
}

div#flagPortWaikato
{
	top: 781px;
	left: 612px;
}

div#flagKatikati
{
    top: 822px;
	left: 862px;
}

div#flagThames
{
	top: 719px;
	left: 786px;
}

div#flagAwhitu
{
	top: 703px;
	left: 587px;
}

div#flagWaitakere
{
    top: 671px;
	left: 571px;
}

div#flagMangonui
{
    top: 155px;
	left: 354px;
}

div#flagMataiBay
{
    top: 130px;
	left: 327px;
}

div#flagRarawa
{
    top: 87px;
	left: 274px;
}

div#flagTePaki
{
    top: 37px;
	left: 205px;
}

div#flagCapRenga
{
    top: 12px;
	left: 182px;
}

div#flagSpiritsBay
{
    top: 12px;
	left: 220px;
}

div#flagAhipara
{
    top: 203px;
	left: 274px;
}

div#flagWaipapakauri
{
    top: 167px;
	left: 286px;
}

div#flagGumDiggersPark
{
    top: 152px;
	left: 296px;
}

div#flagWaipouaForest
{
    top: 319px;
	left: 361px;
}

div#flagKauriMuseum
{
    top: 451px;
	left: 498px;
}

div#flagWaitangi
{
    top: 231px;
	left: 476px;
}

div#flagUrupukapuka
{
    top: 213px;
	left: 508px;
}

div#flagOrakeiKorako
{
    top: 1068px;
	left: 909px;
}

div#flagTaupo
{
    top: 1133px;
	left: 899px;
}

div#flagMuriwai
{
    top: 1197px;
	left: 1261px;
}

div#flagMahia
{
    top: 1239px;
	left: 1273px;
}

div#flagWairoa
{
    top: 1218px;
	left: 1180px;
}

div#flagTeMata
{
    top: 1403px;
	left: 1072px;
}

div#flagHastings
{
    top: 1389px;
	left: 1052px;
}

div#flagTongariro
{
    top: 1248px;
	left: 806px;
}

div#flagDannevirke
{
    top: 1543px;
	left: 899px;
}

div#flagtaumatesouhai
{
    top: 1592px;
	left: 993px;
}

div#flagCobblestones
{
    top: 1788px;
	left: 762px;
}

div#flagMtBruce
{
    top: 1682px;
	left: 806px;
}

div#flagCapPalliser
{
    top: 1933px;
	left: 733px;
}

div#flagWainui
{
    top: 1711px;
	left: 234px;
}

div#flagFarewellSpit
{
    top: 1628px;
	left: 197px;
}


div#flagWhararikiBeach
{
    top: 1623px;
	left: 177px;
}


div#flagAnchorage
{
    top: 1750px;
	left: 262px;
}

div#flagOpararaBasin
{
    top: 1831px;
	left: 84px;
}

div#flagTaranaki
{
    top: 1296px;
	left: 476px;
}

div#flagBridalVeilsFalls
{
    top: 924px;
	left: 661px;
}

div#flagTeToto
{
    top: 899px;
	left: 622px;
}

div#flagHamilton
{
    top: 890px;
	left: 731px;
}

div#flagCambridge
{
    top: 919px;
	left: 773px;
}

div#flagPaeroa
{
    top: 781px;
	left: 814px;
}

div#flagRoad309
{
    top: 640px;
	left: 795px;
}

div#flagPortCharles
{
    top: 558px;
	left: 769px;
}

div#flagWhitianga
{
    top: 631px;
	left: 817px;
}

div#flagHunuaFalls
{
    top: 696px;
	left: 695px;
}


/* --- Rings --- */

div.ringsInMap
{
	position: absolute;
	
	width: 34px;
	height: 34px;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#ringHobitton
{
	top: 924px;
	left: 816px;
}

div#ringWeatherTop
{
    top: 805px;
	left: 623px;
}

div#ringMordorAndIthilien
{
    top: 1299px;
	left: 787px;
}

div#ringRiverAnduin
{
    top: 1414px;
	left: 867px;
}


div#ringValleyOdDeadPeople
{
    top: 1909px;
	left: 723px;
}


div#ringFontcombeAndIsengard
{
    top: 1806px;
	left: 675px;
}


div#ringAnduin
{
    top: 1833px;
	left: 653px;
}

div#ringDunharrow
{
    top: 1854px;
	left: 601px;
}

div#ringAbelTasman
{
    top: 1757px;
	left: 231px;
}

div#ringNelson
{
    top: 1854px;
	left: 304px;
}

div#ringPaekakariki
{
    top: 1770px;
	left: 664px;
}

div#ringOutOfTheShire
{
    top: 1730px;
	left: 710px;
}

div#ringArwennInTheForest
{
    top: 1651px;
	left: 714px;
}




/* --- South Island --- */
/* --- Districts --- */

div#nelsonMarlboroughtdArea
{
    width: 229px;
    height: 162px;
    
    position: absolute;
    top: 547px;
    left: 1740px;
}

div#CanterburyArea
{
    width: 331px;
    height: 124px;
    
    position: absolute;
    top: 1083px;
    left: 1310px;
}

div#OtagoArea
{
    width: 191px;
    height: 110px;
    
    position: absolute;
    top: 1533px;
    left: 1056px;
}

div#WestCoastArea
{
    width: 319px;
    height: 114px;
    
    position: absolute;
    top: 717px;
    left: 553px;
}

div#SouthlanddArea
{
    width: 316px;
    height: 109px;
    
    position: absolute;
    top: 1847px;
    left: 44px;
}


/* --- Cross --- */

div#crossLakeFerryOnSouthMap
{
	top: 307px;
	left: 1954px;
}

div#crossWellingtonOnSouthMap
{
	top: 276px;
	left: 1875px;
}

div#crossPictonOnSouthMap
{
	top: 275px;
	left: 1711px;
}

div#crossMotuekaOnSouthMap
{
    top: 233px;
	left: 1498px;
}

div#crossTakakaOnSouthMap
{
    top: 153px;
	left: 1462px;
}

div#crossMurchinson
{
    top: 422px;
	left: 1357px;
}

div#crossWestport
{
    top: 410px;
	left: 1202px;
}

div#crossGreymouth
{
    top: 612px;
	left: 1115px;
}

div#crossFoxGlacier
{
    top: 907px;
	left: 863px;
}

div#crossHaast
{
    top: 1021px;
	left: 662px;
}

div#crossWanaka
{
    top: 1266px;
	left: 688px;
}

div#crossShotover
{
    top: 1345px;
	left: 584px;
}

div#crossMossburn
{
    top: 1550px;
	left: 497px;
}

div#crossTeAnau
{
    top: 1480px;
	left: 383px;
}

div#crossOtatara
{
    top: 1786px;
	left: 498px;
}

div#crossOwaka
{
    top: 1794px;
	left: 792px;
}

div#crossDunedin
{
    top: 1622px;
	left: 969px;
}

div#crossOamaru
{
    top: 1384px;
	left: 1070px;
}

div#crossGlentanner
{
    top: 1034px;
	left: 894px;
}

div#crossMountSommers
{
    top: 971px;
	left: 1164px;
}

div#crossAkaroa
{
    top: 1001px;
	left: 1491px;
}

div#crossChristchurch
{
    top: 921px;
	left: 1414px;
}

div#crossArthurPass
{
    top: 771px;
	left: 1203px;
}

div#crossKaikoura
{
    top: 594px;
	left: 1641px;
}

div#crossBlenheimOnSouthIslandMap
{
    top: 341px;
	left: 1703px;
}

div#crossPaekakarikiOnNorthIslandMap
{
    top: 194px;
	left: 1914px;
}


/* --- Flags --- */

div#flagCapPalliserOnSouthMap
{
    top: 354px;
	left: 1984px;
}

div#flagWainuiOnSouthMap
{
    top: 134px;
	left: 1484px;
}

div#flagFarewellSpitOnSouthMap
{
    top: 48px;
	left: 1445px;
}

div#flagWhararikiBeachOnSouthMap
{
    top: 46px;
	left: 1425px;
}

div#flagAnchorageOnSouthMap
{
    top: 170px;
	left: 1512px;
}

div#flagANelsonLake
{
    top: 409px;
	left: 1466px;
}

div#flagOpararaBasinOnSouthMap
{
    top: 251px;
	left: 1338px;
}

div#flagCapeFoulwind
{
    top: 394px;
	left: 1174px;
}

div#flagPancakeRocks
{
    top: 503px;
	left: 1143px;
}

div#flagHokitika
{
    top: 673px;
	left: 1068px;
}

div#flagFranzJoseph
{
    top: 867px;
	left: 901px;
}

div#flagRoaringBillyFalls
{
    top: 1026px;
	left: 715px;
}

div#flagThunderCreekFalls
{
    top: 1062px;
	left: 733px;
}

div#flagBluePools
{
    top: 1096px;
	left: 711px;
}

div#flagArrowtown
{
    top: 1325px;
	left: 617px;
}

div#flagMildfordSounds
{
    top: 1244px;
	left: 424px;
}

div#flagInvercargill
{
    top: 1771px;
	left: 515px;
}

div#flagBluff
{
    top: 1827px;
	left: 513px;
}

div#flagWaipapaPointLighthouse
{
    top: 1844px;
	left: 621px;
}

div#flagSlopePoint
{
    top: 1851px;
	left: 655px;
}

div#flagCurioBay
{
    top: 1846px;
	left: 673px;
}

div#flagCatlins
{
    top: 1785px;
	left: 813px;
}

div#flagLarnachCastle
{
    top: 1601px;
	left: 996px;
}

div#flagTaiaroaHead
{
    top: 1576px;
	left: 1018px;
}

div#flagAllansBeach
{
    top: 1606px;
	left: 1014px;
}

div#flagShagPointAndMoerakiBoulders
{
    top: 1478px;
	left: 1036px;
}

div#flagVanishedWorld
{
    top: 1299px;
	left: 1010px;
}

div#flagMountCookVillage
{
    top: 973px;
	left: 887px;
}

div#flagGeraldine
{
    top: 1075px;
	left: 1127px;
}



/* --- Rings --- */

div#ringValleyOfDeadPeopleOnSouthMap
{
    top: 331px;
	left: 1976px;
}


div#ringFontcombeAndIsengardOnSouthMap
{
    top: 231px;
	left: 1928px;
}


div#ringAnduinOnSouthMap
{
    top: 254px;
	left: 1905px;
}

div#ringDunharrowOnSouthMap
{
    top: 279px;
	left: 1853px;
}

div#ringAbelTasmanOnSouthMap
{
    top: 178px;
	left: 1485px;
}

div#ringNelsonOnSouthMap
{
    top: 271px;
	left: 1554px;
}

div#ringFeuxDAlarme
{
    top: 900px;
	left: 893px;
}

div#ringSauvetageGandalf
{
    top: 1172px;
	left: 652px;
}

div#ringPassageAGuet
{
    top: 1312px;
	left: 728px;
}

div#ringRohan
{
    top: 1448px;
	left: 809px;
}


div#ringArgonath
{
    top: 1360px;
	left: 635px;
}

div#ringIthilien
{
    top: 1371px;
	left: 557px;
}


div#ringIsenguard
{
    top: 1300px;
	left: 506px;
}


div#ringLothorien
{
    top: 1257px;
	left: 513px;
}


div#ringCharnier
{
    top: 1478px;
	left: 457px;
}


div#ringAlduinEtNenHithoel
{
    top: 1436px;
	left: 477px;
}


div#ringFangorn
{
    top: 1464px;
	left: 425px;
}

div#ringOtherAnduin
{
    top: 1511px;
	left: 364px;
}

div#ringPelenorFields
{
    top: 1116px;
	left: 888px;
}

div#ringEdoras
{
    top: 936px;
	left: 1070px;
}

div#ringPaekakarikiOnNorthIslandMap
{
    top: 194px;
	left: 1914px;
}

div#ringOutOfTheShireOnNorthIslandMap
{
    top: 149px;
	left: 1967px;
}

div#ringArwennInTheForestOnNorthIslandMap
{
    top: 70px;
	left: 1965px;
}