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

html {
  height: 100%;
  margin: 0px;
}

body{
  padding: 0px;
  margin: 0px;
  background:  #c2bda5 url(../images/bg.jpg) top left repeat-x;
  font:Arial, Helvetica, sans-serif;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color: #000;
  line-height:16px;
}

#wrap{
  width: 820px;
  margin: 0 auto;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom: 1px solid #000000;
}

#top{
  width: 820px;
  height:340px;
  margin: 0;
}

#top_right{
  width: 570px;
  height:340px;
  float: right;
}

#logo{
  width: 197px;
  height: 140px;
}

#logo img{
  margin: 20px 0 0 45px;
}


/* Vertical Menu */
#menu{
  float: left;
  width: 250px;
  height:340px;
  background: url(../images/menubg.jpg) no-repeat;
}

#menu ul{
  margin:114px 0 32px;
  padding:0;
  list-style:none;
}

#menu li{
  font-size:12px;
  padding:5px 0px 5px 35px;
  font-weight:bold;
}

#menu a{
  width: 140px;
  display: block;
  color:#777259;
  text-decoration:none;
  border-bottom:1px #777 solid;
  padding-left: 30px;
}

#menu a:hover{
  color: #d0c89d;
  text-decoration:none;
}

#menu .currentpage a{
  color: #d0c89d;
}

#content{
  width: 820px;
  margin: 0px;
  padding-top:55px;
  background: #FFFFFF url(../images/contentborder.jpg) repeat-x;
}

#entry{
  margin: -13px 20px 10px 20px;
}

h1{
  font:20px Georgia, "Times New Roman", Times, serif;
  color:#736f59;
  border-bottom: 1px dotted #ccc;
  background:url(../images/h1.png) left no-repeat;
  /*height:28px;*/
  padding-left:25px;
}

h2{
  font:18px Georgia, "Times New Roman", Times, serif;
  color:#736f59;
  border-bottom: 1px dotted #ccc;
  text-align:left;
  line-height:20px;
}

h3{
  font:13px Georgia, "Times New Roman", Times, serif;
  border-bottom: 1px dotted #ccc;
  letter-spacing:1px;
  color:#736f59;
  line-height:13px;
  text-transform: uppercase;
  font-weight:bold;
  padding-top:10px;
  padding-left:15px;
  background:url(../images/h2.png) top left no-repeat;
}

h4{
  font:18px Georgia, "Times New Roman", Times, serif;
  color:#736f59;
  border-bottom: 1px dotted #ccc;
  text-align:left;
  line-height:20px;
}

a{
  color:#736f59;
  text-decoration:underline;
}

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

#base{
  height: 64px;
  background: url(../images/footer.png) repeat-x;
  text-align: center;
  color: #fff;
  padding-top: 8px;
  margin: 0 10px 0 10px;
}

#base a{
  color: #fff;
  text-decoration:none;
}

#base a:hover{
  text-decoration: underline;
}

.basetext{
  padding-top:5px;
}

#copy{
  color: #333;
  text-align: center;
  font-size:11px;
  padding-bottom:5px;
}

#copy a{
  color: #555;
  text-decoration:none;
}

#copy a:hover{
  text-decoration: underline;
}


/*-------Column------------------*/
.column{
  width:230px;
  /*height:450px;*/
  margin:0px 30px 0px 0px;
  float:left;
}

.columnright{
  width:230px;
  height:500px;
  margin:0px 0px 20px 0px;
  float:right;
}

.columnimg{
  width:220px;
  height:180px;
  padding:4px;
  border:1px solid #CCCCCC;
}

.columntext{
  height:200px;
  padding:5px;
  color:#000;
}

.img{
  width:220px;
  height:180px;
  padding:4px;
  border:1px solid #CCCCCC;
  margin-right:45px;
}

.img_big{
  width:350px;
  height:250px;
  padding:4px;
  border:1px solid #CCCCCC;
  float:right;
  margin-left:15px;
  background:#FFFFFF;
}

/*-------Book Now & More info-----------*/
.book{
  width:230px;
  height:40px;
  background:#e74307;
}

.booknow{
  width:114px;
  height:30px;
  float:left;
  background:#cc563a;
  text-align:center;
  font-weight:bold;
  font:16px Arial, Helvetica, sans-serif;
  text-decoration:none;
  padding-top:10px;
}

.booknow a{
  color:#FFFFFF;
  text-decoration:none;
}

.booknow a:hover{
  color:#000;
  text-decoration:none;
}

.moreinfo{
  width:115px;
  height:30px;
  float:right;
  background:#313131;
  text-align:center;
  font-weight:bold;
  text-decoration:none;
  font:16px Arial, Helvetica, sans-serif;
  padding-top:10px;
  border-left:1px solid #FFFFFF;
}

.moreinfo a{
  color:#FFFFFF;
  text-decoration:none;
}

.moreinfo a:hover{
  color:#dd6c10;
  text-decoration:none;
}

.slideshow{
  width:340px;
  height:390px;
  padding:4px;
  border:1px solid #CCCCCC;
  float:right;
  margin-left:15px;
  background:#FFFFFF;
}

.slideshow_norm{
  width:350px;
  height:250px;
  padding:4px;
  border:1px solid #CCCCCC;
  float:right;
  margin-left:15px;
  background:#FFFFFF;
}

#disclaimer{
  font-style:italic;
  color:#666;
}

#beenthere{
  float:left;
  margin:0px 10px 0px 0px;
}

.reserve{
  background: none repeat scroll 0 0 #A59D86;
  border-top: 3px solid #89846C;
  color: #FFFFFF;
  height: 68px;
  text-align: center;
  width: 782px;
}

.reserve p{
  font-size:26px;
  font-weight:bold;
  color:#eee;
  font-family: Georgia, "Times New Roman", Times, serif;
}

.amenities img {
  vertical-align: middle;
}

#one{
  float:left;
  margin-right:89px;
}

#two{
  margin-top:27px;
}

.map {
  position: relative;
  padding-bottom: 40%; /* This is the aspect ratio */
  height: 0;
  overflow: hidden;
}

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.amenities, .affiliations {
  margin: 2px;
  border: none;
}

.notice {
  margin: 10px auto;
  width: 80%;
  padding: 10px 30px;
  border: 2px solid #FF0000;
  background-color: #FFEFB2;
}

.notice h2 {
  color: #FF0000;
  text-align: center;
  border-bottom: none;
}

.notice p, .notice li {
  font-weight: bold;
}


/********************************************
Buttons
********************************************/
.button {
  border-radius: 5px;
  padding: 8px 18px;
  background-color: #E5B413;
  color: #FFFFFF;
  margin-right: 10px;
  text-decoration: none;
}
.button:hover {
  background-color: #1A2919;
  color: #FFFFFF !important;
}
.buttonlarge {
  padding: 10px 30px !important;
  font-size: 125%;
}
.buttonbooknow {
  background-color: #E5B413;
  color: #FFFFFF;
}
.buttonbooknow:hover {
  background-color: #1A2919;
  color: #FFFFFF;
}
.buttonenquire {
  background-color: #466F44;
  color: #FFFFFF;
}
.buttonenquire:hover {
  background-color: #1A2919;
  color: #FFFFFF;
}

.otherproperties {
  text-align: center;
}