@charset "ISO-8859-1";


* {
	margin: 0;
	padding: 0;
	}

html,
body {
	width: 100%;
	height: 100%;
	background-color: #333;
	overflow: hidden;
	}
	
img {
	border: 0;
	display: block;
	}
	
a {
	text-decoration: none;
	outline: none;
	}



/*
- - - - - - - - - - - - - - - - - - - - - stack 1
*/


	
#stack1 {
	position: absolute;
	margin-left: -360px;
	margin-top: -232px;
	left: 50%;
	top: 50%;
	width: 720px;
	height: 485px;
	z-index: 1;
	}



/*
- - - - - - - - - - - - - - - - - - - - - stack 1 - navigation
*/


	
#stack1 ul {
	position: absolute;
	left: 0;
	top: 135px;
	width: 45px;
	height: 200px;
	list-style: none;
	}

#stack1 ul li {
	width: 45px;
	height: 40px;
	overflow: hidden;
	}
	
#stack1 ul li a {
	display: block;
	padding-top: 40px;
	width: 45px;
	height: 0;
	overflow: hidden;
	-webkit-transition: opacity .3s ease-in-out; 
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	background-image: url(../cPix/cAll/cNav.gif);
	opacity: .2;
	}
	
#stack1 ul li a:active,	
#stack1 ul li a:hover {
	cursor: pointer;
	opacity: 1;
	}

#nav1 {
	background-position: 0 0;
	}

#nav2 {
	background-position: 0 -40px;
	}

#nav3 {
	background-position: 0 -80px;
	}

#nav4 {
	background-position: 0 -120px;
	}

#nav5 {
	background-position: 0 -160px;
	}
	

	
/*
- - - - - - - - - - - - - - - - - - - - - stack 1 - legend
*/


	
#legend {
	position: absolute;
	top: 465px;
	left: 50px;
	width: auto;
	padding: 0 0 0 2px;
	font: 9px/20px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: .09em;
	color: #777;
	text-align: left;
	cursor: default;
	-webkit-transition: color .2s ease-in-out; 
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
	}
	
#legend:hover {
	color: #fff;
	}
	

	
/*
- - - - - - - - - - - - - - - - - - - - - stack 1 - tag
*/


	
#tag {
	position: absolute;
	top: 465px;
	right: 50px;
	width: 270px;
	text-align: right;
	font: 9px/20px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: .09em;
	word-spacing: -.2em;
	color: #777;
	-webkit-transition: color .2s ease-in-out; 
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
	}
	
#tag span span {
	letter-spacing: -5px;
	color: #333;
	-webkit-transition: all .3s ease-in-out; 
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	visibility: hidden;
	}
	
#tag b {
	padding: 0 2px 1px 2px;
	font-weight: bold;
	letter-spacing: 1px;
	}
	
#tag:hover {
	color: #fff;
	}
	
#tag:hover b {
	color: #fff;
	background-color: #f30;
	}
	
#tag:hover span span {
	letter-spacing: .1em;
	color: #fff;
	visibility: visible;
	}
	
#tag:hover span span span {
	letter-spacing: .07em;
	}
	
	

/*
- - - - - - - - - - - - - - - - - - - - - stack 2
*/


	
#stack2 {
	position: absolute;
	margin-left: -310px;
	margin-top: -232px;
	left: 50%;
	top: 50%;
	width: 620px;
	height: 465px;
	background: #000 url(../cPix/cAll/cAmsterdam.jpg) 0 100% no-repeat;
	-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
	z-index: 2;
	}
	
	

/*
- - - - - - - - - - - - - - - - - - - - - stack 2 - image - title
*/


	
#stack2 img {
	width: 620px;
	height: 420px;
	}
	
#stack2 a img  {
	width: 620px;
	height: 45px;
	}
	
#stack2 a.defaultcursor {
	cursor: default;
	}

	

/*
- - - - - - - - - - - - - - - - - - - - - stack 3
*/



#stack3 {
	position: absolute;
	margin-left: -310px;
	margin-top: -232px;
	left: 50%;
	top: 50%;
	width: 620px;
	height: 465px;
	z-index: 3;
	}
	

	
/*
- - - - - - - - - - - - - - - - - - - - - stack 3 - links
*/


	
#stack3 #links {
	position: absolute;
	left: 0;
	top: 0;
	list-style: none;
	padding: 10px 15px 0 15px;
	width: 590px;
	height: 60px;
	line-height: 17px;
	}
	
#stack3 #links li {
	display: inline;
	padding-right: 10px;
	background: transparent url(../cPix/cLinks/cDot.gif) 100% 50% no-repeat;
	}
	
#stack3 #links li a {
	font: normal 12px Arial, Helvetica, san-serif;
	letter-spacing: .03em;
	color: #333;
	}
	
#stack3 #links li:last-child {
	background-image: none;
	}
	
#stack3 #links li a:visited {
	color: #999;
	}
	
#stack3 #links li a:hover {
	color: #f60;
	}
	
#stack3 #links li:first-child a {
	padding-left: 0;
	}
	

	
/*
- - - - - - - - - - - - - - - - - - - - - stack 3 - map
*/


	
#stack3 #map {
	position: absolute;
	left: 0;
	top: 70px;
	width: 620px;
	height: 395px;
	list-style: none;
	background-color: transparent;
	}

#stack3 #map li {
	position: absolute;
	width: 40px;
	height: 40px;
	cursor: pointer;
	}
	
#stack3 #map li span {
	display: none;
	}

#map1 {
	left: 145px;
	top: 70px;
	}

#map2 {
	left: 195px;
	top: 80px;
	}

#map3 {
	left: 245px;
	top: 80px;
	}

#map4 {
	left: 305px;
	top: 60px;
	}

#map5 {
	left: 375px;
	top: 65px;
	}

#map6 {
	left: 460px;
	top: 60px;
	}

#map7 {
	left: 225px;
	top: 130px;
	}

#map8 {
	left: 300px;
	top: 130px;
	}