@charset "UTF-8";
/* CSS Document */


/* -------------------------------------------------------------------------- **
**  TOUR
** -------------------------------------------------------------------------- */
#tour {}

/* -------------------------------------------------------------------------- **
**  TOUR LEFT COLUMN
** -------------------------------------------------------------------------- */
#tour .lcolumn {}
#tour .lcolumn nav {
	}

	#tour .lcolumn nav a {
		display: block;
		background: transparent url(../images/common/snav.png) left top no-repeat;
		text-decoration: none;
		overflow: hidden;
		}
	.backgroundsize #tour .lcolumn nav a {
		-webkit-background-size: 600px auto;
		-moz-background-size: 600px auto;
		-ms-background-size: 600px auto;
		-o-background-size: 600px auto;
		background-size: 600px auto;
		}
	#tour .lcolumn nav a:hover {
		-webkit-opacity: 0.65;
		-moz-opacity: 0.65;
		-ms-opacity: 0.65;
		-o-opacity: 0.65;
		opacity: 0.65;
		filter: alpha(opacity=65);
		}
	#tour .lcolumn nav h2 {
		margin: 0;
		background: transparent url(../images/common/snav_background.png) left top repeat-x;
		border-bottom: solid 1px #fff;
		font-size: 1.42857142857143em;
		line-height: 2em;
		}
	.backgroundsize #tour .lcolumn nav h2 {
		-webkit-background-size: 16px auto;
		-moz-background-size: 16px auto;
		-ms-background-size: 16px auto;
		-o-background-size: 16px auto;
		background-size: 16px auto;
		}
		#tour .lcolumn nav h2 a {
			height: 0;
			padding-top: 45px;
			}
	#tour .lcolumn nav ul {
		padding-bottom: 70px;
		}
	#tour .lcolumn nav ul li {
		border-bottom: solid 1px #fff;
		font-size: 1.42857142857143em;
		}
		#tour .lcolumn nav ul li a {
			height: 0;
			padding-top: 39px;
			background-position: 0px -50px;
			}
		#tour .lcolumn nav ul li.snav1 a { background-position: 0px -50px; }
		#tour .lcolumn nav ul li.snav2 a { background-position: 0px -100px; }
		#tour .lcolumn nav ul li.snav3 a { background-position: 0px -150px; }

		#tour.openbath .lcolumn nav ul li.snav1 a,
		#tour.bath .lcolumn nav ul li.snav2 a,
		#tour.sauna .lcolumn nav ul li.snav3 a { cursor: default; }
		#tour.openbath .lcolumn nav ul li.snav1 a:hover,
		#tour.bath .lcolumn nav ul li.snav2 a:hover,
		#tour.sauna .lcolumn nav ul li.snav3 a:hover {
			-webkit-opacity: 1;
			-moz-opacity: 1;
			-ms-opacity: 1;
			-o-opacity: 1;
			opacity: 1;
			filter: alpha(opacity=100);
			}

.no-rgba #tour.openbath .lcolumn nav ul li.snav1,
.no-rgba #tour.bath .lcolumn nav ul li.snav2,
.no-rgba #tour.sauna .lcolumn nav ul li.snav3 { background: transparent url(../images/common/snav_overlay.png) left top repeat; }
.rgba #tour.openbath .lcolumn nav ul li.snav1,
.rgba #tour.bath .lcolumn nav ul li.snav2,
.rgba #tour.sauna .lcolumn nav ul li.snav3 { background-color: rgba(0,0,0,0.6); }
.backgroundsize #tour.openbath .lcolumn nav ul li.snav1,
.backgroundsize #tour.bath .lcolumn nav ul li.snav2,
.backgroundsize #tour.sauna .lcolumn nav ul li.snav3 {
	-webkit-background-size: 16px auto;
	-moz-background-size: 16px auto;
	-ms-background-size: 16px auto;
	-o-background-size: 16px auto;
	background-size: 16px auto;
	}

/* -------------------------------------------------------------------------- **
**  TOUR LEFT COLUMN RETINA
** -------------------------------------------------------------------------- */
@media
	only screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:321px),
	only screen and (min--moz-device-pixel-ratio:1.5) and (min-device-width:321px),
	only screen and (-ms-min-device-pixel-ratio:1.5) and (min-device-width:321px),
	only screen and (-o-min-device-pixel-ratio:3/2) and (min-device-width:321px),
	only screen and (min-device-pixel-ratio:1.5) and (min-device-width:321px),
	only screen and (min-resolution: 1.5dppx) and (min-device-width:321px) {
		/* SNAV */
		#tour .lcolumn nav h2 { background-image: url(../images/common/snav_background_2x.png); }
		#tour .lcolumn nav a { background-image: url(../images/common/snav_2x.png); }
		}

/* -------------------------------------------------------------------------- **
**  TOUR RIGHT COLUMN
** -------------------------------------------------------------------------- */
#tour .h2-title { background-position: 0px 0px; }

#tour.openbath .h3-title span { background-position: 0px 0px; }
#tour.bath .h3-title span { background-position: 0px -50px; }
#tour.sauna .h3-title span { background-position: 0px -100px; }
#tour .h4-title.ruby { padding-top: 0.4em; }

#tour .tabs {}
#tour .tabs ul {
	list-style: none;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	border-left: solid 1px #fff;
	}
	#tour .tabs ul li {
		float: left;
		width: 114px;
		height: 37px;
		border-right: solid 1px #fff;
		}
	#tour.sauna .tabs ul li { width: 130px; }
		#tour .tabs ul li a {
			display: block;
			width: 100%;
			height: 100%;
			color: #fff;
			font-size: 1.21em;
			line-height: 1.2em;
			text-align: center;
			text-decoration: none;
			}
		#tour .tabs ul li a:hover {
			color: #ccc;
			}
			#tour .tabs ul li a b {
				display: block;
				font-weight: normal;
				}
			#tour.bath .tabs ul li a b {
				font-size: 0.82352941176471em;
				}
			#tour .tabs ul li a i {
				line-height: 34px;
				font-style: normal;
				}
			#tour .tabs ul li a span {
				font-size: 0.82em;
				font-style: normal;
				}
			#tour .tabs ul li a small {
				display: block;
				font-size: 0.7em;
				line-height: 1.2em;
				}

	#tour .tabs .bath-info {}
		#tour .tabs .bath-info figure {
			margin-bottom: 1em;
			}
		#tour .tabs .bath-info .intro {
			margin-bottom: 50px;
			}

	#tour .tabs .effect {}
		#tour .tabs .effect .mark {
			display: inline-block;
			width: auto;
			margin-bottom: 0.66em;
			padding: 0 0.8em;
			border: solid 1px #fff;
			font-size: 1.07em;
			line-height: 2.2em;
			}
		.ie6 #tour .tabs .effect .mark,
		.ie7 #tour .tabs .effect .mark {
			width: 5em;
			text-align: center;
			}
		.borderradius #tour .tabs .effect .mark {
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
			}
	#tour .tabs .effect dl {}
		#tour .tabs .effect dl dt,
		#tour .tabs .effect dl dd {
			margin: 0;
			padding: 0;
			font-weight: normal;
			line-height: 1.7em;
			}
		#tour .tabs .effect dl dt {
			clear: both;
			float: left;
			width: 5.5em;
			}
		#tour .tabs .effect dl dd {
			margin-left: 5.5em;
			}