/*------------------------  core CSS includes styles static centre-aligned div  -------------------------*/
a{text-decoration: none;}
	a, a:link    { color: #e10000;}
	a:visited { color: #e10000;} 
	a:focus   { color: #e10000;}
	a:hover   { color:#444; text-decoration:underline;}
	a:active  { color: #e10000;}

 
a.newsLetter{float:right;font-size:11px; padding:0 10px;}	
body{ background-color: #333; color: #ccc; font: 0.8em/1.5em Georgia, "Times New Roman", Times, serif; text-align:center; margin: 10px 0; background:url(../../images/wallpaper.gif) repeat top left;}

form{ margin:0;}
input.btnBooking{ width:142px ; height:22px; cursor: pointer; border:0; letter-spacing:-3000em;
				  background: url(../../images/btn_submitBooking.gif) no-repeat top left;}

input.inputText  {width: 250px; margin-left: 10px;}
#sendStoryForm td { font-size:12px;padding-bottom:14px; padding-top:0px;border:0px solid #fff; }
td.padded {padding:10px 0 5px 0!important; }
 
h1,h2,h3,h4,h5,h6{text-transform: capitalize; color: #333;}
h1{ font-size: 2em; margin: .67em 0;}
h2{ font-size: 1.5em; margin: .83em 0;}
h3{ font-size: 14px; margin: 1em 0; color:#000;}
h4, h5, h6{ font-size: 1em; margin: 0em 0;}

img {padding: 0; margin: 0 0 15px 0; border: 0; }
	img a:link   { border: 0; padding: 0; margin: 0;}
	img a:visited{ border: 0; padding: 0; margin: 0;}
	img a:focus  { border: 0; padding: 0; margin: 0;}
	img a:hover  { border: 0; padding: 0; margin: 0;}
	img a:active { border: 0; padding: 0; margin: 0;}
img.noMargin{margin: 0!important;} 
ul{ margin:0; padding:0; list-style:outside disc;}
#lipsum ul, #centreCol ul{margin-left:20px;}
#lipsum ul li, #centreCol ul li{margin-bottom:15px;}
ul.sitemap{ margin:0; padding:10px; list-style:outside disc;}

p{ font-size:1em;}
p.openingPara{ font-size:1.1em; font-weight:bold }
p.nameCityPara{ color: #999999; padding:2px 10px; }
div.pullQuote{padding: 10px 0 20px 0; font-size:1.3em; background: url(../../images/noveltyRsquo.gif) bottom right no-repeat; line-height:1.3em;}
	div.pullQuote img{display: block;}
	div.pullQuote p{padding:0; margin:0;}
div.rhsContent{margin:10px 20px; float:left; font-size:0.85em; font-weight:normal;}
	
div.bottomHolder{width: 100%; clear: left; margin: 10px 1px 0 0;}
	/*#iconHolder{width:150px; float:left; border: 1px solid red;}*/
div.photoSquare{ width:106px; height:90px; margin: 5px 6px 0 0; float:left; background:#efece6;}
 
form table{ margin:0; padding: 0 5px 0 0; overflow:visible;}
form table input, select, textarea{width: 98%;}	
form table input.smallInput{width: 130px; margin-right:10px;}
form table select.smallInput{width: 134px; margin-right:10px;}
table.newsLetter{margin:20px 0 20px 0; }
div.checkDiv{width:100%; float:right; text-align:right;}
	div.checkDiv input.checkbox{ width: 20px; display: inline; padding:0;  margin:0!important;}
input[type="submit"].booking {background: url(../../images/btn_booking.gif) top left no-repeat; width:142px; height: 22px; text-indent:-3000px; border: 0;}
td { vertical-align: top;padding: 10px 0 0 0}

table img{margin-right: 10px;}
/*--------------------------------------------  IDs  --------------------------------------------*/
#contact{ padding:10px; font-size:10px; color:#b2b2b2; float:left; width:180px; background:#fff;}
	#contact h6{margin:0; font-weight:normal; color: #666666;}
	h6 a.mail {background:url(../../images/icon_mail.gif) top right no-repeat; padding-right:22px; height:13px;}
	h6 a.mail:hover { background-position: bottom right;}
#container { width: 920px; margin:0 auto; text-align:left; } /* centre-aligns div & resets text-align to left */
#legalFooter{float:right; width:60%; margin-right: 30px; background:transparent; height:100px; text-align:right;  font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#999;}
	#legalFooter a{color: #999;}
	#legalFooter a:hover{ color:#fff;}
#footer { border-top: 1px solid #e4e1db; padding: 9px 0; clear:both; display:block; margin-top: 15px; display:inline;
		  width: 100%; color:#b2b2b2;  float:left;  font:11px Arial, Helvetica, sans-serif;}
	#footer a{  color:#b2b2b2;}
	#footer a:hover{  color:#666;}
	p.copyright {float: right; font-size:0.8em;}
    div.footerLeft{float: left; width:45%;  margin-left:20px;color:#b2b2b2; }
		div.footerLeft p{padding:2px 0; margin:0;  }
	div.footerRight{float: right; width: 45%;text-align:right; margin-right: 20px; font-size: 11px; }
		 div.footerRight p{padding:2px 0; margin:0;}
#footerHome{ clear:both; float:left; width: 100%; color:#b2b2b2; font:11px Arial, Helvetica, sans-serif; padding: 9px 0; text-transform: capitalize;}
	#footerHome a{  color:#b2b2b2;}
	#footerHome a:hover{  color:#666;}
#flashHolder{ width:695px; height:360px; background:url(../../images/flash_zone.jpg) no-repeat top left; float:left; }

#logoAndFlash{ border-color:#FFF; border-style:solid; border-width: 1px 0; height:360px;}
	#logoAndFlash img{float: left; border-right: 1px solid #FFF;}

#galleryThumbs{float:left; width:470px;}
#galleryThumbs img{margin-right:15px; border:1px solid #777;}
div.galleryDivider{border-bottom:1px solid #eee;padding:10px 0;width:100%;}	

/*#galleryThumbs{width:100%; float:left;}
	#galleryThumbs img{ border:1px solid #666;}
div.galleryDivider{border-bottom:1px solid #eee;padding:10px 0;width:100%;}	*/

/*#galleryThumbs{width:460px; float:left; background:#333;padding:10px 0 0 6px;}
	#galleryThumbs img{}
div.galleryDivider{border-bottom:1px solid #eee;padding:10px 0;width:100%;}	*/

#greyDivHome{background:#efece6;}
	#greyDivHome div  {}
	#greyDivHome div p{ color: #666; font-size:1.4em; line-height: 1.3em; padding:0;}

#greyDivHome{}
	#greyDivHome div  { padding:50px 175px 50px 37px; background:#efece6;}
	#greyDivHome div p{ color: #666; font-size:1.4em; line-height: 1.3em; padding:0;}
	#greyDivHome h2{ color: #333; font-weight:500; font-size: 22px;}
	
#padContainer{ padding:10px; display:block;} 
#homePadContainer{ padding:10px 10px 0 10px; display:block;}
#mastHead{ height:70px; background:#efece6; width: 100%;}
	#mastHead ul{ list-style:none; float:left; width:900px; }
	#mastHead ul.dark{background:#aeaca6;}
	#mastHead li{ display:inline; float:left;}
		#mastHead li a{display:block; float:left; padding: 5px 19px; background:#efece6; color:#4c4c4b; text-transform:capitalize; text-decoration:none; font-size:15px!important; border-right: 1px solid #fff; }
		#mastHead li.last a{ border-right: none!important; padding-right: 15px;}
		#mastHead li.current a{ background:#aeaca6; color: #f2f2f2;}
		#mastHead li a:hover{ background:#aeaca6; color: #f2f2f2;}
		
		

#navColL { width: 200px; float:left; background:#efece6; padding-bottom:0;}
	#navColL img{ border:solid #fff; border-width: 1px 0; margin-bottom:0!important; float:left;}
	#navColL ul.navList { list-style:none; display:inline; float:left; background: url(../../images/dots.gif) bottom repeat-x; padding-bottom: 1px; margin-bottom:35px; padding-top:20px;}
	#navColL ul.navList li    { padding:0;}
	#navColL ul.navList li.bottom{ display:block;}
	#navColL ul.navList a { color: #666; padding:7px 0 7px 20px ; display:block; width: 180px; height: 100%;
	background: url(../../images/dots.gif) repeat-x; text-decoration:none;  } /*remove height and watch what happens in ie!*/
	#navColL ul.navList a:link   { text-decoration:none; }
	#navColL ul.navList a:visited{ }
	#navColL ul.navList a:focus  { }
	#navColL ul.navList a:hover  { background-color: #aaa7a2; color: #F3F3F3;}
	#navColL ul.navList a:active { }	
	#navColL ul.navList li.current{  color: #ffffff;}
	#navColL ul.navList li.current a { color: #ffffff;background-color: #aaa7a2;}
  				
#navColR { width: 200px;float:left; background:#efece6; margin-top:40px; padding-bottom:35px; right:10px;}
	/*#navColR img {width: 180px; height: 140px;}*/
	#navColR div{ margin:10px;}
	#navColR h1,h2,h3,h4,h5,h6{margin: 5px  0;}
	#navColR ul.navList { list-style:none; float:left; width: 100%;  background:url(../../images/dots.gif) bottom repeat-x; padding-bottom: 1px;}
		#navColR ul.navList li{ background:url(../../images/dots.gif) repeat-x top; float:left; width:100%; list-style:none; padding-top: 1px;}
		#navColR ul.navList li.bottom{ background:url(../../images/dots.gif) bottom left repeat-x;padding-bottom:1px; margin-bottom:1px; }
		#navColR ul.navList a{ color: #666; padding:7px 20px; display:block; height:100%; background:url(../../images/icon_arrowR.gif) center left no-repeat; text-decoration:none;} /*remove height and watch what happens in ie!*/
		#navColR ul.navList a:visited{}
		#navColR ul.navList a:focus  {}
		#navColR ul.navList a:hover  {color:#8a3138; background-image:url(../../images/icon_arrowR_crnt.gif); background-color:#aaa7a2; color: #f2f2f2;}
		#navColR ul.navList a:active {}	
	#navColR a{ color: #666; height:100%;font-size:12px; }
	
#centreCol{width: 450px; margin:40px 25px; float:left; position:relative;}
	#centreCol h1, h2, h3, h4, h5, h6, p{ margin-top: 0;}
	#centreCol div{float:left;}
	#centreCol #header{width: 290px; float: left;}
		#centreCol #header h1 {font-size: 22px; margin:0 0 15px 0;}
		#centreCol #header h2 {font-size: 14px; color:#666; margin:0 0 6px 0;}
		#centreCol h3,h4{margin-bottom: 0;}
		
#wrapper{ float: left; background-color: #FFF; width:100%; color: #444; position:relative; display:inline;}	


div.iconHolder{width: 105px; float:right!important; clear:right; }
	div.iconHolder a span {display:none;} /* text indent doesn't really work in this context */
	div.iconHolder a{width:26px; height:13px; display:block; float:left; font-size:10px; background-position:top left;}
	div.iconHolder a:hover { background-position: bottom left;}
	div.iconHolder a.fontLrg {background-image: url(../../images/icon_lrgtxt.gif);}
	div.iconHolder a.fontSml {background-image: url(../../images/icon_smltxt.gif);}
	div.iconHolder a.mail {background-image: url(../../images/icon_mail.gif);}
	div.iconHolder a.print{background-image:url(../../images/icon_print.gif);}
	div.iconHolder a.pdf{ background-image:url(../../images/icon_pdf.gif);}
	div.iconHolder img{ margin-top: 3px; border-right:1px solid #c8c8c8} 
	
span.centerText{text-align:center; display:block;}	
span.underline{text-decoration:underline;}	
	
	
	div.iconHolder img.iconRight{ border-right: none;}
	
	
	div.iconHolderBack{width: 150px; /*float:right!important*/; text-align:right; position:absolute; bottom:55px;
	left:525px;}
	div.iconHolderBack a{padding-right: 15px;  background: url(../../images/icon_up.gif) right center no-repeat; 
	                 font:10px Arial, Helvetica, sans-serif; color:#b2b2b2}
	div.iconHolderBack img{ margin-top: 3px; border-right:1px solid #c8c8c8} 
	div.iconHolderBack img.iconRight{ border-right: none;}

div.inputButtonBox{ height:23px;padding-left:8px; background: url(../../images/btn_left.gif) left no-repeat;}
	 div.inputButtonBox input{height:23px; padding:0 11px 4px 0; color:#fff; border:0; cursor:pointer; text-transform:uppercase;
			                 background: url(../../images/btn_right.gif) right no-repeat; font-family:Georgia, "Times New Roman", Times, serif;}	
.readMore {font-weight:bold;}
a:hover.readMore {text-decoration:underline;color:#444}
/*------------------------  core CSS includes styles centre-aligned div  -------------------------*/
.fir{text-indent: -5000px; background: url(../../test_pages/sample-opaque.gif);}

@media print {


body{ background-color: #FFFFFF;	color: #000000;	font: 12pt Verdana, Arial, Helvetica, sans-serif;}
	
a:link{text-decoration: underline;}
	
img{visibility:hidden;}

}
ul.dark{background-color:#333333;}

img.left { float:left; margin:5px 6px 5px 0; }