@charset "utf-8";
/* Reset                                       CSS by Ashung
==========================================================*/
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, 
h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td,
form, legend, fieldset, input, button, select, textarea {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: "Microsoft Sans Serif", Helvetica, Arial, sans-serif;
}
ol, ul {
    list-style: none;
}
fieldset, img {
    border: 0;
}
:focus {
    outline: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
body {
    text-align: center;
    font-size: 75%;
    line-height: 1.5;
    color: #555;
    background: #f0e9df url(img/body_bg.png) repeat-x;
}

a:link, a:visited {
    color: #007d67;
    text-decoration: none;
}
a:hover, a:active {
    text-decoration: underline;    
}

/* Layout
==========================================================*/
.container {
    text-align: left;
    width: 876px;
    margin: 685px auto 0;
    padding-top: 1px; /* Opera bug */
    background: #f1efe3 url(img/wrap_b.png) repeat-y -876px 0;
}
.container .wrap {
    position: relative; /* IE */
    width: 876px; /* IE */
    margin-top: -625px;
    min-height: 625px;
    padding-bottom: 1px; /* margin overlay */
    background: url(img/wrap_t.png) no-repeat;
}
* html .container .wrap {
    height: 625px; /* lt IE 6 */
}
/*= Header, logo, sitenav */
.header {
    margin: 0 0 10px 0;
    padding: 0 30px;
    height: 87px; 
    overflow: hidden;
    background: url(img/wrap_t.png) no-repeat;
}
.logo {
    float: left;
    margin-top: 30px; 
}
.logo a {
    display: block;
    width: 194px;
    height: 57px;
    text-indent: -99em;
    overflow: hidden;
    background: url(img/logo.png) no-repeat 100% 0;
}
.sitenav {
    float: right;
    margin-top: 40px;
    overflow: hidden;
}
.sitenav li {
    float: left;
    margin-right: -5px;
    margin-left: 6px;
    padding: 0 15px 0 11px;
    font-size: 125%;
    background: url(img/edge.gif) no-repeat 100% 18px;
}
.sitenav a {
    display: block;
    padding: 16px 2px 0 0;
    line-height: 1;
    cursor: pointer;
}
.sitenav a:link, .sitenav a:visited {
    color: #64534b;
}
.sitenav a.current,
.sitenav a:hover, .sitenav a:active {
    color: #64534b;
    text-decoration: none;
    background: url(img/leaf.gif) no-repeat 100% 0
}
.showcase, .topbanner, .content {
    width: 828px;
    margin: 0 24px 20px;
}
.topbanner img {
    display: block;
}
/*= Footer */
.footer {
    width: 876px;
    margin: 0 auto;
    padding: 25px 0 30px;
    text-align: right;
    color: #a5947a;
    background: url(img/wrap_b.png) no-repeat;
}
.footer p.copyright {
    margin: 0 25px;
}
.footer a:link, .footer a:visited {
    color: #a5947a;
}
/*= Multicolumns layout use CSS Grid */
.col1, .col2, .col3 {
    float: left;
    margin-right: 14px;
}
/* 24+250+14+310+14+240+24=876*/
.layout-homepage-cols3 .col1 {
    width: 250px;
}
.layout-homepage-cols3 .col2 {
    width: 310px;
}
.layout-homepage-cols3 .col3 {
    width: 240px;
    margin-right: 0;
}
/* 24+195+11+622+24=876*/
.layout-innerpage-cols2 .col1 {
    width: 195px;
    margin-right: 11px;
}
.layout-innerpage-cols2 .col2 {
    width: 622px;
    margin-right: 0;
}
.clearfix { zoom: 1 }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Widgets
==========================================================*/
/*=  Heading and Roundbox use sliding door */
h3.heading {
    margin-bottom: 7px;
    padding-right: 17px;
    font-weight: bold;
    color: #6c5b51;
    background: #d6cdbc url(img/heading.gif) no-repeat 100% 0
}
h3.heading span {
    display: block;
    height: 24px;
    line-height: 24px;
    padding-left: 17px;
    background: url(img/heading.gif) no-repeat;
}

.roundbox {
    padding-right: 10px;
    min-height: 120px;
    background: url(img/roundbox.gif) no-repeat 100% 0;
}
.roundbox .roundbox-inner {
    padding: 20px 0 0 10px;
    background: url(img/roundbox.gif) no-repeat;
}
.roundbox-contact {
    background: url(img/contact.gif) no-repeat;
	height:280px;
	width:827px;
}
.roundbox-contact-text{
	width:300px;
    padding: 30px;
	color:#fff;
}
.roundbox-contact-text a {
	color:#fff;
}

* html .roundbox .roundbox-inner {
    height: 100px;
}

a.roundbtn, label.roundbtn {
    float: left;
    padding-right: 8px;
    background: #017b6c url(img/btn_green.gif) no-repeat 100% 0;
}
a.roundbtn span, label.roundbtn input {
    float: left;
    padding-left: 8px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background: #017b6c url(img/btn_green.gif) no-repeat;
    cursor: pointer; /* IE */
    border: 0; /* input */
    overflow: visible; /* IE input */
}
.formfield label.roundbtn {
    width: auto !important;
}
label.roundbtn input {
    line-height: 19px; /* IE 6 */
}

.coffeebox, .coffeebox-t, .coffeebox-b, .coffeebox-b * {
    background: #d4c9b7 url(img/coffeebox.gif);
} 
.coffeebox {
    overflow: hidden;
}
.coffeebox-t {
    padding-top: 5px;
    margin-left: 10px;
    background-position: 100% 0;
}
.coffeebox-c {
    position: relative;
}
.coffeebox-t .coffeebox-c {
   margin: 0 0 -5px -5px;
   min-height: 20px;
   overflow: hidden;
}
.coffeebox-b {
    padding-left: 10px;
    background-position: 0 100%;
}
.coffeebox-b div {
    height: 10px;
    font-size: 0; /* IE */
    overflow: hidden;
    background-position: 100% 100%;
}

/*= Paragraph text indent  */
.p-indent p {
    text-indent: 2em;
    margin-bottom: 1em;
}

/*= pages */
.pages {
    color: #555;
    height: 2.5em;
    line-height: 2.5;
}
.pages a, .pages span {
    padding: 0 3px;
}
.pages a:link, .pages a:visited {
    color: #007d68;
}
.pages a.current, .pages span {
    font-weight: bold;
    color: #555;
}

/*= menu */
.menu {
    color: #000;
}
.menu h3 {
    font-size: 120%;
    font-weight: bold;
}
.menu ul {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px dashed #d5cab6;
}
.menu li {
    height: 22px;
    margin-bottom: 3px;
}
.menu a {
    display: block;
    margin-left: 20px;
    padding-right: 20px;
    white-space: nowrap;
}
.menu a span {
    display: block;
    height: 22px;
    line-height: 22px;
    margin-left: -20px;
    padding-left: 18px;
    cursor: pointer;
    background: url(img/dot1.gif) no-repeat 11px 9px;
}
.menu a:link, .menu a:visited {
    color: #000;
}
.menu a:hover, .menu a:active,
.menu a.current:link, .menu a.current:visited {
    text-decoration: none;
    color: #fff;
    background: url(img/menu.gif) no-repeat 100% 50%;
}
.menu a.current span,
.menu a:hover span, .menu a:active span {
    text-decoration: none;
    background: url(img/menu.gif) no-repeat 0 50%;
}

/*= formfield */
.formfield li {
    float: left;
    width: 285px;
    line-height: 1.5;
    margin-right: 25px;
    margin-bottom: 8px;
}
.formfield li.span2 {
    width: 595px;
    margin-right: 0;
}
.formfield .indent {
    padding-left: 80px;
}
.formfield label {
    float: left;
    margin-right: 10px;
    width: 70px;
    text-align: right;
}
* html .formfield label {
    margin-right: 7px;
}
.formfield .text, .formfield .textarea {
    border: 1px solid #d4c9b7;
    background: #fff;
}
.formfield .text {
    width: 200px;
    height: 1.5em;
    padding: 1px;
}
.formfield .textarea {
    width: 510px;
    overflow: auto;
}
.formfield em {
    color: #806a5c;
    font-style: normal;
}
.guestbook-form .formfield li {
    width: 240px;
    margin-right: 15px;
}
.guestbook-form .formfield li.span2 {
    width: 560px;
    margin-right: 0;
}
.guestbook-form .formfield label {
    width: 40px;
}
.guestbook-form .formfield .text {
    width: 185px;
}
.guestbook-form .formfield .textarea {
    width: 560px;
}

/* Page Style
==========================================================*/
/*= page-index */
.showcase img {
    display: block;
}
.showcase .coffeebox-t {
    zoom: 1;
}
.showcase .coffeebox-c {
    height: 323px;
    line-height: 0;
    font-size: 0;
}
.showcase p {
    float: left;
    width: 696px;
    height: 323px;
    margin-right: 5px;
    overflow: hidden;
}
.showcase p img {
    background: url(img/ajax-loader.gif) no-repeat center;
}
#case_list {
    float: left;
    height: 323px;
    overflow: hidden;
}
#case_list li {
    height: 77px;
    margin-bottom: 5px;
}
#case_list li a {
    display: block;
    width: 117px;
    height: 77px;
    overflow: hidden;
}
#case_list li a:hover {
    border: 0;
}
#case_list li a:hover img,
#case_list li a.current img {
    margin-left: -117px;
}

.activities .roundbox-inner {
    padding-top: 10px;
}
.activities li {
    margin-bottom: 8px;
}
.activities a img {
    display: block;
}
* html .activities li {
    height: 1%; /* lt ie6 */
}

.notice ul {
    line-height: 1.8;
}
.notice .dt {
    color: #a0a0a2;
    margin-right: .5em;
}

/*= page-rooms */
.roomshow {
    margin-bottom: 15px;
}
.roomshow p.photopreview {
    margin: 5px 14px 10px 10px;
    overflow: hidden;
    border: 3px solid #fff;
    background: #fff;
}
.roomshow img {
    display: block;
}
.roomshow .thumblist li {
    float: left;
    display: inline;
    margin: 0 20px 10px;
}
.roomshow .thumblist a {
    float: left;
    width: 107px;
    height: 81px;
    border: 3px solid #f0efe3;
    overflow: hidden;
    background: #f0efe3 url(img/thumb_bg.gif) no-repeat center;
}
.roomshow .thumblist a.current,
.roomshow .thumblist a:hover {
    border-color: #fff;
}

.room-intro {
    margin-bottom: 20px;
}
.room-intro .item-detail p {
    line-height: 1.8;
    text-indent: 2em;
    margin-bottom: 1em;
}
.room-intro .item-price,
.room-intro .item-order {
    float: left;
    display: inline;
    line-height: 35px;
    margin-right: 3px;
    font-size: 120%;
}
.room-intro .item-price {
    font-weight: bold;
    margin-left: 85px;
    padding-right: 40px;
    background: url(img/bg1.png) no-repeat 100% 0;
}
.room-intro .item-price span {
    float: left;
    height: 45px;
    padding-left: 40px;
    background: url(img/bg1.png) no-repeat;
}
.room-intro .item-price strong {
    color: #e60012;
}
.room-intro .item-order a {
    display: block;
    width: 120px;
    height: 45px;
    text-indent: -99em;
    overflow: hidden;
    background: url(img/order_btn.png) no-repeat;
}

/*= roomlist */
.roomlist .roundbox {
    padding-right: 15px;
    margin-bottom: 15px;
    min-height: 145px;
}
.roomlist .roundbox .roundbox-inner {
    padding: 15px 0 0 200px;
}
.room-item .item-photo {
    float: left;
    display: inline;
    margin-left: -185px;
}
.room-item .item-title {
    display: inline;
    font-size: 120%;
    font-weight: bold;
    color: #007d68;
    margin-right: 1em;
}
.room-item .item-price {
    display: inline;
}
.room-item .item-price strong {
    font-weight: normal;
    color: #e60012;
}
.room-item .item-detail {
    text-indent: 2em; 
    margin-top: 1em;
}

/*= news, travel */
.newslist .roundbox-inner {
    padding-left: 220px;
    min-height: 330px;
    background: url(img/bg2.jpg) no-repeat 17px 20px;
}
* html .newslist .roundbox-inner {
    height: 330px;
}
.newslist li, .infolist li {
    line-height: 2.5em;
    border-bottom: 1px dashed #d2c9b8; 
}
.newslist .dt, .infolist .dt {
    margin-right: .5em;
    color: #555;
}

.infocategory .menu ul {
    border-bottom: 0;
}

/*= newsview */
.newsview .roundbox {
    padding-right: 40px;
    line-height: 1.8;
}
.newsview .roundbox-inner {
    padding-left: 40px;
}
.newsview .entry-title {
    text-align: center;
    font-size: 120%;
    font-weight: bold;
}
.newsview .published {
    text-align: center;
    margin-bottom: 1em;
}
.newsview .goback {
    text-indent: 2em;
}

/*= contact, rooms */
.guestbook .roundbox,
.guestbook-form .roundbox,
.order .roundbox {
    padding-right: 20px;
}
.guestbook .roundbox-inner,
.guestbook-form .roundbox-inner,
.order .roundbox-inner {
    padding-left: 20px;
}
.guestbook .msg {
    color: #000;
    line-height: 1.8;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #d5cab6;
}
.guestbook .msg-title {
    color: #007d68;
    font-weight: bold;
    padding-left: 20px;
    background: url(img/bullet.gif) no-repeat 0 50%;
}
.guestbook .msg-reply dt {
    color: #e60012;
}
.guestbook .pages {
    margin: 0 0 10px 0; 
}

.guestbook-form {
    margin-bottom: 15px;
}

/*= contact */
.contactway ul {
    line-height: 1.8;
    margin-bottom: 20px;
}
.contactway h3 {
    font-weight: bold;   
}
.contactway img.photo {
    float: right;
    display: inline;
    margin: -10px 10px 0 10px; 
    padding: 10px;
    border: 1px solid #eae6d6;
    background: #fff;
}

/* order */
.order {
    line-height: 2;
}
.order .roundbox h3 {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 1em;
}
.order ol {
    list-style: decimal inside none;
}
.order ol, ul {
    margin-bottom: 1em;
}
.order-form {
    margin-bottom: 15px;
    border-bottom: 1px dashed #d5cab6;
}

.border-top {
    border-top: 1px dashed #d3c9b7;
}
.noborder {
    border: 0 !important;
}



/*Popup Calendar*/
#calendar { border: 1px solid #a1c0c0; background: #FFF; margin-bottom: 0.8em;}
	#calendar td { padding: 2px; font-weight: bold;}
	#calendar_week td { height: 2em; line-height: 2em; border-bottom: 1px solid #ddd;}
	#hourminute td {padding: 4px 2px; border-top: 1px solid #ddd;}
		.calendar_expire, .calendar_expire a:link, .calendar_expire a:visited {	color: #666; font-weight: normal; }
		.calendar_default, .calendar_default a:link, .calendar_default a:visited { color: #069;}
		.calendar_checked, .calendar_checked a:link, .calendar_checked a:visited { color: #090; font-weight: bold;}
		td.calendar_checked, span.calendar_checked{ background: #ddd;}
		.calendar_today, .calendar_today a:link, .calendar_today a:visited { color: #333; font-weight: bold; }
	#calendar_header td{ width: 30px; height: 20px; border-bottom: 1px solid #ddd; font-weight: normal; }
	#calendar_year { display: none;	line-height: 130%; background: #FFF; position: absolute; z-index: 10; }
		#calendar_year .col { float: left; background: #FFF; margin-left: 1px; border: 1px solid #ddd; padding: 4px; }
	#calendar_month { display: none; background: #FFF; line-height: 130%; border: 1px solid #DDD; padding: 4px; position: absolute; z-index: 11; }

.headactions .popupmenu_popup a, .headactions .popupmenu_popup strong { color: #666; background: none; white-space: nowrap; }
	.headactions .popupmenu_popup { overflow: visible; }
	.dropmenu { padding-right: 15px !important; background-image: url(../images/arrow.gif) !important; background-position: 100% 50% !important; background-repeat: no-repeat !important; cursor: pointer; }