/*1*********************************************/
/* Layout Divs                                 */
/***********************************************/
body	{
	text-align: center;
}

#bodyBox {
	width: 860px;
	margin-left:auto; margin-right:auto;
}
#mainBox {
	clear:both;
	width:100%;
	padding:0px; margin:0px;
	position:relative;
}

#headerBox{
	margin: 0;
	padding: 5px 0 0 0;
	width: 100%;
}


#navBox{
	width: 100%;
	clear:both;
	padding: 0px 0px 0px 0px;
}

/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */
#navBox img{
}
#navBox a {
	padding: 0px 4px 0px 0px; 
}

#content{
	width:730px;
  	/*float:right;*/
	display:block;
	margin: 2px;
	padding: 0px;
}

#pageTitle{
	/*width:100%;*/
	padding: 0px 0px 10px 5px;
}

#subNav{
	padding: 0px 0px 0px 10px;
}

#images {
	/*border:1px solid gray;*/
	width:402px;
	float:right;
	margin: 5px 0 0 5px;
	padding: 0px 0px 0px 0px;
	text-align:center;
}
div#images img {
	/*width:400px;*/
}
div#images .imagesLarge {
	float:right;
	padding:0; margin: 0 0 5px 0px;
	border:none;
	width:400px;
	/*height:300px;*/
}
div#images .imagesLarge img {
	margin:0; padding:0;
	text-align:center;
	/*width:400px;*/
}
div#images .imagesLarge p {
	margin:0; padding:0;
	display:block;
	text-align:center;
	font-size:130%;
}
div#imagesThumbs {
	width:auto;

	padding:0px 0px 0 0px;
	clear:both;
	/*margin:0px;*/
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	/*background-color:#CCCCCC;*/
}
div#imagesThumbs .imagesThumbsBox {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	/*border:1px solid gray;*/
	padding-left:2px;
}
div#imagesThumbs .imagesThumbsBoxWidth4 {width:402px;}
div#imagesThumbs .imagesThumbsBoxWidth3 {width:300px;}
div#imagesThumbs .imagesThumbsBoxWidth2 {width:200px;}
div#imagesThumbs .imagesThumbsBoxWidth1 {width:100px;}

* html div#imagesThumbs .imagesThumbs {
	margin:0px 0 0 0px;
}
div#imagesThumbs .imagesThumb {
	float:left;
	width:100px;
	margin: 0px 0 0px 0px; padding:0 0px 0 0px;
}
div#imagesThumbs .imagesThumb img {
	margin:0;
	padding:0 1px 2px 1px;
	width:98px;
	height:74px;
	text-align:center;
	overflow:hidden;
}
div#imagesThumbs .imagesThumb p {
	text-align:center;
	margin: 0 0 4px 0px;
	padding:0;
}

/* Floorplan Images */
div#floorplan {
	margin-bottom:6px;
	padding-bottom:6px;
}
div#floorplan img {
	float:left;
}


#commonNav{
	float:right;
	padding: 5px 0px 5px 10px;
}


#sideBar{
	/*width: 100%;*/
	width: 130px;
	/*top:0px; left:0px;*/
	margin: 0px;
	padding: 0px;
	text-align:center;
}
#sideBarTD{
	margin: 0px;
	padding: 0px;
	position:relative;
}


#introduction{
	float:left;	
	padding: 0px 0px 10px 10px;
}

#introduction p{
  padding: 0px 0px 10px 0px;
}

#story{
	/*width:100%;*/
	/*float:left;*/
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
}
#story p{
  padding: 0px 0px 0px 0px;
  margin-top:4px;
}
#story_description {
	clear:left;
}
#story_description p {
	font-size:90%;
	line-height: 1.2;
	padding:6px 0 0 0;
}
#story ul{
	padding: 0 0 0 10px;
	margin: 0 0 0 20px;
}
#story ul li{
	margin:0;
  	padding: 0px 0px 0px 0px;
}
* html #story ul li{
	margin:0px 0px 0px 0px;;
  	padding: 0px 0px 0px 5px;
}

#extraBar {
	visibility:hidden;
	width: 25%;
	float:right;
	margin: 0 0 0 5px;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}


/************* #breadCrumb styles *************/

#breadCrumb{
	padding: 5px 0px 5px 10px;
}

.feature h3{
	padding: 30px 0px 5px 0px;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */



/************** #amenities styles *****************/

#amenities{
	clear:right;
	float:right;
	display:inline;
	width:240px;
	margin: 0 0 0 5px;
	border: 1px solid gray;
}

#amenities ul{
	padding: 0 0 0 0px;
	margin: 0 0 0 10px;
}

#amenities ul li {
	list-style-position:outside;
	padding:0 0 0 5px;
	margin: 0 0 0 20px;
}
* html #amenities ul li {
	list-style-position:outside;
	padding: 0 0 0 5px;
	margin: 0 0 0 20px;
}

/************* #footerBox styles ***************/

#footerBox{
	text-align:center;
	clear: both;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}
/* negative top margin pulls footerBox up so its top border overlaps (and thus lines up with)
   the bottom border of the sideBar in cases where they "touch" */

#footerBox img{
	padding: 4px 4px 4px 0px;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	margin: 0px;
	padding: 0px;
}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	width: 100%;
}

#sectionLinks a:visited{
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	padding: 2px 0px 2px 10px;
}

/************** sideBar testimonial styles **************/
#sideBar .testimonials {
	width:100%;
	padding: 0px 0px 0px 0px;
	margin:0;
	/*border:1px solid green;*/
}

/************** advert styles **************/

#sideBar .advert {
	/*border:1px solid green;*/
	width:100%;
	padding: 0px 0px;
	margin:0;
}

#sideBar .advert a, #sideBar .advert a:hover, #sideBar .advert a:visited {
	text-decoration:none;
}
#sideBar .advert img {
	text-decoration:none;
	/*width: 100%;*/
	width: 96px;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

div.request iframe {
	/*width:640px; */
	width:600px;
	height:900px;
	margin-left:auto; margin-right:auto;
	text-align:center;
}
div.booking iframe {
	/*width:640px; */
	width:650px;
	height:500px;
	margin-left:auto; margin-right:auto;
	text-align:center;
}
#availability iframe {
	width:600px;
	height:250px;
	text-align:center;
}
/* Rates on the Booking Page */
#rates {
	/*border:1px solid gray;*/
	text-align:center;
}
#rates table {
	width:425px;
	text-align:center;
	margin-left:auto; margin-right:auto;
}
#images.RatesAndAvailability {
	width:100%;
	clear:both;
	margin: 5px 0 0 5px;
	padding: 0px 0px 0px 0px;
	text-align:center;
}

#story .RatesAndAvailability div {
	text-align:center;
}
/*#story .RatesAndAvailability {
	text-align:center;
}
#story .RatesAndAvailability h1,
#story .RatesAndAvailability h2, 
#story .RatesAndAvailability ul, 
#story .RatesAndAvailability li, 
#story .RatesAndAvailability p {
	text-align:left;
}*/
#story .RatesAndAvailability p {
	margin: 5px 0 0 0px;
	padding: 0px 0px 0px 0px;
}
#story .RatesAndAvailability img {
	padding: 5px;
	clear:both;
	float:none;
	/*float:right;*/
}
#story .RatesAndAvailability ul {
	margin:4px 0 0 4px;
}
#story .RatesAndAvailability li {
	list-style-position:outside;
	margin-left:10px;
}

.button {
	width:100%;
	display:block;
	color:#459;
	margin:0px 0px;
	padding: 0px 0px;
	text-align:center;
	border-bottom:1px solid black;
}
div#sideBar .button {
	background-color:#CCCC99;
}
.button a {
	display:block;
	width:100%;
	padding: 8px 0px;
	text-align:center;
}
.button:hover {background-color:#663333;} 
.button:hover a {color: white;}

.logos {
	text-align:center;
}

#Affiliates {
	width:120px;
	/*position:absolute;
	left:1px; bottom:1px;*/
	text-align:center;
}
#sideBar #Affiliates h1 {
	padding:10px 0 4px 0;
}

#Affiliates .Affiliate {
	width:116px;
	margin-left:auto;
	margin-right:auto;
}
#Affiliates .Affiliate a {
	display:block;
	text-align:center;
	margin:0; padding:0;
}
#Affiliates .Affiliate img {
	/*width:94px;*/
	margin:2px 0;
	padding:0;
}

/* MAPPING */
#mapBox {
	width: 630px; height: 580px;
	margin: 0px auto;
	border:1px solid gray;
}
#mapBox p {
	font-size:80%; text-align:center; padding:1px 4px; font-style:italic; 
	float:none; display:block;
}

#mapNav {
	width:100%;
	float:right;
}
div#mapNav div#nav .button {
	background-color:#CCCC99;
	width:100px;
	float:right;
}
div#mapNav .button a {
	color:black;
}
div#mapNav .button a:hover {
	color:white;
}
div#nav ul li{
	margin:0;
  	padding: 0px 0px 0px 0px;
}
#map {
	clear:both;
	width: 630px; height: 500px;
	margin: 6px 0px;
	/*border:1px solid gray;*/
}

#mapLegend {
	width: 380px;
	float:right;
	border:1px solid black;
	margin: 6px 0 6px 6px;
	padding: 2px;
	background-color: white;
}
#mapLegend h1 {
	/*padding-left:6px;*/
	text-align:center;
	font-size:80%;
}
#mapLegend p {
	display:block;
	float:left;
	padding:0 3px;
	font-size:80%;
}
#mapLegend p img {
	padding:3px 0 0 3px;

}
#mapLegend span {
	font-size:100%;
	float:left;
	font-weight:bold;
	padding:6px 3px;	
}

.banner {
	/*margin-left:auto; margin-right:auto;*/
	margin: 10px auto;
	text-align:center;
	font-size:80%;
	border:2px solid #664444;
	width:90%;
	background-color:#eee;
}