html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-image:url('images/mainbg.jpg');
} 
 
#pagewidth{ 
 width:860px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#leftcol{
 width:160px; 
 float:left; 
 position:relative; 
 background-image:url('images/leftcolbg.jpg');
 height:725px;
 padding-left:20px;
 padding-top:200px;
  }
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:680px; 
 }

#maincolsection1{clear:both; }
#maincolsection1left{ float: left;  display:inline;  position: relative;  width:195px; height:125px;background-image:url('images/section1leftbg.jpg');padding:10px; padding-left:20px;}
#maincolsection1right{float: right;  display:inline;  position: relative;  width:425px;height:125px;background-image:url('images/section1rightbg.jpg');padding:10px; padding-left:20px;}

#maincolsection2main{clear:both;height:250px; background-image:url('images/banner1.jpg');}
#maincolsection2room{clear:both;height:250px; background-image:url('images/banner2.jpg');}
#maincolsection2whitby{clear:both;height:250px; background-image:url('images/banner3.jpg');}

#maincolsection3{clear:both;}
#maincolsection3left{float: left;  display:inline;  position: relative; height:10px; width:455px;background-image:url('images/section3leftbg.jpg');}
#maincolsection3right{float: right;  display:inline;  position: relative; height:10px; width:225px;background-image:url('images/section3rightbg.jpg');}

#maincolsection4{clear:both;}
#maincolsection4left{float: left;  display:inline;  position: relative;  width:435px;height:35px;background-image:url('images/section4leftbg.jpg');padding:10px;}
#maincolsection4right{float: right;  display:inline;  position: relative;  width:205px;height:35px;background-image:url('images/section4rightbg.jpg');padding:10px;}

#maincolsection5{clear:both;}
#maincolsection5left{float: left;  display:inline;  position: relative;  width:435px;height:445px;background-image:url('images/section5leftbg.jpg');padding:10px;}
#maincolsection5right{float: right;  display:inline;  position: relative;  width:205px;height:445px;background-image:url('images/section5rightbg.jpg');padding:10px;}

#specialofferleft{width:50px;float: left;  display:inline;  position: relative; }
#specialofferright{float: right;  display:inline;  position: relative; width:155px;}

.sectiontitle{font-family:Century Gothic; font-size:11pt; font-weight:bold; color:#756B5D;}
.sectiontitlelight{font-family:Century Gothic ; font-size:9pt; color:#332314;}
.maintitle{font-family:Century Gothic ; font-size:11pt; font-weight:bold; color:#ffffff;}
.bodytext {font-family:Century Gothic ; font-size:8pt;  color:#5D574B;}
.bodytext a{color:#5D574B; text-decoration:underline;}
.bodytext a:hover {text-decoration:underline;}
.nav{font-family:Century Gothic ; font-size:9pt; color:#ffffff;line-height:23px;}
.nav a{color:#ffffff; text-decoration:none;}
.nav a:hover {text-decoration:underline;}
.picture{margin-right:10px; clear:left;border:0px;}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}