/* CSS Document */

body {
	background-image: url(resource/bg/bg.jpg);
	background-position: top center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
*html body {
	background-image: url(resource/bg/bg.jpg);
	background-position: top center;
	font-size: small;/*for IE5/Win*/
	f\ont-size: small; /*for other IE versions*/
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

img, div { behavior: url(iepngfix.htc) }

/*Clear Hack / Pad*/
.clearit {
	clear: both;
	height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 0px;
}
.nopad {
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.nopadright {
	float:right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.nopadheads {
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}
/* PAGE CONTAINER TO CENTER PAGE */	

#pagecontainer {
	float: left;
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(resource/bg/headbg.gif);
	background-position: top;
	background-repeat: repeat;
	width: 100%; /* mandatory to be centered */
}
#pagecontainercenterall {
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	width: 1000px; /* mandatory to be centered */
}
/* FRAME LAYOUT */	

#frametop {
	padding: 0;
	margin: 0;
	width: 1000px;
	height: 19px;
}
#framebg {

	background-image: url(resource/frame/framebg.png);
	padding: 0;
	margin: 0;
	width: 1000px;
}
#framefoot {
	padding: 0;
	margin: 0;
	width: 1000px;
	height: 19px;
}
/* HOME FLASH LAYOUT */
	 
	   #flashcontainer {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 1000px;
	height: 420px;
	z-index: -1;
}

	   .imageposition {
	float: left;
	padding: 0px 6px 0px 6px;
	margin: 0px 0px 0px 0px;
}
/* HOME NAV OVER FLASH */
	 
	   #navholderouter {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 500px; /* mandatory to be centered */
	padding: 0;
	z-index: 997;
}
#navplace {
	float: left;
	display: inline;
	width: 200px;
	padding: 0;
	margin: 0px 0px 0px 30px;
	z-index: 999;
}
#navholder {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 1000px; /* mandatory to be centered */
	padding: 0;
	margin: 0;
	z-index: 998;
}
/* NAV */		
  #logo {
	float: left;
	padding: 0px 0px 30px 0px;
	margin: 0;
}

/* FOOTER LAYOUT */	 
	  #footleft {
	  float: left;
	  text-align: left;
	padding: 5px 0px 10px 5px;
	margin: 0px 0px 0px 0px;
	width: 655px;
	font-size: 75%;
	color: #000000;
	font-weight: normal;
}

	  #footright {
	  float: left;
	  text-align: right;
	padding: 5px 7px 10px 0px;
	margin: 0px 0px 0px 0px;
	width: 333px;
		font-size: 75%;
	color: #000000;
	font-weight: normal;
}

.footlinksbig {
padding: 0px 0px 8px 0px;
margin: 0;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
a:hover.footlinksbig {
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}

.footlinkssmall {
padding: 2px 0px 0px 0px;
margin: 0;
font-size: 90%;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.footlinkssmallactive {
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}




/* HOME CONTENT LAYOUT */	 
	  #whitemiddle {
	  background-position: top center;
	  background-image: url(resource/bg/whitebg.gif);
	  background-repeat: repeat-y;
	padding: 20px 10px 0px 20px;
	margin: 0px 0px 0px 0px;
	width: 970px;
}

#homeleftcol {
	float: left;
	display: inline;
	width:620px;
	padding: 0px 24px 0px 10px;
	margin: 20px 0px 0px 0px;
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
}

.keyright {
	float: left;
	width: 264px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}


#homeleftcolinnercopy {
	float: left;
	width: 600px;
	padding: 0px 0px 0px 0px;
	margin: 0;
}

#homeleftcolinnercopysummer {
	float: left;
	width: 600px;
	padding: 0px 0px 0px 0px;
	min-height: 290px;
	margin: 0;
}

#homeleftcolinner {
	float: left;
	width: 630px;
	padding: 0px 0px 0px 0px;
	margin: 0;
}
#homerightcol {
display: inline;
	float: left;
	width: 280px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 25px;
}
#videotour {
	float: left;
	width: 354px;
	height: 44px;
	background-image: url(resource/bg/videobg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 66px;
	margin: 0px 20px 0px 0px;
}
#homebook {
	float: keft;
	width: 190px;
	padding: 0;
	margin: 10px 0 0 0;
}

/* Press CONTENT LAYOUT */

#pressleftcolinner {
	float: left;
	width: 620px;
	padding: 0px 0px 0px 0px;
	min-height: 290px;
	margin: 0;
}

.pressouter {
	float: left;
	width: 620px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 15px 0px;
}

.pressthumb {
	float: left;
	width: 110px;
	padding: 0px 10px 10px 0px;
	margin: 0px 0px 0px 0px;
}

.pressdetails {
	float: left;
	width: 474px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* GALLERY CONTENT LAYOUT */	
.galleryouter {
	float: left;
	width: 620px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 15px 0px;
}



/* HOT CONTENT LAYOUT */	
#hotleftcol {
	float: left;
	display: inline;
	width:550px;
	padding: 0px 25px 0px 10px;
	margin: 20px 0px 0px 0px;
	
}

	  .hotrow {
	  float: left;
	  padding: 0px 0px 10px 0px;
	margin: 0px 20px 10px 0px;
	width: 550px;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

	  .hotpic {
	  float: left;
	  padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 150px;

}

	  .hottext {
	  float: left;
	  padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 370px;

}

/* ENQUIRY CONTENT LAYOUT */	
#enqleftcol {
	float: left;
	width:230px;
	padding: 0px 25px 0px 10px;
	margin: 20px 0px 0px 0px;
	
}

#map {
	float: left;
	width: 340px;
	padding: 0px 15px 0px 0px;
	margin: 60px 0px 0px 0px;
}

#enqrightcol {
	float: left;
	width: 330px;
	padding: 0px 0px 0px 15px;
	margin: 20px 0px 0px 0px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
}


#enqrightcolhot {
	float: left;
	width: 330px;
	/*height: 540px;*/
	padding: 0px 0px 0px 15px;
	margin: 20px 0px 0px 0px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
}
.engleftkeys {
	float: left;
	width:230px;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	
}

/* FORM LAYOUT */	 
.formrowblack {
	float: left;
	width: 320px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	color: #404040;
	font-size: 85%;
}

.formrowenquiry {
	float: left;
	width: 240px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	color: #404040;
	font-size: 10px;
}

form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 70px;
	padding: 0;
	margin: 5px 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}

.fromto {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 40px;
	padding: 0;
	margin: 5px 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}

.buttonrowenquiry {
	float: right;
	text-align: right;
	width: 202px;
	padding:0px 40px 0px 0px;
	margin: 0px 0px 8px 0px;
	color: #ffffff;
	font-size: 10px;
}

.maplink{
float: right;
font-weight: normal;
text-decoration: underline;
font-size: 8px;
color: #FF0000
padding: 4px 0px 0px 0px;
margin: 0;}

/* HOME ACCOM NAV LAYOUT */	 
	  #accomtitlerowhome {
	  float: left;
	  padding: 12px 0px 0px 0px;
	margin: 0px 20px 0px 5px;
	width: 940px;
}

  #accomnavrighthome {
	  float: left;
	  text-align: left;
	  padding: 0px 0px 0px 0px;
	  margin: 0px 0px 0px 0px;
	  width: 700px;
}

.accomnavtexthome{
float: left;
width: 700px;
font-size: 80%;
color: #999999;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

.accomnavtextlinkhome{
color: #999999;
text-decoration: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

a:hover.accomnavtextlinkhome{
text-decoration: underline;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}


/* ACCOM LAYOUT */	 
	  #accomtitlerow {
	  float: left;
	  padding: 20px 0px 5px 0px;
	margin: 0px 20px 0px 10px;
	width: 940px;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

	  #accomtitleleft {
	  float: left;
	  padding: 0px 0px 0px 0px;
	  margin: 0px 0px 0px 0px;
	  width: 370px;
}

	  .accomtitlerates{
	  float: left;
	  padding: 10px 0px 0px 0px;
	  margin: 0px 0px 0px 0px;
	  width: 610px;
}

	  .hottitlerow{
	  float: left;
	  padding: 0px 0px 0px 0px;
	  margin: 10px 0px 0px 0px;
	  width: 500px;
}

	  #accomnavright {
	  float: right;
	  text-align: right;
	  padding: 0px 0px 0px 0px;
	  margin: 0px 0px 0px 0px;
	  width: 560px;
}

.accomnavtext{
float: right;
width: 435px;
font-size: 90%;
color: #999999;
padding: 10px 10px 0px 0px;
margin: 0px 0px 0px 0px;}

.accomnavtextlink{
color: #999999;
text-decoration: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

a:hover.accomnavtextlink{
text-decoration: underline;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

.accomnavbook{
float: right;
width: 115px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}


.accomtitleright{
float: left;
width: 280px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

#acconmelftcol {
	float: left;
	width:620px;
	padding: 0px 24px 0px 10px;
	margin: 20px 0px 0px 0px;
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
}

#beds{
float: left;
width: 600px;
height: 20px;
padding: 0px 0px 0px 40px;
margin: 0px 0px 0px 0px;
background-image: url(resource/bg/bed.gif);
background-position: left;
background-repeat: no-repeat;}

#tourholder{
float: left;
width: 610px;
height: 445px;
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 0px;}

/* TABLE*/
   .redbg {
   background-color: #f33c36;
}

   .bga {
   background-color: #d4b279;
}

   .bgb {
   background-color: #ca9c50;
}

   .bgc {
   background-color: #b67d20;
}

   .blackbg {
   background-color: #000000;
}

.tabletextcenter{
text-align: center;
color: #FFFFFF;
font-size: 90%;
padding: 0px 0px 0px 0px;
margin: 5px 2px 5px 2px;}

.tabletextleft{
float: left;
color: #FFFFFF;
font-size: 90%;
padding: 5px 2px 5px 5px;
margin: 0px 0px 0px 0px;}

.tabletextleftsmall{
float: left;
width: 250px;
color: #FFFFFF;
font-size: 80%;
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;}

.rateterm{
float: left;
width: 610px;
color: #000000;
font-size: 80%;
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;}

/* SYFR*/
   .homestrap {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 28px;
	color: #000000;
}

   .ratetitles {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 21px;
	color: #000000;
}


/* HOME CONTENT TEXT*/	

.homelead {
	font-size: 80%;
	color: #404040;
	font-weight: normal;
	padding: 0px 0px 10px 0px;
	margin: 0;
}
.homecopy {
	font-size: 80%;
	color: #404040;
	font-weight: normal;
	padding: 0px 0px 8px 0px;
	margin: 0;
}
.homespecials {
	font-size: 80%;
	float: left;
	width: 250px;
	color: #404040;
	font-weight: normal;
	padding: 5px 0px 0px 0px;
	margin: 0;
}
.videolinks {
	font-size: 70%;
	color: #ffffff;
	font-weight: normal;
	padding: 27px 0px 0px 0px;
	margin: 0;
}
.videolinksactive {
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
}
a:hover.videolinksactive {
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}
.specialslink {
float: left;
width: 260px;
	font-size: 90%;
	color: #7f705c;
	font-weight: bold;
	padding: 8px 0px 0px 0px;
	margin: 0;
}

.specialslinkwide {
float: left;
width: 400px;
	font-size: 90%;
	color: #7f705c;
	font-weight: bold;
	padding: 8px 0px 0px 0px;
	margin: 0;
}
.specialslinkactive {
	color: #7f705c;
	font-weight: bold;
	text-decoration: underline;
}
a:hover.specialslinkactive {
	color: #51422e;
	font-weight: bold;
	text-decoration: underline;
}

.blackheadings {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
}

.features {
	color: #666666;
	width: 220px;
	font-weight: normal;
	text-decoration: none;
	padding: 0px 0px 10px 20px;
	margin: 0px 0px 0px 0px;
}

.features li {
	color: #666666;
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
}

.conditions {
	color: #666666;
	width: 90%;
	font-weight: normal;
	text-decoration: none;
	padding: 0px 0px 10px 20px;
	margin: 0px 0px 0px 0px;
}

.conditions li {
	color: #666666;
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
}


.store {
	color: #404040;
	width: 560px;
	font-weight: normal;
	text-decoration: none;
	padding: 0px 0px 10px 20px;
	margin: 0px 0px 0px 0px;
}

.store li {
	color: #404040;
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
}


.contentlead {
	font-size: 12px;
	line-height:16px;
	color: #404040;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0;
}
.contentcopy {
	font-size: 80%;
	color: #404040;
	font-weight: normal;
	padding: 0px 0px 8px 0px;
	margin: 0;
}

.enqtitle {
	font-size: 90%;
	color: #000000;
	font-weight: bold;
	padding: 0px 0px 4px 0px;
	margin: 0;
}

.enqcopy {
	font-size: 90%;
	color: #404040;
	font-weight: normal;
	padding: 0px 0px 4px 0px;
	margin: 0;
}

.enqcopylink {
	color: #FF0000;
	font-weight: normal;
	text-decoration: underline;
}

.presstitle {
	font-size: 80%;
	color: #000000;
	font-weight: bold;
	padding: 0px 0px 3px 0px;
	margin: 0;
}

.pressdate {
	font-size: 80%;
	color: #FF0000;
	font-weight: bold;
	padding: 0px 0px 7px 0px;
	margin: 0;
}

