@charset "utf-8";
/* CSS Document */

*{margin: 0; padding: 0;}

body {
	margin:0;
	padding: 0;
	font-size: 76%;
	background-image: url("images/bbc-5-stripes-3.jpg")
}

a img { border: 0 }

a { color:inherit; }

a.FooterLink:link { color: #C4B062; text-decoration: none;}

a.FooterLink:visited { color: #C4B062; text-decoration: none;}

a.FooterLink:hover {text-decoration: underline;}

#font-fix { font-size: 1em; }

#wrapper {
	text-align: left;
	width: 768px;
	margin: 0 auto;
	margin-right: -1px;
}

#BE-wrapper {
	width: 768px;
	margin: 0 auto;
}

#top-shadow {
	background: url("images/bbc-1-shadow-top.png");
	background-repeat: no-repeat;
	background-position: top center;
	height: 10px;
	overflow: visible;
	margin-top: 2em;
}
#bottom-shadow {
	background: url("images/bbc-1-shadow-bottom.png");
	background-repeat: no-repeat;
	background-position: 50% -2px;
	height: 9px;
	overflow: visible;
}

#vert-shadow {
	background: url("images/bbc-1-shadow-vert.png");
	background-repeat: repeat-y;
	background-position: top center;
	padding: 0; margin:0;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
/* * html .clearfix {height: 1%;} */
/* End hide from IE-mac */

#header	{ 
	width: 725px;
	position: relative;
	margin: 0 auto;
	height: 2.1em;
}

#header h1 {
	font-size: 1.2em;
	font-family: Georgia, serif;
	position: absolute;
	bottom: 0;
	left: -1px;
	white-space: nowrap;
	display: inline;
	font-weight: normal;
}
#header img {
	float: left;
	display:inline;
	margin-left: 1em;
}

#header ul {
	position: absolute;
	bottom: 0;
	right: 0; 
}

#header li {
	list-style: none;
	float: left;
	display:inline;
	font-size: 1.25em;
}

#header a {
	text-decoration: none;
	display: block;
	padding: .25em 1em .25em 1em;
}

#header .active a {
	/*padding: 0.5em 1em;*/
	color: white;
} 

#top {
/*	clear: both; */
}

#top .imgfix2 {
	margin-top: 9px;
}

#topimage { 
	float: left; 
	width: 545px; 
	height: 289px;
	display:inline;
}

#topleft { 
	float: left;  
	height: 289px; 
	width: 221px; 
	text-align: center;	
	display:inline;
}

#reservations, #logo { margin: 0 auto;}

/* #topleft p { margin: 62px auto 0; font-size: 1.5em;} */

#topleft p { margin: 0 auto; font-size: 1.5em;}

#left-content {
	float: left;
	display:inline;
	width: 545px;
}

#left-content a { color: #5A3D1C; text-decoration: underline; }

#left-content p {
	margin: 0em 2em 0.5em 20px;
	line-height: 1.25em;
	font-size: 1.1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#left-content address {
	margin: 0em 2em 0.5em 20px;
	font-style: normal;
}
#left-content ul {
	margin: 0em 2em 0.5em 3em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#left-content li {
	line-height: 1.5em;
}

#left-content h1, #left-content h2, #left-content h3 { font-family: Constantia, Georgia, serif; }

#left-content h1 { 	margin: 0.5em 2em 0.5em 20px; }

#left-content h2 {
	margin: 0em 2em 0.5em 20px;
	font-size: 1.5em;
}

#left-content h3 {
	margin: 0em 2em 0.5em 20px;
	font-size: 1.0em;
}

#left-content-room {
	float: left;
	display:inline;
	width: 768px;
	background-color: #FFFFFF;
}

#left-content-room p {
	margin: 0em 2em 0.5em 20px;
	line-height: 1.25em;
	font-size: 1.1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#right-content {
	float: left;
	display:inline;
	width: 223px;

}

#right-content img {
	width: 205px;
	margin: .5em auto;
	display: block;
	}

#right-content p {
	width: 190px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.2em;
}

#bot-images {
	position: relative;
	left: -3em;
	width: 550px;
}

#bot-images2 {
	position: relative;
	width: 550px;
}

.figure {
	background-image: url("images/bbc-1-small-img-shadow.png");
	margin: 0;
	background-repeat: no-repeat;
	text-align: center;
	float: left;
	display:inline;
	width: 182px;
	height: 205px;
}

.figure img {
	width: 151px;
	height: 173px;
	margin: 15px;
	display: block;
}

#botnav {
	text-align: center;
	width: 800px;
	margin: 1em auto;
	clear:both;
	color: #C4B062;
	font-family: Georgia, serif;
	font-size: 1.0em;
	padding-top:3px;
}

#botnav ul {
	width: 60em;
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 35px;
}

#botnav ul li {
	list-style: none;
	float: left;
	display: inline;
	margin-left: 1em;
}

#botnav li a {
	font-family: Georgia, serif;
	font-size: 1.0em;
	text-decoration: none;
	display: block;
	padding: 0.5em 1em;
}

#botnav li a:hover {
	text-decoration: underline;
}

#botnav2 {
	text-align: center;
	width: 767px;
	margin: 1em auto;
	clear:both;
	font-family: Georgia, serif;
	font-size: 1.0em;
	color: #573521;
}

#botnav2 a {
	color: #573521;
	text-decoration: none;
}

#botnav2 a:hover {
	text-decoration: underline;
}

#botnav3 {
	text-align: center;
	width: 767px;
	margin: 1em auto;
	clear:both;
	color: #574521;
	font-family: Georgia, serif;
	font-size: .8em;
}

#botnav3 a {
	color: #574521;
	text-decoration: none;
}

#botnav3 a:hover {
	text-decoration: underline;
}


#footer {
	clear:both;
	text-align: center;
	width: 767px;
	margin: 1em auto;
	color: #574521;
}

#footer ul {
	float: left;
	display:inline;

}
#footer ul li {
	font-family: Georgia, serif;
	font-size: 1.0em;
	text-decoration: none;
	list-style: none;
	display: inline;
	float: left;
	margin-left: 1em;
}

#footer li address {
	font-style: normal;
}

.room { position: relative; width: 530px; margin-top: 2em;}
.room .figure { position: relative; top: -10px; }
.room dt {
	color: #5A3D1C;
	font-size: 1.2em;
	margin: 0.5em 0;
	clear:both;	
}

.room dt a {
	color: #5A3D1C;
	text-decoration:underline;
}

.room dt a:hover {
	color: #5A3D1C;
	text-decoration: underline;
}

.room dd { line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; }

h1.rooms {
	color: #5A3D1C;
	font-size: 1.5em;
	position: relative;
	left: 15px;
	margin-top: 15px;
}

.room_image {
	float: left;
	display: inline;
	clear: left;
	margin: 20px 20px 0px;
}

/*
#room_heading_text { position: absolute; width: 230px; right: 0px; bottom: 0px; }
#room_heading { position: relative; height: 454px; margin-bottom: 10px;}
*/

#room_heading_text { position: absolute; width: 235px; left: 315px; right: 0px; bottom: 0px; }
#room_heading { position: relative; height: 454px; margin-bottom: 10px;}

#top, #content { background-image: url("images/background.jpg") }

.roomdetail {
	background-image: url("images/image-frame-roomdetail.png");
	margin: 10px 0px 10px 100px;
	text-align: center;
	background-repeat: no-repeat;
	float: left;
	width: 525px;
	height: 350px;
}

.roomdetail2 { margin-top:25px; }