body {
	background: #19120b url("../images_html/layout/background.jpg");
	font: normal 13px/20px Times, serif;
	color: #4d4d4d;
}

a {
	color: #336699;
	text-decoration: none;
}

a:hover {
	color: #336699;
	text-decoration: underline;
}

a.active,
a.active:hover {
	color: #000;
	text-decoration: none;
}

p {
	margin: 0 0 10px 0;
}

.caption {
	font-style: italic;
	text-align: center;
}

.middot {
	margin: 0 5px;
}

.centered {
	text-align: center;
}

h2 {
	font: normal 18px/20px Times, serif;
	color: #901500;
	margin: 0 0 3px 0;
}

h3 {
	font: normal 15px/20px Times, serif;
	color: #901500;
	margin: 0 0 3px 0;
	letter-spacing: 4px;
	text-align: center;
}

h4 {
	font: bold 13px/14px Times, serif;
	color: #4d4d4d;
	margin: 10px 0 3px 0;
}

h5 {
	font: normal 13px/14px Times, serif;
	color: #4d4d4d;
	margin: 0;
}

img {
	border: 0;
}

.bordered {
	border: 10px solid #fff;
}

.hr {
	background-color: #cccccc;
	height: 1px;
	overflow: hidden;
	margin: 10px 0;
}

ul {
	margin: 10px 0;
	padding: 0 0 0 35px;
}

ul li ul {
	margin: 0;
}

@media projection, screen {
	.tabs-hide {
		display: none;
	}
}

.anchors a:focus, 
.anchors a:active {
	outline: none; /* <- Firefox 1.5, remove ugly dotted border */
}

.anchors .on a, 
.anchors .on a:hover, 
.anchors .on a:focus, 
.anchors .on a:active  {
	color: #000;
	text-decoration: none;
}

.anchors .on a:link, 
.anchors .on a:visited {
	cursor: default;
}

.anchors a:hover, 
.anchors a:focus, 
.anchors a:active {
	cursor: pointer;
}

#logo {
	position: relative;
	width: 413px;
	height: 26px;
	background: url("../images_html/layout/logo.png") no-repeat;
	margin: 25px auto 0 auto;
	text-indent: -1000px;
	overflow: hidden;
}

#book {
	position: relative;
	background: url("../images_html/layout/book-background.png") no-repeat;
	width: 875px;
	height: 611px;
	margin: 55px auto 10px auto;
}

#book-inside {
	position: absolute;
	background: #fff url("../images_html/layout/book-inside-background.jpg") no-repeat;
	top: 13px;
	left: 18px;
	width: 836px;
	height: 581px;
}

#area-map {
	position: absolute;
	background: url("../images_html/layout/area-map-background2.png") no-repeat;
	top: -47px;
	left: 259px;
	width: 160px;
	height: 99px;
	z-index: 5;
	outline: none;
	overflow: hidden;
	text-indent: -1000px;
}

#lp-region {
	position: absolute;
	background: url("../images_html/layout/lp-region-background.png") no-repeat;
	top: -42px;
	left: 150px;
	width: 162px;
	height: 82px;
	z-index: 6;
	outline: none;
	overflow: hidden;
	text-indent: -1000px;
}

#hyatt {
	position: absolute;
	background: url("../images_html/layout/hyatt-background2.png") no-repeat;
	top: -64px;
	left: 654px;
	width: 255px;
	height: 125px;
	z-index: 4;
	outline: none;
	overflow: hidden;
	text-indent: -1000px;
}

body.area-map #area-map {
	background: url("../images_html/layout/area-map-background.png") no-repeat;
	z-index: 6;
}

body.area-map #lp-region {
	background: url("../images_html/layout/lp-region-background3.png") no-repeat;
	z-index: 5;
	top: -42px;
	left: 510px;
}

body.hyatt #area-map {
	background: url("../images_html/layout/area-map-background2.png") no-repeat;
	z-index: 4;
}

body.hyatt #lp-region {
	background: url("../images_html/layout/lp-region-background2.png") no-repeat;
	z-index: 5;
}

body.hyatt #hyatt {
	background: url("../images_html/layout/hyatt-background.png") no-repeat;
	z-index: 6;
}

#left-page {
	position: absolute;
	top: 54px;
	left: 51px;
	width: 340px;
	height: 510px;
}

#right-page {
	position: absolute;
	top: 54px;
	left: 457px;
	width: 340px;
	height: 510px;
}