body{
    padding: 0;
	margin: 0;
    background: url("../img/body2.gif") no-repeat top center #5b6b6a;
    font-family:trebuchet ms, sans-serif;
    font-size:1em;
    text-align:left;
}
#page{
    margin: 47px auto 0 auto;
    width:932px;
    background: url("../img/page_background.gif") no-repeat right 209px #fff;
    padding-bottom:25px;
}

/* header - includes logo,upper menu and the boxes */

#header{
    float:left;
    width:932px;
    height:209px;
    background: url("../img/header_background_new.jpg") no-repeat top right;
}
#logo{
    float:left;
    width:193px;
    height:192px;
    margin:18px 0px 0px 22px;
    display:inline;
}
#logo p{
    display: none;
	overflow: hidden;
	height: 0px;
}
ul#upper_nav {
    float:right;
	margin-right: 15px;
    font-size:88%;
    height:46px;
    line-height:46px;
    list-style-type:none;
    clear:right;
}
ul#upper_nav li{
    float:left;
    color:#5b6b6a;
}
ul#upper_nav li a{
    text-decoration:none;
    color:#5b6b6a;
    padding:0 5px 0 5px;
}
ul#upper_nav a:hover{
    text-decoration:underline;
    color:#69356f;
}
ul#upper_nav li a.uppernav_clicked{
    text-decoration:underline;
    color:#69356f;
}
#upper_booknow{
   float:left;
   margin-top:34px;
   margin-left:16px;
}
#upper_booknow h3 a{
	display: block;
	position: relative;
	text-indent: -9000px;
	overflow: hidden;
	width:323px;
	height:118px;
	z-index: 500;
}

/* search area  */
#search_availability {
	position: relative;
	z-index: 900;
}

form#search_availability h3{
    padding:20px 0 5px 0px;
    font-size:90%;
}

form#search_availability{
   width:325px;
   height:118px;
   float:left;
   margin-top: 80px; margin-left:35px;
   color:#5b6b6a;
}
form#search_availability label{
    display: none;
}
form#search_availability select{
    float:left;font-size:88%;
    height:20px;
    font-size:0.7em;
    border:1px solid #bebebe !important;
    line-height:20px;
    color:#5b6b6a;
}
form#search_availability select.small_select{
      width:95px;
      margin-right:10px;
}
form#search_availability select.big_select{
      clear:left;
      width:130px;
      margin-top:7px;
}
form#search_availability input.go_button{
    float:left;
    padding:1px;
    border:0px;
    background: #7f6583;
    color:#fff;
    margin:6px 0 0 10px; font-size:75%;
    cursor:pointer;
}

.ui-datepicker-trigger {
    margin-left: .25em;
}

/* left includes the menu and  the boxes */

#nav{
    clear:both;
    float:left;
    width:213px;
    margin-left:22px;
    display:inline;
	position: relative;
	z-index: 900;
}
ul#menu {
    margin-top:15px;
    width:193px;
    float:left;
    border-bottom:1px solid #454a4a;
    padding-bottom:20px;
    list-style-type:none;
    line-height:20px;
}
ul#menu li{
    height:30px;line-height:30px;
    font-size:87%;
    margin-top:1px;
    width:100%;
    display:block;
    float:left;position:relative;
}
ul#menu li a{
    color:#5b6b6a;
    text-decoration:none;
    text-indent:8px;
    display:block;
}
a.menu_clicked{
    text-decoration:none;
    background: #eee7ef;
    color:#7594b3!important;
    height:30px;
    width:193px;
}
ul#menu li a:hover{
    text-decoration:none;
    background: #eee7ef;
    color:#7594b3 !important;
    height:30px;
    width:193px;
}
ul#menu li a.sub:hover,
ul#menu li a.sub-select{
    background: #eee7ef url("../img/menu_hover.gif") top right  no-repeat;
}
/* the submenu  */
ul#menu  div {
	position: absolute;
    top: -1px;
	left: 193px;
	display: none;
	width: 193px;
	opacity:.90;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
}
ul#menu  ul {
	float: left;
    font-size:110%;
}
ul#menu  ul li a {
	z-index: 902;
	position: relative;
    background: #eee7ef;
    height:30px;
    line-height:30px;
    width:193px;
    color:#5b6b6a !important;
    text-indent:18px;
}
ul#menu  li:hover div,
ul #menu li.menu_clicked div {
	display: block;
}
ul#menu li:hover div {
	z-index: 500;
}
ul#menu  li:hover ul a:hover {
    height:30px;
    width:193px;
    color:#7594b3;
    background: #eee7ef;
}
ul#menu  li:hover {
    background: url("../img/menu_hover.gif") no-repeat top right #eee7ef;  
}
/* the boxes under the menu */
#book_box{
    float:left;
    position:relative;
    width:197px;
    margin-top:15px;
    font-size:90%;
}
#book_box h4{
    float:left;
    display:block;
    width:194px;
    height:37px;
    line-height:37px;
    text-indent:15px;
    background:#7594b3;
    color:#fff;margin-top:9px;
}
span#book_box_content{
    float:left;
    width:164px;
    background:#c8d4e1;
    color:#5b6b6a;
    padding:15px;
}
#book_box_content a{
    color:#5b6b6a;
    text-decoration:none;
}
#book_box_content a:hover{
    color:#5b6b6a;
    text-decoration:underline;
}
#offers_box{
    float:left;
    position:relative;
    width:197px;
    margin-top:15px;
    font-size:90%;
}
#offers_box h4{
    float:left;
    display:block;
    width:194px;
    height:37px;
    line-height:37px;
    text-indent:15px;
    background:#b3a677;
    color:#fff;
    margin-top:9px;
}
span#offers_box_content{
    float:left;
    width:164px;
    background:#e1dbc9;
    color:#5b6b6a;
    padding:15px;
}
#offers_box_content a{
   color:#5b6b6a;
   text-decoration:none;
}
#offers_box_content a:hover{
   color:#5b6b6a;
   text-decoration:underline;
}
.book_main_img{
    position:absolute;top:0px;right:0px;
}
#map_box{
    float:left;
    width:194px;
    margin-top:24px;
}
#map_box h4{
    float:left;
    display:block;
    width:194px;
    height:37px;
    line-height:37px;
    text-indent:15px;
    background:#806483;
    color:#fff;
    font-size:90%;
}
a#map_box_content{
    float:left;
    display:block;
    width:194px;
    height:117px;
    background: url("../img/valley_map.gif") no-repeat top right;
}

/* the heading of the content*/

#heading{
	width:658px;display:block;
	height:58px;
    line-height:58px;
    text-align:right;
    padding-right: 20px;
    font-size:220%;
    font-family: "Times New Roman", times, serif;
    font-weight: normal;
    background: url("../img/heading_background1.png") bottom left;
    color:#fff;
	position:relative;
	top:100%;
	margin-top:-58px;
}
.leats #heading{
    background: url("../img/heading_background1-green.png") bottom left;
}
#stage{
    float:left;
    width:678px;
    background: #edeee8 no-repeat top left;
}
#stage,
#stage #headflash{
	z-index: 1;
	position: relative;
    height:230px;
}
#stage.tall,
#stage.tall #headflash{
    height:390px !important;
	z-index: 2;
	position: relative;
}

#stageflash {
    position: absolute;
	z-index: 3;
}

/* main content background colors  */

.violet_background{
  background:#7e7f93;
}
.brown_background{
  background:#b3a677;
}
.blue_background{
  background:#879e9d;
}
.green_background{
  background:#a5ad79;
}

/* main content area  */

#main{
	float:left;
	width:638px;
	padding: 20px;
	font-size:80%;
	color:#fff;
}

#main{
	height: 743px;
	line-height: 130%;
}
html>body #main {
	min-height: 743px;
	height: auto;
}
#main.withstage {
	height: 513px;
}
html>body #main.withstage {
	min-height: 513px;
	height: auto;
}
#main.withstagetall {
	height: 383px;
}
html>body #main.withstagetall {
	min-height: 383px;
	height: auto;
}

#blank h3,
#main h3{
	clear:left;
	font-size:140%;
	padding-bottom:15px;
}
#blank h4,
#main h4 {
	font-size:120%;
	padding-bottom:1em;
}
#blank p.intro,
#main p.intro {
	margin-top: 0;
}
#main a{
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}
#main a.plain {
	color: #fff;
	text-decoration: none;
}
#main a:hover {
	text-decoration: none;
}

/* links at the bottom of the content  */

ul#main_links{
    list-style:none;
}
ul#main_links li{
    background: url("../img/arrow.gif") no-repeat 77% center;
    padding-right:10px;
    float:left;
}
ul#main_links li a{
    text-decoration:none;
    color:#fff;font-weight:bold;
    font-size:115%;
    line-height:115%;
    padding-right:35px;
}
ul#main_links li a:hover{
    color:#fff;
    text-decoration:underline;
}

/*breadcrumb style */

ul#breadcrumbs {
	margin-bottom: 2em;
    width:100%;clear:both;
    list-style-type:none;font-weight:bold;
}
ul#breadcrumbs li{
    text-decoration:none;
    display:inline;
    padding-right:5px;
}
ul#breadcrumbs li a {
    color:#fff;
    text-decoration:none;
    padding-right:5px;
}
ul#breadcrumbs li a:hover{
    text-decoration:underline;
}

/* displaying properties */

.propertyList{
    float:left;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    width:310px;
    height:120px;
}
.propertySummary{
   float:left;
   width:210px;
   font-size:110%;
}
.propertySummary h2 {
    font-size:120%;
    padding:5px 0 7px 0;
}
#main .propertySummary h2 a {
    color:#394040;
}
.propertyList img{
    width:95px;
    height:95px;
    float:right;
    margin: 10px 0 10px 0px;
    border:0px;
}
.propertySummary ul{
    list-style-type:none;height:55px;
}
.propertySummary ul li.small{
    float:left;width:39%;
}
.propertySummary ul li.big{
    float:left;width:60%;
}
.lodge_margin{
    margin-left:15px;
}
#page a.details_lodge{
   clear:left;
   background: url("../img/arrow.gif") no-repeat right center;
   padding-right:25px;
   font-weight:bold;
   font-size:105%;
   color:#fff;
   text-decoration:none;
}
.pager{
  clear:both;float:left;width:100%;
  font-weight:bold;
  font-size:115%;
  margin-top:20px;
}
#page  a.next_page{
   bacground: url("../img/arrow.gif") no-repeat right center;
   padding:0 20px 0 20px;
   color:#fff;
   text-decoration:none;
}
#page a.previous_page{
   background: url("../img/reversed_arrow.gif") no-repeat left center;
   padding:0 20px 0 20px;
   color:#fff;
   text-decoration:none;
}
p a.next_page{
   background: url("../img/arrow.gif") no-repeat right center;
   color:#fff;
   text-decoration:none;
   font-weight:bold;
   font-size:115%;
   padding-left:0px !important;
}
a:hover.next_page,a:hover.previous_page,a:hover.details_lodge {
    text-decoration:underline;
}

/* displaying property details */
#property_info_box{
  width:100%;
  background:#cfd8d8;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  margin-bottom: 25px;
  height:37px;
}
#page a.property_book_button{
  background: url("../img/property_book_button.gif") no-repeat right bottom #806483;
  color:#fff;
  font-weight:bold;
  font-size:115%;
  width: 100px;
  height: 26px;
  line-height:26px;
  text-decoration:none;
  float:right;
  margin:5px;
  padding-left:10px;
  border:1px solid #806483;
}
#page a:hover.property_book_button{
  border:1px solid #fff;
}
#property_info_box ul{
   list-style-type:none;
   float:left;
   width:500px;
   color:#3e4646;
   display:inline;
   font-weight:bold;
   font-size:120%;
}
#property_info_box ul li{
   float:left;
   line-height:37px;
   padding-left:10px;
   padding-right:10px;
}
ul#property_gallery{
    float:left;
    margin:0 auto 30px 5px;
	list-style-type:none;
	clear:right;
}
ul#property_gallery li{
	background: #6a7b7a;
	float:left;
	margin-right:15px;
	margin-left:16px;
	display:inline;
}
ul#property_gallery li.wai{
	display: none;
}
ul#property_gallery li a,
ul#property_gallery li span {
	display: block;
    position: relative;
	background-color: #a8adb3;
    top: -4px;
    left: -4px;
	border:0px;
	width:180px;
    height:137px;
}


/*generic style */

ul,h1,h2,h3,h4,h5,h6,ol{
    margin:0px;
    padding:0px;
}
a img{
    border:0px;
}
a{
    cursor: pointer;
}
.cb{
    clear:both !important;
}
.bolder{
    font-weight:bold;
    font-size:105%;
}
.wai{
    display:none;
}


/* AVAILABILITY CALENDAR */

#tariff {
	color: #3e4646;
	margin-top: 2em;
	background-color: #cfd8d8;
	padding: 10px;
}
#tariff h4 {
	color: #3e4646;
}

.property-availability {
	clear: both;
}

#tariff .calendar {
	color: #6a7b7a;
}

.calendar {
	color: #000;
}

.calendar .d {
	text-align: center;
	padding: 0 1px;
}
.calendar .g,
.calendar .g b {
	color: #a2b3ac;
	font-weight: normal;
}
.calendar .k, .calendar .d  {
	font-size: 90%;
	line-height: 100%;
}

.calendar .a,
.calendar .b,
.calendar .p,
.calendar .o,
.calendar .l,
.calendar .t {
	text-align: center;
	background-color: #e3ecec;
}
.calendar .b {
	color: #000;
	background-color: #808989;
}
.calendar .p {
	color: #000;
	background-color: #a0a9a9;
}
.calendar .a {
	background-color: #e3ecec;
	text-indent: -9000px;
	overflow: hidden;
}
.calendar .o {
}

.calendar .l {
	color: #c00;
}
.calendar .w {
}
.calendar .t, .calendar .l, .calendar .w {
	text-align: center;
	padding: 0px 2px;
}

.calendar .s {
	width: .5em;
}
.calendar .v {
	height: .5em;
}

.calendar .a,
.calendar .b,
.calendar .o,
.calendar .t,
.calendar .l,
.calendar .w,
.calendar .p {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}
.calendar tr td.fl {
	border-left: 1px solid #000000;
}
.calendar tr td.ft {
	border-top: 1px solid #000000;
}
.calendar tr td.x {
	border-right: none;
}

.monthselect {
	margin-bottom: .5em;
}


/*footer style */

#footer{
    clear:left;
    margin: 5px auto 0 auto;
    font-size:69%;
    padding-bottom:15px;
    width:932px;
    color:#fff;
}
#footer a{
    color:#fff;
    text-decoration:none;
}
#footer a:hover{
    text-decoration:underline;
}
#footer ul{
    list-style-type:none;
    float:left;
}
#footer ul li{
    float:left;
    padding-left:.25em;
}
#footer ul li.first {
	padding-left: 0;
}
#footer ul li a{
    color:#fff;
    text-decoration:none;
}
#footer ul li a:hover{
    text-decoration:underline;
}
#footer p {
	clear: both;
}

/* FORMS */

.invalid {
	color: #600;
}
#page .invalid a {
	color: #600;
	font-weight: normal;
}
.violet_background .invalid {
	background-color: #8e8fa3;
}
.brown_background .invalid {
	background-color: #c3b687;
}
.green_background .invalid {
	background-color: #97aead;
}
.formfield {
	width: 300px;
}

.enquiryform,
#enquiryform {
	left: -2px;
	position: relative;
}

.enquiryform .title {
	padding: 2px 0;
	border-bottom: 1px dotted white;
}
#page .enquiryform a.plain {
	font-weight: normal;
}

/* BOOKING STEPS */

#booksteps {
	font-weight: bold;
	list-style: none;
	height: 3em;
}
#booksteps a {
	text-decoration: none;
}
#booksteps li {
	float: left;
	padding-right: 1.5em;
	margin-right: 1em;
	background: url(../img/forward.png) right 0 no-repeat;
}
#booksteps li.last {
	background: none;
}

#booksteps span {
	float: left;
	display: block;
	border: 1px solid white;
	padding: 2px 4px;
	margin-right: 0.5em;
}
html>body #booksteps span {
	margin-top: -.1em;
}

#booksteps strong span {
	background: #fff;
	color: #7e7f93;
}

/* BLANK PAGE */

#blank {
	font-size: 12px;
	text-align: left;
	color: #000;
	background: #fff;
	padding: 8px;
}
#blank a {
	color: #000;
	background-color: inherit;
	text-decoration: none;
}
#blank a:hover {
	text-decoration: underline;
}

/* LIGHTWINDOW SUPPORT */

#modalOverlay {
	height: 100%;
	background-color: #000;
}

#modalContainer {
	height: 586px;
	width: 824px;
	left: 50%;
	top: 10%;
	margin-left: -427px;
	position: absolute;
}

#modalContainer div {
	background-color: #fff;
	height: 566px;
}

#modalContainer iframe {
	border: none;
	background-color: #fff;
	height: 586px;
	width: 824px;
	overflow: hidden;
}

#modalContainer h1 {
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	padding: .25em 5px;
	background-color: #806483;
	color: #fff;
	height: 20px;
}
#modalContainer h1 a {
	color: #fff;
	font-size: 10px;
	position: absolute;
	text-decoration: none;
	right: 5px;
	top: 5px;
}

/* PAGE OVERLAY */

#overlay {
	z-index: 999;
	background-image: url(../img/overlay.png);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}

* html #overlay {
	background-color: #999;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");
}

#overlay img {
	position: relative;
	top: 50%;
}