@charset "UTF-8";

/* CSS Document */

a:focus{

outline:none;

}

* {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}

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

* html a{ position:relative; }

a{ border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

body { margin: 0px; padding: 0px; height: 100%; width: 100%; color: #333; background-image: url(../img/bg.gif); background-repeat: repeat-x; background-position: 0px 0px; background-color: #8fc2ed; }

img{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

h1{ margin: 0px; padding: 0px; }

h2{ margin: 0px; padding: 0px; }

h3{ margin: 0px; padding: 0px; }

h4{ margin: 0px; padding: 0px; }

a:link      { color: #06C; text-decoration: none }

a:visited    { color: #06C; text-decoration: none }

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

form { margin: 0px; padding: 0px; float: none; }

.box-cr{ margin: 0px; padding: 0px; clear: both; float: none; }



.boxcontainer{position:relative;}

h2.pagetitle{position:absolute; left:45px; top:10px; font-style:italic; font-size:40px; color:#FFF; text-shadow:5px #000;}

#base{ padding: 0px; clear: both; float: none; width: 934px; background-image: url(../img/header_bg.gif); min-height:100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

* html #base{ height:100%;} 

#base div.header-base{ background-image: url(../img/header_base.gif); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; padding: 0px; clear: both; float: none; }

#base div.header-base div.header{ margin: 0px; clear: both; float: none; padding-top: 7px; padding-right: 42px; padding-bottom: 1px; padding-left: 42px; }

#base div.header-base div.header div.header-img{ margin: 0px; padding: 0px; float: left; }

#base div.header-base div.header h1{ display: block; margin: 0px; padding: 0px; float: right; }



#base div.content{ margin: 0px; clear: both; float: none; padding-top: 15px; padding-right: 62px; padding-bottom: 0px; padding-left: 62px; }

#base div.content p,#base div.content ul{ font-size:12px;}

#base div.content div.reservation{ margin: 0px; clear: both; float: none; padding: 0px; }

#base div.content div.reservation ul{ margin: 0px; clear: both; float: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: block; }

#base div.content div.reservation ul li{ margin: 0px; float: left; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 0px; list-style-image: none; list-style-type: none; font-size: 0px; line-height: 0px; display: block; }

#base div.content div.reservation ul li.right{padding-right: 0px;} 

.hide{filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30;}



#base div.content42{ margin: 0px; clear: both; float: none; padding-top: 15px; padding-right: 42px; padding-bottom: 0px; padding-left: 42px; }

#base div.content42 h3{ display: block; margin: 0px; float: left; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

#base div.content42 div.reservation-SECOND{ margin: 0px; clear: both; float: none; padding: 0px; }

#base div.content42 div.reservation-SECOND div.LEFT{ margin: 0px; padding: 0px; float: left; width: 545px; }

#base div.content42 div.reservation-SECOND div.LEFT div.capture{ margin: 0px; padding: 0px; clear: both; float: none; }

#base div.content42 div.reservation-SECOND div.next{ text-align: left; margin: 0px; clear: both; float: none; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 255px; }

#base div.content42 div.reservation-SECOND div.RIGHT{ margin: 0px; padding: 0px; float: left; width: 305px; overflow: hidden; }

#base div.content42 div.reservation-SECOND div.RIGHT dl{ display: block; clear: none; float: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; background-image: url(../img/grey_tensen.gif); background-repeat: repeat-x; background-position: 0px 100%; }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt{ display: block; font-size: 14px; line-height: 1.2em; font-weight: bold; color: #333; letter-spacing: 0.05em; text-align: left; background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; clear: both; float: none; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 28px; vertical-align: middle; }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no1{ background-image: url(../img/no01.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no2{ background-image: url(../img/no02.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no3{ background-image: url(../img/no03.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no4{ background-image: url(../img/no04.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no5{ background-image: url(../img/no05.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no6{ background-image: url(../img/no06.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no7{ background-image: url(../img/no07.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no8{ background-image: url(../img/no08.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no9{ background-image: url(../img/no09.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no10{ background-image: url(../img/no10.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no11{ background-image: url(../img/no11.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no12{ background-image: url(../img/no12.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no13{ background-image: url(../img/no13.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no14{ background-image: url(../img/no14.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no15{ background-image: url(../img/no15.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no16{ background-image: url(../img/no16.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no17{ background-image: url(../img/no17.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no18{ background-image: url(../img/no18.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no19{ background-image: url(../img/no19.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no20{ background-image: url(../img/no20.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no21{ background-image: url(../img/no21.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no22{ background-image: url(../img/no22.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no23{ background-image: url(../img/no23.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no24{ background-image: url(../img/no24.gif); }

#base div.content42 div.reservation-SECOND div.RIGHT dl dt.no25{ background-image: url(../img/no25.gif); }

#banner-R{ float: right; position: relative; z-index: 300; margin: 0px; top: -10px; background-color: #FFF; padding: 10px;}

#base div.content42 div.reservation-SECOND div.RIGHT dl dd{ font-size: 11px; line-height: 1.65em; color: #666; margin: 0px; clear: both; float: none; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; word-break:break-all; }

#base div.content42 div.reservation-SECOND div.RIGHT dl dd strong{ font-weight: bold; color: #ff6666; }

#base div.content42 div.reservation-SECOND div.RIGHT dl dd span{ color:#ccc;}

#base div.header-base div.main{ margin: 0px; clear: both; float: none; padding-top: 0px; padding-right: 22px; padding-bottom: 0px; padding-left: 22px; }



#footer{ margin: 0px; clear: both; float: none; padding-top: 15px; padding-right: 62px; padding-bottom: 15px; padding-left: 62px; text-align: right; }

#footer ul{ margin: 0px; float: right; text-align: right; display: block; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }

#footer ul li{ margin: 0px; float: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; font-size: 0px; line-height: 0px; display: inline-block; list-style-image: none; list-style-type: none; height: 15px; }

#footer div.copyright{ margin: 0px; clear: both; float: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: right; }











#navi{ margin: 0px; clear: both; float: none; padding-top: 0px; padding-right: 22px; padding-bottom: 0px; padding-left: 22px; }

#navi ul{ font-size: 0px; line-height: 0px; display: block; margin: 0px; float: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;  }

#navi ul li{ display: inline-block; margin: 0px; padding: 0px; float: left; list-style-image: none; list-style-type: none; font-size:14px; }

#navi ul#nav-one li{background:url(../img/navi_top.jpg) 0 repeat-x;}

#navi ul#nav-one li:hover{background:url(../img/navi_top_hover.jpg) 0 repeat-x;}

#navi ul#nav-one li a{font-size:13px; font-weight:bold; color:#FFF;  /*background:url(../img/navi_top.jpg) 0 repeat-x;*/ display:block; padding:12px 4px 15px 4px; margin:0; border-right:1px #036 inset; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }

#navi ul#nav-one li a:hover{ color:#FFF;  /*background:url(../img/navi_top_hover.jpg) 0 repeat-x;*/ display:block;  margin:0; text-decoration:none; }



#navi ul#nav-one li.parent a{background:url(../img/ul-menu.png) center 20px no-repeat; }

#navi ul#nav-one li.parent ul li a{background:none; }

#navi ul#nav-one li.parent ul li a:hover{background: #1978c9; }



#navi ul#nav-one li.First a{padding:12px 7px 15px 12px; } 

#navi ul#nav-one li.last a{border:none; } 



/*���£�¯�¿�½�¯�¿�½���£�¯�¿�½���«���£�¯�¿�½�¯�¿�½���£�¯�¿�½���¦���£�¯�¿�½���³���£�¯�¿�½���¡���£�¯�¿�½�¯�¿�½���£�¯�¿�½���¥���£�¯�¿�½���¼*/

#navi #nav-one li {	position: relative; z-index:1;}

#navi #nav-one ul { position: absolute; top: -999px; left: -1px;}

#navi #nav-one li:hover ul,

#navi #nav-one li.sfHover ul { z-index:100; top:27px; left: 0px;  }



*+html #navi #nav-one ul { visibility: hidden; }

*+html #navi #nav-one li:hover ul,

#navi #nav-one li.sfHover ul {visibility: visible; }



#navi #nav-one li ul{ display:block;float: none; margin: 0px; background-color: #4b5598; filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; clear: both; padding-top: 5px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px;  }

* html #navi #nav-one li ul{width: 200px;filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}

*+html #navi #nav-one li ul{width: 200px;filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}

#navi #nav-one li ul li{ float: none; margin: 0px; display:block; padding: 0px; list-style-image: none; list-style-type: none; clear: both; background-image: url(../img/navi_tensen.gif); background-repeat: repeat-x; background-position: 0% 100%; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }

#navi #nav-one li ul li a{ display:block; margin: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 4px; white-space: nowrap; float: none; padding-top: 5px; line-height: 1em; font-size: 12px; letter-spacing: 0.1em; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #FFF; text-align: left; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-weight: 500; text-decoration: none;  }



.footers{z-index:-9999;overflow:hidden; width:1px; height:1px; display:none;}

*html .footers{display:none;}

*+html  .footers{display:none;}

body:last-child .footers{display:none;}



#navi #nav-one li ul li a:link{ color: #FFF; text-decoration: none; }

#navi #nav-one li ul li a:visited{color: #FFF; text-decoration: none; }

#navi #nav-one li ul li a:hover{ background: #1978c9; color:#ffff33; font-size: 12px; padding: 5px 5px 5px 4px; font-weight:normal; }

#navi #nav-one li ul li.end{  margin: 0px; padding: 0px; clear: none; float: both; }

/*//���£�¯�¿�½�¯�¿�½���£�¯�¿�½���«���£�¯�¿�½�¯�¿�½���£�¯�¿�½���¦���£�¯�¿�½���³���£�¯�¿�½���¡���£�¯�¿�½�¯�¿�½���£�¯�¿�½���¥���£�¯�¿�½���¼*/







/*css adoption from old TPL*/

p{padding:0px; margin:0px;}

.ListRoom {margin:15px 0 10px 0;}

.ListRoom img{ padding:2px; border:1px #333 solid; margin:0px 5px 0px 0px; float:left;}

.ListRoom h3 a{ color:#333; text-decoration:none;}

.ListRoom h3 a:hover{ color:#666; text-decoration:none;}





.weddinglist{margin:15px 0 5px 0; }

.ImagesSlideWedding{/*width:50%;*/ float:left; margin-right:25px;}

.ContentWedding{/*width:47%;*/ float:left; width: 500px; }

.ContentWedding ul{padding:0 0 0 25px;}





.Listing{margin:15px 0 5px 0; }

.ImagesSlide{/*width:50%;*/ float:left; margin-right:10px; padding: 5px 0px 0px 5px;}

.Listing .Content{/*width:47%;*/ float:left; }

.Listing .Content ul{padding:0 0 0 20px;}

.Listing .Booking{text-align:right;}



.Poollist{margin:15px 0 5px 0;}

.ImagesSlidePool{width:35%; float:left; margin-left:5px;}

.ContentPool{width:59%; float:left;}

.ContentPool ul{padding:0 0 0 25px;}

.TitlePool{font-size:16px; font-style:italic; padding:10px 0px 10px 0px; font-weight:bold;}

.slideimages{}

.slideimages li{ list-style:none;}

.slideimages li img{ border:#8fc2ed solid 1px; padding:1px;}

.loading{ background: #ffffff url(/assets/js/loading.gif) center no-repeat;}



/*.ImagesSlides{float:left;}*/

.ImagesSlides{width:150px; height:120px; float:left; padding:3px;}

.ImagesSlides li{ list-style:none;}

.ImagesSlides li img{ border:#8fc2ed solid 1px; padding:1px;}





.ImagesView{padding:20px 0 20px 0; text-align:center;}

.ImagesView img{ padding:2px; border:1px #333 solid; margin:0px 10px 0px 10px; }



.ListRoomContent a{color:#333; text-decoration:none; font-weight:bold;}

.ListRoomContent a:hover{color:#999; text-decoration:none; font-weight:bold;}



.BookingLink{text-align:right; width:auto;}

.BookingLink a{color:#333; font-size:12px; text-decoration:none; font-weight:bold; text-align:right; width:auto;}

.BookingLink a:hover{color:#666; font-size:12px; text-decoration:none; font-weight:bold; text-align:right; width:auto;}





.TitleWedding{font-size:16px; font-style:italic; padding:10px 0px 10px 0px; font-weight:bold;}



.BookWedding{text-align:right;}



.ul_li_margin{margin-left:30px;}

.Table_padding{padding:3px;}



/*--------------------form contac us--------------------*/



.input,.inputbook{font-size:12px;  background-color:#FFF; border:1px #ffc22f solid; margin:2px; padding:2px;}



.textarea,.textareabook{font-size:12px;  background-color:#FFF; border:1px #ffc22f solid; margin:2px; padding:2px;}



.textalert{color:#f46e00; font-weight:bold; display:none; font-size:18px;}



#contactbutton, #buttonSend, #buttonclear{ font-size:12px; background: url(../img/bg-button.jpg) repeat-x; padding:0 15px 5px 15px; font-weight:bold ;color:#fff; text-decoration:none; float:none; border:none; height:20px;}



#comments{height:100px; width:300px;}



.borderImg{border:#8fc2ed solid 1px; padding:2px;}

.backtoTop ul{float:right; padding:0; margin:0;}

.backtoTop ul li{float:left; list-style:none;}



.clr{clear:both;}

/*end css adoption from old TPL*/



/*tab Navigation*/

div.tabs{margin-top:10px;}

div.tabs ul.tabNavigation{list-style: none;margin: 0; padding: 0; display:block;}

UL.tabNavigation LI {display: inline-block; padding:0; margin: 0 3px 0 0px; overflow:hidden; font-weight:bold; font-family:arial,verdana,tahoma; font-size:12px; }

UL.tabNavigation LI.tablast{margin: 0 0 0 0px;}

UL.tabNavigation LI A {padding: 4px 15px 4px 15px;color: #4A4A4A;text-decoration: none; overflow:hidden; background:#8FC2ED; display:block; text-align:center;}

UL.tabNavigation LI A.selected,

UL.tabNavigation LI A:hover {color: #fff; overflow:hidden; background:#003d86;}

UL.tabNavigation LI A:focus {overflow:hidden; outline:none;}

div.tabs > div.tabContent { display:none;}

div.tabContent{padding:5px 5px 5px 5px; border:#8FC2ED solid 1px;}

div.tabs > div.tabContent h2 {margin-top: 0;}

.header{position:relative;}
.headeryoutube{float:left; width:200px; text-align:center; position:absolute; top:5px; right:200px;}