body {

	background: url('images/bar.gif') left 76px repeat-x #5b221b;
	font-family: Georgia, Times, Helvetica, Arial, sans-serif;
	margin: 0;

}

/* General Definitions */

a, a:link, a:active, a:visited{

	color: #842844;

}

a:hover{

	text-decoration: none;

}

h1, h2, h3, h4, h5{
	color: #842844;
	margin: 0 0 .5em 0;
	}

h1{	
	font-size: 1.6em; 
	line-height:1.0em;
	}

h2{ font-size: 1.3em; }

h3{ font-size: 1em; line-height:1.0em; }

h4{ font-size: 1.3em; }

.bizname{	
	font-size: 2.2em; 
	color: #842844;
	letter-spacing: -.08em;
	margin: 0 0 6px 0;
	color: #fff;
	}

.bizname a{
	text-decoration:none;
	}

.the{
	letter-spacing: -.1em;
	text-transform:uppercase;
	font-size: .5em;
	font-weight: normal;
	margin: 0 0 0 28px;
	}

.tagline{ 
	margin: 0 0 .5em 0;
	font-size: 1.3em;
	color: #fff;
	}

.replace {text-indent: -9000px; margin-top: -1em;}

p { font-size: .9em; 
	line-height: 1.3em; 
	letter-spacing: .03em; 
	margin: 0 0 .8em 0; 

}

strong{font-weight: bold;}
em {font-style: italic;}

ul{

	margin: 0 0 1em 2em;
	list-style: disc;

}

/* Layout and Coloring */

#page {

	display: block;
	text-align: center;

}

#layout {
	
	width: 950px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;

}

#header {

	height: 76px;
	color: #fff;

}

#header a{

	color: #fff;
	
}

#header .hLeft{

	float: left;
	font-size: .7em;
	margin: 7px 0 0 25px;

}


#header .container {

	float: right;
	width:400px;

}

#header .container .bookNow{

	float: right;
	margin: 0 25px 0 20px;

}

#header .container span{

	margin: 15px 0 0 20px;
	display: block;
	float: left;

}

.nav ul {

	list-style: none;
	margin: 0;
	padding: 0;

}

.nav ul li {

	float: left;

}

.nav ul li a {

	display: block;
	padding: .8em;
	text-decoration: none;

}

.nav ul li a:hover {

	text-decoration: underline;

}

#topNav{

	height: 54px;
	padding: 0 0 0 40px;

}

#topNav a {

	font-size: .95em;
	border-right: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	padding: 1px 20px 0 0;
	margin: 17px 20px 0 0;

}

#topNav .lastOne a{
	
	border: none;

}

#topNav a:hover {

	text-decoration: underline;

}

#flash{

	height: 300px;
	background: url('images/flash.jpg') top left no-repeat;

}

#home #flash {

	height: 407px;
	background: url('images/flash.jpg') 21px top no-repeat;
	margin: 0 0 0 -20px;
}

#inn #flash {background: url('images/hd-inn.jpg') top left no-repeat;}
#rooms #flash {background: url('images/hd-rooms.jpg') top left no-repeat;}
#rm-emma #flash {background: url('images/hd-emma.jpg') top left no-repeat;}
#rm-lucy #flash {background: url('images/hd-lucy.jpg') top left no-repeat;}
#rm-ford #flash {background: url('images/hd-ford.jpg') top left no-repeat;}
#rm-susan #flash {background: url('images/hd-susan.jpg') top left no-repeat;}
#rm-agnes #flash {background: url('images/hd-agnes.jpg') top left no-repeat;}
#rm-johnemma #flash {background: url('images/hd-johnemma.jpg') top left no-repeat;}
#rm-martha #flash {background: url('images/hd-martha.jpg') top left no-repeat;}
#rm-dudley #flash {background: url('images/hd-dudley.jpg') top left no-repeat;}
#availability #flash {background: url('images/hd-availability.jpg') top left no-repeat;}
#area #flash {background: url('images/hd-area.jpg') top left no-repeat;}
#directions #flash {background: url('images/hd-directions.jpg') top left no-repeat;}
#specials #flash {background: url('images/hd-specials.jpg') top left no-repeat;}
#photos #flash {background: url('images/hd-photos.jpg') top left no-repeat;}
#events #flash {background: url('images/hd-events.jpg') top left no-repeat;}

#content {

	clear: both;
	background: url('images/contentback.jpg') top left no-repeat #fffcd9;
	font-family: Tahoma, Georgia, Times, Helvetica, Arial, sans-serif;

}

#content .quote{

	padding: 10px 0 0 5px;
	margin-top:0px;
	height: 140px;
	position:relative;

}

#content .quote .quoimg{

	position:absolute;
	z-index:10;
	top:-80px;
	right:-30px;
	width:450px;
	height:270px;
}
	
#photos #content .quote .quoimg{top:-25px;}

#strut #content .quote .quoimg{top:-15px;}

#gc #content .quote .quoimg{top:0px;}

#rooms #content .quote .quoimg{background: url('images/quoteimg-rooms.png') top left no-repeat;}
#inn #content .quote .quoimg{background: url('images/quoteimg-inn.png') top left no-repeat;}
#rm-emma #content .quote .quoimg{background: url('images/quoteimg-emma.png') top left no-repeat;}
#rm-lucy #content .quote .quoimg{background: url('images/quoteimg-lucy.png') top left no-repeat;}
#rm-ford #content .quote .quoimg{background: url('images/quoteimg-ford.png') top left no-repeat;}
#rm-susan #content .quote .quoimg{background: url('images/quoteimg-susan.png') top left no-repeat;}
#rm-agnes #content .quote .quoimg{background: url('images/quoteimg-agnes.png') top left no-repeat;}
#rm-johnemma #content .quote .quoimg{background: url('images/quoteimg-johnemma.png') top left no-repeat;}
#rm-martha #content .quote .quoimg{background: url('images/quoteimg-martha.png') top left no-repeat;}
#rm-dudley #content .quote .quoimg{background: url('images/quoteimg-dudley.png') top left no-repeat;}
#area #content .quote .quoimg{background: url('images/quoteimg-area.png') top left no-repeat;}
#directions #content .quote .quoimg{background: url('images/quoteimg-directions.png') top left no-repeat;}
#availability #content .quote .quoimg{background: url('images/quoteimg-avail.png') top left no-repeat;}
#photos #content .quote .quoimg{background: url('images/quoteimg-photos.png') top left no-repeat;}
#specials #content .quote .quoimg{background: url('images/quoteimg-specials-2.png') top left no-repeat;}
#strut #content .quote .quoimg{background: url('images/quoteimg-strut.png') top left no-repeat;}
#gc #content .quote .quoimg{background: url('images/quoteimg-gc.png') top left no-repeat;}
#events #content .quote .quoimg{background: url('images/quoteimg-events.png') top left no-repeat;}

#content .container {

	font-size: .9em;
	padding: 15px 15px 30px 20px;
	line-height: 1.3em;

}

#photos table {
	margin:auto;

}

#photos td {
	text-align:center;
}

.rightSide #content .container{

	width: 500px;
	
}

#content .cRight{

	float: right;
	margin: 60px 0 0 0;

}

#content .topRight{

	background: url('images/topright.png') top left no-repeat;
	position: absolute;
	width: 411px;
	height: 286px;
	margin: -12px 0 0 539px;

}

#content .cRight img{

	margin: 0 10px 10px 0px;
	
}

#content .rightImages {
	float:right; 
	padding:0px 10px; 
	width:375px;
}

#footer {

	background: url('images/footerback.jpg') top left;
	min-height: 136px;

}

#footer .note{

	width: 254px;
	height: 184px;
	position: absolute;
	margin: -27px 0 0 0;

}

#home #footer .note{background: url('images/note-index.png') top left no-repeat; width:255px; height:184px;}
#inn #footer .note {background: url('images/note-inn.png') top left no-repeat; width:223px; height:184px;}
#rooms #footer .note {background: url('images/note-rooms.png') top left no-repeat; width:223px; height:184px;}
#rm-lucy #footer .note {background: url('images/note-lucy.png') top left no-repeat; width:223px; height:184px;}
#rm-ford #footer .note {background: url('images/note-ford.png') top left no-repeat; width:223px; height:184px;}
#rm-susan #footer .note {background: url('images/note-susan.png') top left no-repeat; width:223px; height:184px;}
#rm-agnes #footer .note {background: url('images/note-agnes.png') top left no-repeat; width:223px; height:184px;}
#rm-johnemma #footer .note {background: url('images/note-johnemma.png') top left no-repeat; width:223px; height:184px;}
#rm-dudley #footer .note {background: url('images/note-dudley.png') top left no-repeat; width:223px; height:184px;}
#rm-emma #footer .note {background: url('images/note-emma.png') top left no-repeat; width:223px; height:184px;}
#rm-martha #footer .note {background: url('images/note-martha.png') top left no-repeat; width:223px; height:184px;}
#area #footer .note {background: url('images/note-area.png') top left no-repeat; width:223px; height:184px;}
#directions #footer .note {background: url('images/note-directions.png') top left no-repeat; width:223px; height:184px;}
#availability #footer .note {background: url('images/note-avail.png') top left no-repeat; width:223px; height:184px;}
#specials #footer .note {background: url('images/note-specials.png') top left no-repeat; width:223px; height:184px;}
#photos #footer .note {background: url('images/note-photos.png') top left no-repeat; width:223px; height:184px;}
#strut #footer .note {background: url('images/note-strut.png') top left no-repeat; width:223px; height:184px;}
/* SHK20090630 - removed because file not found  -  #events #footer .note {background: url('images/note-events.png') top left no-repeat; width:223px; height:184px;*/

#footer .container{

	float: right;
	text-align: right;
	padding: 0 0px 10px 0 ;
	color: #020202;
	font-size: .9em;
	clear: right;
	width: 500px;

}

#footer .container .image{

	margin: 0 15px;

}

#bottomNav{

	clear: both;
	float: right;
	
}

#bottomNav a{

	font-size: .8em;
	border-right: 1px solid #842844;
	padding: 1px 5px 1px 0;
	margin: 10px 5px 10px 0;

}

#bottomNav .lastOne a{

	border-right: none;

}

#copyright{

	color: #842844;
	font-size: .8em;
	padding: 30px 0 0 0;
	text-align: right;

}


/* General Class Definitions */

.clear{ clear: both; }

.image { margin: 8px; }

.right { float: right; }

.left { float: left; }

/* Auto/Conditional PDF Icon */

a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(images/icon_pdf.png) no-repeat right;
}

/* For GC and Photo Code */

#geotrust img{ float: right; }

#photoGalDisplayTable td{ padding: 7px; }

/* More */

.divider{

	height: 10px;
	margin:0px;
	padding:0px;
	font-size:1px;
	background: url('images/divider.gif') top left repeat-x;
}

#content ul {


}

#specials #content ul {
	list-style-type:disc;

}

#content #room {
	padding: 15px 15px 30px 60px;
}

#content #room img {
	float:right; 
	padding:0px 0px 15px 20px;
}

#content #room .contentleft {
	float:left; 
	width:275px;
}

/* ---Rooms List---*/

.roomsList{

	list-style: none;
	margin: 10px 0;
	padding: 0;

}

.roomsList li{

	float: left;
	font-weight:bold;
	font-size:1em;
	color:#842844;
	padding:0 3px;
	height:325px;
	width:222px;
}

.roomsList li span{
	font-size:1.1em;
	color:#842844;
}

.roomsList li a{

	text-decoration: none;
	margin: 3px 0 8px 3px;
	width:210px;
	height:143px;
	display: block;
	border:solid 1px #CCCCCC;
		
}
.roomsList li a:hover{

	margin: 0 3px 5px 0;
	width:216px;
	height:149px;
		
}

.roomsList li a img{

	border:solid 5px #FFFFFF;
		
}

.roomsList li a:hover img{

	border:solid 8px #ECECEC;
	margin:0px;	
}

.roomsList li p{

	padding:0 0px;
	margin: 0 5px 5px 0;
	font-weight:normal;
	text-align:left;
	width:205px;
	font-size:.82em;
	line-height:1.08em;
	color:#5B221B;
		
}

.roomsList li a:hover{
}

/* --Room Navigation--*/


.roomnav {
	list-style:none;
	margin:0;
	width:300px;
	font-size:16px;
}
.roomnav li {
	width:95px;
	float:left;
	margin: 0 5px;
	text-align:center;
}
.roomnav li a {
	background-color:#F7D4DB;
	display:block;
	width:95px;
	height:22px;
	color:#5B221B;
	border:solid 1px #E5C2C8;
	text-decoration:none;
	padding-top:4px;
}
.roomnav li.long {
	width: 200px;
}
.roomnav li.long a {
	width:200px;
	margin-top:10px;
}
.roomnav li a:hover {
	border: solid 1px #5B221B;
}
.roomnav li a:visited {
	color:#5B221B;
}

.list2 {list-style:circle;}


/*	background: #842844;
	color: #fff;	*/
	
/*					*/
/*		BLOG		*/
/*					*/
.hidden { display:none; }

#blog #blogcontent{
	clear:none;
	float:left;
}
#blog .narrowcolumn{
	width:600px;

}
#blog #sidebar {
	float:right;
	clear:none;
	width:275px;
}
#blog #sidebar form {
	width:250px;
}
#blog #sidebar a {
	text-decoration: none;
}
#blog #sidebar ul#sideul{
	list-style:none;
}
#blog #sidebar ul li {
	list-style:none;
}

#blog #sidebar li h2{
	margin-top: 12px;
}

.post h2 {font-size: 1.5em}

.post blockquote {font-style: italic; font-size: 1.2em; background-color: #fadde2; padding: 5px 5px 5px 15px; margin: 5px 0;}

#blog p.postmetadata {
	font-style: italic;
	border-top:solid 1px #842844;
	padding:1px 3px;
}


#blog #comment {width: 580px;}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */





/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

.feedburnerFeedBlock {width: 500px; background-color: #fadde2; padding: 5px 5px 5px 15px; margin: 5px 0;}
.feedburnerFeedBlock .date {float: right; font-style: italic;}
.feedburnerFeedBlock li {padding-top: 7px}
.feedburnerFeedBlock .headline {margin-right: 5px display: inline;}
.feedTitle {font-size: 1.6em; text-align: center;}

#creditfooter {display: none;}

