html {
	width: 100%;
	height: 100%;
	overflow: hidden;
	}

* {
	margin: 0;
	padding: 0;
	}

body {
	width: 100%;
	height: 100%;
	background-color: #333;
	overflow: hidden;
	}
	
#layer1 {
	position: absolute;
	margin-left: -310px;
	margin-top: -232px;
	left: 50%;
	top: 50%;
	width: 620px;
	height: 420px;
	background-color: #000;
	z-index: 1;
	visibility: visible;
	}	
	
img {
	border: 0;
	display: block;
	}
	
#layer1 img {
	width: 620px;
	height: 420px;
	}

#imgOpen {
	background-color: #960;
	}
	
#layer2  { /* nested in #layer1 */
	position: absolute;
	left: 0;
	top: 420px;
	width: 620px;
	height: 45px;
	background-image: url(../cPix/cAll/cAmsterdam.jpg);
	z-index: 2;
	visibility: visible;
	}
	
#layer2 img {
	width: 620px;
	height: 45px;
	}
	
#layer2.hand {
	cursor: pointer;
	}
	
#layer3 { /* nested in #layer1 */
	position: absolute;
	left: 0;
	top: 0;
	width: 620px;
	height: 465px;
	padding-top: 190px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-style: normal;
	font-size: 9px;
	line-height: 100px;
	letter-spacing: 1px;
	text-align: center;
	color: #fff;
	background: #333 url(../cPix/cOpen/cLoading.gif) 160px 190px no-repeat;
	z-index: 3;
	visibility: visible;
	}

#layer3.hide {
	visibility: hidden;
	}
	
#layer10 {
	position: absolute;
	margin-left: -310px;
	margin-top: -232px;
	left: 50%;
	top: 50%;
	width: 620px;
	height: 465px;
	background-color: #333;
	z-index: 10;
	visibility: visible;
	}
	
#layer20 {
	position: absolute;
	margin-left: -355px;
	margin-top: -232px;
	left: 50%;
	top: 50%;
	width: 710px;
	height: 485px;
	z-index: 20;
	visibility: hidden;
	}

#layer20.show {
	visibility: visible;
	}
	
#layer20 img {
	width: 720px;
	height: 465px;
	}
	
#nav {
	position: absolute;
	left: 0;
	top: 135px;
	width: 45px;
	height: 200px;
	cursor: pointer;
	background: transparent url(../cPix/cAll/cNav.gif) no-repeat 0 0;
	z-index: 21;
	}

#nav li {
	list-style: none;
	position: relative;
	left: 0;
	top: 0;
	width: 45px;
	height: 40px;
	overflow: hidden;
	}

#nav1.hover {
	background: transparent url(../cPix/cAll/cNav.gif) 45px 0;
	}

#nav2.hover {
	background: transparent url(../cPix/cAll/cNav.gif) 45px -40px;
	}

#nav3.hover {
	background: transparent url(../cPix/cAll/cNav.gif) 45px -80px;
	}

#nav4.hover {
	background: transparent url(../cPix/cAll/cNav.gif) 45px -120px;
	}

#nav5.hover {
	background: transparent url(../cPix/cAll/cNav.gif) 45px -160px;
	}

#layer30 { /* nested in #layer20 */
	position: absolute;
	left: 45px;
	top: 0;
	width: 620px;
	height: 465px;
	z-index: 30;
	visibility: hidden;
	}

#layer30.show {
	visibility: visible;
	}
	
#layer30 img {
	width: 620px;
	height: 465px;
	}

#map {
	position: absolute;
	left: 0;
	top: 0;
	width: 620px;
	height: 465px;
	background-color: transparent;
	z-index: 30;
	}

#map li {
	list-style: none;
	position: absolute;
	width: 40px;
	height: 40px;
	cursor: pointer;
	}

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

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

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

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

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

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

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

#map8 {
	left: 300px;
	top: 210px;
	}
	
#layer31 { /* nested in #layer20 */
	position: absolute;
	left: 60px;
	top: 8px;
	width: 595px;
	height: 60px;
	padding-left: 1px;
	font-family: Arial, Helvetica, san-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	color: #333;
	background-color: transparent;
	z-index: 31;
	visibility: hidden;
	}

#layer31.show {
	visibility: visible;
	}
	
#layer31 b {
	font-size: 16px;
	line-height: 10px;
	color: #f63;
	background-color: transparent;
	}

a:link {
	text-decoration: none;
	color: #333;
	background-color: transparent;
	}
	
a:visited {
	text-decoration: none;
	color: #999;
	}
	
a:hover {
	text-decoration: none;
	color: #f63;
	}

a.nodots { /* for Fx */
	outline: none;
	}

#layer40 { /* nested in #layer20 */
	position: absolute;
	left: 45px;
	top: 465px;
	width: 620px;
	height: 20px;
	font-size: 9px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #888;
	z-index: 40;
	visibility: visible;
	}
	
#inf {
	position: absolute;
	top: 0;
	left: 0;
	width: 378px;
	height: 15px;
	padding: 0 0 0 2px;
	text-align: left;
	cursor: default;
	visibility: visible;
	}

#famouslastwords {
	position: absolute;
	top: 0;
	right: 0;
	width: 240px;
	height: 15px;
	text-align: right;
	z-index: 41;
	visibility: visible;
	}

#inv {
	visibility: hidden;
	}

#tag {
	font-size: 9px;
	cursor: default;
	}

#tag i span {
	letter-spacing: 2px;
	}

#tpx {
	font-weight: bold;
	letter-spacing: 1px;
	cursor: pointer;
	}

#tpx b {
	letter-spacing: 2px; /* insane letter spacing, Fx only */
	}

#inf.show, #inv.show, #tag.show {
	color: #fff;
	visibility: visible;
	}