@charset "utf-8";
@import url("reset.css");

#----------------------General------------------{}  
/*General*/
body{ font-family:Arial, Helvetica, sans-serif, "Century Gothic"; background-color: #f2f0e2;}

a{ text-decoration:none; color:#666666;} 
a:hover {
  cursor: pointer; }

img,
object,
embed {
  max-width: 100%;
  height: auto; }

object,
embed {
  height: 100%; }

img {
  -ms-interpolation-mode: bicubic; }
  
.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

.hide {
  display: none; }
.borderless{border:none;}  
img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px;
  }
input[type="text"]{
	background:none;
  	background-color:#FFFFFF; 
  	border:1px solid #c2c2c2;
	margin-bottom:8px;
	width:100%;
	height:1.8em;
	text-indent:8px;

  }

select {
  width: 100%; }
  
div.centerlize-column{ margin:0px auto; position: relative; float:none;}

.button-sm{ padding:5px 12px; font-size:0.8em;}
.button-md{ padding:8px 16px; font-size:1em;}
.button-lg{ padding:12px 18px; font-size:1.2em;}

#----------------------Fonts------------------{}  
h1,h2,h3,h4{ font-family:"Times New Roman", Times, serif; margin-bottom:8px; font-weight:normal;}
h1{ font-size:1.8em;}
h2{ font-size:1.6em; font-style:italic; padding-bottom:12px; border-bottom:1px solid #c4c4c4;}
h3{ font-size:1.4em;}
h4{ font-size:1.2em;}
h5{ font-size:1em;}
h6{ font-size:0.8em;}
p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft YaHei", "Myriad Pro";
	font-size: 0.8em;
	color: #666666;
	margin-bottom:8px;
	line-height:1.3;
}
span{}

.font-xsm{ font-size:0.6em;}
.font-sm{ font-size:0.8em;}
.font-md{ font-size:1.2em;}
.font-lg{ font-size:1.5em;}


.f-gray1{color:#999999;}
.f-gray2{color:#666666;}
.f-gray3{color:#333333;}

.f-darkgreen{
	color:#64881f;
}

.f-heavy{font-weight:bold;}

a.link-more{ text-decoration:underline;}
a.link-more:hover{ text-decoration:none; color:#666;}
#----------------------Attribute------------------{}  
/*Attribute*/
.bg-wht{ background-color:white;}
.bg-lightyellow{ background-color: #f2f0e2;}
.bg-gray1{ background-color:#f3f3f3;}
.bg-gray2{
	background-color:#c2c2c2;
}
.bg-gray3{
	background-color:#999999;
}
.bg-grd-gray1{ background:url(../images/btn-bg-grd-gray1.jpg) repeat-x left center;}
.bg-grd-gray1:hover{ background:none #ffffff;}
.bd-gray1-1px{ border:1px solid #c2c2c2;}
.bd-gray2-1px{ border:1px solid #999999;}

.rd-corner5{ border-radius:5px;}


#----------------------Skeleton------------------{}  
/*Skeleton*/

.body-wrapper{padding:0px 30px; background-color:#ffffff;}

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 935px;/*62.5rem;*/
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    /*margin-left: -0.9375rem;
    margin-right: -0.9375rem;*/
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none;
      *zoom: 1; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }


  .column,
  .columns {
    position: relative;
/*    padding-left: 0.9375rem;
    padding-right: 0.9375rem;*/
    float: left; }

  .large-1 {
    position: relative;
    width: 8.33333%; }

  .large-2 {
    position: relative;
    width: 16.66667%; }

  .large-3 {
    position: relative;
    width: 25%; }

  .large-4 {
    position: relative;
    width: 33.33333%; }

  .large-5 {
    position: relative;
    width: 41.66667%; }

  .large-6 {
    position: relative;
    width: 50%; }

  .large-7 {
    position: relative;
    width: 58.33333%; }

  .large-8 {
    position: relative;
    width: 66.66667%; }

  .large-9 {
    position: relative;
    width: 75%; }

  .large-10 {
    position: relative;
    width: 83.33333%; }

  .large-11 {
    position: relative;
    width: 91.66667%; }

  .large-12 {
    position: relative;
    width: 100%; }

  [class*="column"] + [class*="column"]:last-child {
    float: right; }

  [class*="column"] + [class*="column"].end {
    float: left; }
	

[class*="block-grid-"] {
  display: block;
  padding: 0;
  /*margin: 0 0 0 -0.625rem;*/
  *zoom: 1; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: inline;
    height: auto;
    float: left;
	margin-bottom:20px;
    /*padding: 0 0.625rem 1.25rem;*/ }


  .large-block-grid-1 > li {
    width: 100%;
    /*padding: 0 0.625rem 1.25rem;*/
    list-style: none; }
    .large-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    width: 50%;
    /*padding: 0 0.625rem 1.25rem;*/
    list-style: none; }
    .large-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    width: 33.33333%;
    /*padding: 0 0.625rem 1.25rem;*/
    list-style: none; }
    .large-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    width: 25%;
    /*padding: 0 0.625rem 1.25rem;*/
    list-style: none; }
    .large-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    width: 20%;
    /*padding: 0 0.625rem 1.25rem;*/
    list-style: none; }
    .large-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    width: 16.66667%;
    /*padding: 0 0.625rem 1.25rem;*/
    list-style: none; }
    .large-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    width: 14.28571%;
    /*padding: 0 0.625rem 1.25rem;*/
    list-style: none; }
    .large-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    width: 12.5%;
    /*padding: 0 0.625rem 1.25rem;*/
    list-style: none; }
    .large-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    width: 11.11111%;
    /*padding: 0 0.625rem 1.25rem;*/
    list-style: none; }
    .large-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    width: 10%;
    /*padding: 0 0.625rem 1.25rem;*/
    list-style: none; }
    .large-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    width: 9.09091%;
    /*padding: 0 0.625rem 1.25rem;*/
    list-style: none; }
    .large-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    width: 8.33333%;
    /*padding: 0 0.625rem 1.25rem;*/
    list-style: none; }
    .large-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } 
#----------------------Header------------------{}  
.nav{
	padding-top: 30px;
	
}
.local{
	font-family: Myriad Web Pro, Arial, Helvetica, sans-serif, "Century Gothic";
	font-size: 0.9em;
	}
#time-cont{ display:inline;}
.time{ display:inline;}

.temperature,.day,.localtime{ color:#78863f;}
#weather{ display:inline;}
#weather ul {
  margin: 0;
  padding: 0;
  display:inline;
}

#weather li {
  /*background: #fff;*/
  list-style-type:none;
  /*float:left;*/
  color:#000000;
  display:inline;
  /*background: rgba(255,255,255,0.90);
  padding: 20px;
  display: inline-block;
  border-radius: 5px;*/
  margin-left:10px;
}

#weather .currently {
  /*margin: 0 20px;*/
}
#----------------------Top-Navigation-----------------{}  
/*Top Navigation*/
.top-nav{
	font-family: Myriad Web Pro, Arial, Helvetica, sans-serif, "Century Gothic";
	font-size: 1em;
	height: 75px;
	background:url(../images/nav-hr-bg.png) no-repeat center 42px; 
}
.top-nav ul{
	float: right;
	display: block;
	/* [disabled]background-color: #CCCC33; */
	margin-top: 20px;
}
.top-nav  li{
	list-style-type: none;
	float: left;
	/*margin: 0px 5px;*/
	display: block;
	border-right: 1px solid #ccc;
	padding:0px 15px;
	
/*Anime*/
-moz-transition:0.3s ease-in-out;
-ms-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
-webkit-transition:0.3s ease-in-out;
/*Anime*/
}
.top-nav  li:last-child{
	/*margin-right: 0px;*/
	border-right: none;
	/*padding-right: 0px;*/
}
.top-nav  li a{
	color: #000000;
	
/*Anime*/
-moz-transition:0.3s ease-in-out;
-ms-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
-webkit-transition:0.3s ease-in-out;
/*Anime*/
}
.top-nav  li:hover{
	background-color: #999900;
}
.top-nav  li:hover a{
	color:#ffffff;
}

#----------------------bottom-Navigation-----------------{}  
/*Top Navigation*/
.bottom-nav{
	font-family: Myriad Web Pro, Arial, Helvetica, sans-serif, "Century Gothic";
	font-size: 1em;
	height: 25px;
 }
.bottom-nav ul{
	float: right;
	display: block;
	/* [disabled]background-color: #CCCC33; */
	/*margin-top: 20px*/;
}
.bottom-nav  li{
	list-style-type: none;
	float: left;
	/*margin: 0px 5px;*/
	display: block;
	border-right: 1px solid #ccc;
	padding:0px 15px;
	
	
/*Anime*/
-moz-transition:0.3s ease-in-out;
-ms-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
-webkit-transition:0.3s ease-in-out;
/*Anime*/
}
.bottom-nav  li:last-child{
	/*margin-right: 0px;*/
	border-right: none;
	/*padding-right: 0px;*/
}
.bottom-nav  li a{
	color: #000000;
	
/*Anime*/
-moz-transition:0.3s ease-in-out;
-ms-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
-webkit-transition:0.3s ease-in-out;
/*Anime*/
}
.bottom-nav  li:hover{
	background-color: #999900;
}
.bottom-nav  li:hover a{
	color:#ffffff;
}

#----------------------Footer-----------------{}  
.address{ padding:15px 15px; margin-bottom:25px;}
.tel{ color:#576935;}/*#0099FF*/
.copyright{ padding:20px 45px;}

#----------------------Items-----------------{}  
.hr-divider{ background:url(../images/hr-divider-bg.jpg) no-repeat center center; margin:15px 0px; height:28px;}

.vr-divider{ background:url(../images/vr-divider-01.png) no-repeat right center; height:230px;}

#----------------------Home-----------------{}  
.marquee{ font-family:"Times New Roman", Times, serif; font-size:0.9em; background-color:#78863f; color:#FFFFFF; font-style:italic; padding:1%; width:98%; }
.newsletter{ height:180px; padding:20px 20px;}

.homeFeatures{}
.homeFeatureBox{box-sizing: border-box; -moz-box-sizing:border-box; padding:0px 30px; border-right:1px solid #c2c2c2;}
.homeFeatureBox:first-child{ padding-left:0px;}
.homeFeatureBox:last-child{ border-right:none; padding-right:0px;}
.homeFeatureImage{ border:2px solid #b3b3b3; box-sizing: border-box; -moz-box-sizing:border-box; }
.homeFeatureImage a{
	
/*Anime*/
-moz-transition:0.3s ease-in-out;
-ms-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
-webkit-transition:0.3s ease-in-out;
/*Anime*/}
.homeFeatureImage a:hover{ opacity:0.7;}
.homeFeatureDes{ box-sizing: border-box; -moz-box-sizing:border-box; padding:0px 10px;}
.homeFeatureDes span{ color:#78863f; margin-bottom:5px; display:block; font-weight:bold;}
.homeFeatureDes p{}

#----------------------Hotel-----------------{}  
.aboutHotel{padding-right:35px; box-sizing: border-box; -moz-box-sizing:border-box; }
.aboutHotel:last-child{padding-right:0px;padding-left:35px; box-sizing: border-box; -moz-box-sizing:border-box; }
.aboutHotel p{ line-height:1.6;}
#----------------------Suite-----------------{}  
#----------------------Map-----------------{}  
.map{padding-right:5px; box-sizing: border-box; -moz-box-sizing:border-box; }
.map:last-child{padding-right:0px;padding-left:5px; box-sizing: border-box; -moz-box-sizing:border-box; }
.map p{ line-height:1.6;}
#----------------------sidePanel-----------------{}  
.sidePanel{}
.sidePanel ul{ padding-left:5%; min-height:460px; background:url(../images/vr-divider-02.png) no-repeat 95% top;}
.sidePanel ul li{ list-style-type:none; border-bottom:1px solid #c2c2c2; width:85%;}
.sidePanel ul li a{ display: block; width:90%; color:#000000; padding:15px; padding-right:9%; background:url(../images/icon-arrow-selector-off.png) no-repeat 92% center;
text-transform:uppercase;

/*Anime*/
-moz-transition:0.3s ease-in-out;
-ms-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
-webkit-transition:0.3s ease-in-out;
/*Anime*/
}
.sidePanel ul li a:hover{ color:#78863f; background:url(../images/icon-arrow-selector-on.png) no-repeat 96% center;}
#----------------------pageContent-----------------{} 
.pageContent{padding-left:3%; box-sizing: border-box; -moz-box-sizing:border-box; }
.pageContent .listPost{ margin-bottom:25px;}
.pageContent .listPost .contentImages{ padding-top:15px;}
.pageContent .listPost .contentInfo{ padding-top:15px; padding-left:15px; box-sizing: border-box; -moz-box-sizing:border-box;}
.pageContent .listPost .contentImages span{}
.pageContent .listPost .contentImages a{ border:3px solid #b3b3b3; margin-bottom:8px; display:block; clear:both;

/*Anime*/
-moz-transition:0.3s ease-in-out;
-ms-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
-webkit-transition:0.3s ease-in-out;
/*Anime*/
}
.pageContent .listPost .contentImages a:hover{ opacity:0.7;}
#----------------------Gallery-----------------{} 
.thumbList{}
.thumbList{}
.thumbList li{}
.thumbList li a{

/*Anime*/
-moz-transition:0.3s ease-in-out;
-ms-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
-webkit-transition:0.3s ease-in-out;
/*Anime*/
}
.thumbList li a:hover{opacity:0.7;}
.thumbList li a img{ border:3px solid #b3b3b3;}
.thumbList li a span{ visibility:hidden;}