﻿@charset "utf-8";


.tabbox {
	margin:20px 10px;
}

.tabgroup ul.tablist {
	display:block; height:30px;
	background:transparent url(img/bg-tablist.gif) 0 0 no-repeat;
	clear:both;
	margin-bottom:10px; padding-left:50px;
}
.tabgroup ul.tablist li {
	float:left; clear:none;
	width:150px; margin:0px 5px;
}
.tabgroup ul.tablist li a {
	display:block; text-align:center;
	width:148px; height:25px; line-height:25px;
}
.tabgroup ul.tablist li a {
	display:block; text-align:center;
	width:148px; height:25px;
}

#FlashDiv {
	height:280px; overflow:hidden!important;
}
#ImageList {
	height:0px; overflow:hidden;
}

#TitleDiv {
  margin-top:80px;
}
#TitleDiv h2{
	background:url(img/title-room.gif) 0 0 no-repeat;
	width:195px; height:85px;
}


#flash {
	width:930px;
	margin:0 auto;
}


/*
  SUBPAGE
*/
#title { margin:20px 40px 20px 30px; }
#title img { float:left; clear:none; margin:0 40px 10px 0; }
#title p { line-height:2em;}

/* 
   [ P A R T S  -  flash ]
*/
#Gallery {
	width:930px; height:510px;
	margin:0 auto;
}
#Gallery #ScreenDiv #Screen {
	width:690px; height:490px;
}
#Gallery #ControlDiv {
	width:220px; height:490px;
}
#Gallery #GalleryTitle {
	padding:50px 0 50px;
}

#Gallery #GalleryTitle h2 {
	width:160px; height:80px;
	padding:0 20px;
	background:url(img/h2-about-autumn.gif) center 0 no-repeat;
}
#Gallery #ThumbsDiv {
	padding:10px 0 10px 0;
}
#Gallery #ThumbsDiv h3 {
	height:22px; line-height:22px;
	background:url(img/h3-autumn-gallery.gif) 0 0 no-repeat;
}
#Gallery #ThumbsDiv ul li {
	float:left; clear:none; width:70px; height:70px;
	margin:1px;
	display:block!important; width:68px; height:68px; overflow:hidden;
}
#Gallery #ThumbsDiv ul li a span{
	padding:1px;
}
#Gallery #ThumbsDiv ul li a img{
	vertical-align:central; text-align:center;
}
#Gallery #ThumbsDiv p {
	clear:both;
}


#RoomLayout { text-align:center; }

#RoomTypeListDiv {
	background:transparent url(img/roomtypelist.jpg) 0 0 no-repeat;
}


#RoomTypeListHeadCol {
	width:200px;
}
#RoomTypeListHeadCol p{
	
}

#RoomTypeListCol,
#RoomTypeListCol ul{
	width:730px;
}
#RoomTypeListCol ul li{
	height:80px; padding:10px 0;
}
#RoomTypeListCol ul li a{
	display:block; height:80px;
	background:transparent url(img/btn-roomdetail.jpg) 380px 0 no-repeat;
}
#RoomTypeListCol ul li a:hover{
	background-position-y:-80px;
}

#RoomTypeListCol ul .li1{ margin-left: 80px;}
#RoomTypeListCol ul .li2{ margin-left: 90px; }
#RoomTypeListCol ul .li3{ margin-left: 80px; }
#RoomTypeListCol ul .li4{ margin-left: 60px; }
#RoomTypeListCol ul .li5{ margin-left: 20px; }

#RoomTypeListCol ul .li1 a{ background-position: 520px 0; }
#RoomTypeListCol ul .li2 a{ background-position: 437px 0; }
#RoomTypeListCol ul .li3 a{ background-position: 511px 0; }
#RoomTypeListCol ul .li4 a{ background-position: 506px 0; }
#RoomTypeListCol ul .li5 a{ background-position: 470px 0; }


#Details .RoomSpec {
	border-collapse:collapse;
	line-height:1.4em;
}
#Details .RoomSpec td{
	padding:7px 10px;
	margin-top:1px;
	vertical-align:top;
	background:#dedbb6;
	border-bottom:1px solid #fff;
}
#Details .RoomSpec .Title{
	width:60px;
	font-weight:bold;
	color:#930;
}
#Details .RoomSpec span.care {
	padding:0 0px 3px 0px; margin:0 3px;
	background:url(img/wavy-line.gif) 0 bottom repeat-x;
}

