*{margin: 0; padding: 0;}
body {
	margin:0;
	padding: 0;
	font-size: 76%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

blockquote { font-family: Georgia, serif; }
a img { border: 0 }


#left-content h1, 
#left-content h2, 
#left-content h3 { margin-bottom: 1em; }
#left-content ul { margin-left: 2em; }

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

#wrapper {
	text-align: left;
	width: 768px;
	margin: 0 auto;
	padding-bottom: 300px;
	border: 3px solid black;
	background-image: url("images/bbc-9-left-col-stripes.png");
	background-position: 40px 0px;
	background-repeat: repeat-y;
	position: relative;
}

#top-shadow {
	background: url("images/bbc-1-shadow-top.png");
	background-repeat: no-repeat;
	background-position: top center;
	height: 10px;
	overflow: visible;
	margin-top: 4.11em;
}
#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: 219px;
	position: absolute;
	top: -40px;
	margin: 0 auto;
	height: 128px;
	padding-top: 20px;
/*	padding-left: 20px;
	padding-right: 40px;
	padding-bottom: 40px; */
	background-image: url("images/bbc-9-bg-name-top.png");
	background-repeat: no-repeat;
	text-align:center;
	float: left;
	display: inline;
}

#header h1 {
	font-size: 1.75em;
	font-family: "Brush Script MT", Arial, sans-serif;
	white-space: nowrap;
	display: inline;
	font-weight: normal;
	margin-right: 10px;
}
	
#header p {
	margin: 0.5em 40px 0.5em 20px;
}
#header img {
	float: left;
	display:inline;
	margin-left: 1em;
}

#header ul {
	position: absolute;
	bottom: 0;
	left: 16em;
	display: none;
}
#header li {
	list-style: none;
	float: left;
	display:inline;
	font-size: 1.1em;
}

#header a {
	text-decoration: none;
	display: block;
	padding: 0.5em 1em;

}

#header .active {
	padding: 0.5em 1em;
} 

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

#topimage { float: left; position: absolute; 
	top: -30px;
	left: 220px;
	width: 535px; height: 300px;
	display:inline;
}

blockquote {
	position: absolute;
	top: 700px;
	width: 325px;
	font-size: 1.75em;
	margin-left: 20px;
	text-align: right;
}

blockquote div {
	font-style: italic;
	text-align: left;
}

#topleft { float: left;  height: 231px; width: 192px; text-align: center;	display:inline;
background-image: url("images/bbc-9-bg-res-nav-box.png");
background-repeat: no-repeat;
position: absolute;
left: 15px;
top: 120px;
}
#topleft ul {
	margin-top: 3.5em;
	margin-left: 30px;
	text-align: left;
	text-transform: uppercase;
}
#topleft li {
	list-style: none;
	line-height: 1.2em;
}

#topleft li a {
	text-decoration: none;
}

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

#reservations { position: absolute;
	background-image: url("images/bbc-9-reservation-bx.png");
	top: -20px;
	left: 25px;
	background-repeat: no-repeat;
	height: 24px;
	width: 124px;
	padding-top: 35px;
	font-size: 1.2em;
	text-decoration:none;
	font-weight: bold;
	margin-bottom: -20px;
}


#gift { position: absolute;
	left: 10px;
	bottom: -10px;
}

#gift a {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
}
#content {
	position: relative;
	top: 300px;

}
#welcome {
	margin-left: 225px;
	height: 80px;
}
#specials {
	float: right;
	display:inline;
	position: relative;
	top: -50px;
}

#logo { margin: 0 auto;}

#left-content {
	width: 360px;
	float: left;
	display:inline;
	/*	margin-left: 375px; */
	position: relative;
	left: 375px;
	margin-bottom: 2em;
}

#left-content p {
	margin: 0em 2em 0.5em 0em;
	line-height: 1.25em;
}

.left-image, .left-image2, .left-image2a, .left-image3, .left-image3a, .left-image4, #left-image {
	background-image: url("images/bbc-9-bg-images.png");
	background-repeat: no-repeat;
	width: 365px;
	height: 281px;
	position: absolute;
	left: -1px;
	top: 400px;
}

.left-image2 {
	top: 683px;
}
.left-image4 {
	top: 967px;
}
.left-image3 {
	top: 920px;
	left:370px;
}
.left-image2a { top: 720px; }
.left-image3a { top: 720px; left:370px; }

.left-image img, .left-image2 img, .left-image2a img, .left-image3 img, .left-image3a img, .left-image4 img, #left-image img {
	margin: 15px 20px;
}

#botnav {
	width: 768px;
	margin: auto;
}

#botnav a {
	text-decoration: none;
}

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

#botnav ul {
	float: left;
	margin-bottom: 1em;
}

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

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

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

#footer {
	clear:both;
	text-align: center;
	width: 768px;
	margin: 0 auto;
	padding: 1em 0;
}

#footer ul { margin: 0.25em auto;
}


#footer li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	list-style: none;
	display: inline;
	margin-left: 1em;
	line-height: 1em;
}

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

.copy {
	font-size: 0.9em;
	margin-top: 0em;
	float: right;
	display:inline;
	white-space: nowrap;
	overflow:visible;
}

#rooms {
	width: 750px;
	margin: 0 auto 50px auto;
}

.room {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 230px;
	margin-right: 20px;
}
.figure {
	background-image: url("images/bbc-9-bg-images1.png");
	background-repeat: no-repeat;
	width: 200px;
	height: 155px;
	padding: 10px 12px;
}
.fixroom { margin-bottom: 2em; }
.room h2 { font-size: 1.25em; text-align: center;}

.room p { line-height: 1.25em; }

.room ul { margin-top: 1em; text-align: center;}
.room li { list-style: none; display: inline; float: left; margin-right: 2em; font-size: 1em; line-height: 1.1em; white-space: nowrap;}
.text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #5A3D1C;
	margin: 0em 2em 0.5em 0em;
	line-height: 1.25em;
}
.title-brown {
	font-size: 24px;
	color: #5A3D1C;
	font-weight: bold;
}
.title-brown-18 {
	font-size: 18px;
	color: #5A3D1C;
	font-weight: bold;
}
.title-brown-16 {
	font-size: 1.25em;
	color: #5A3D1C;
	font-weight: bold;
}
.Left-Form1 {
	position: absolute;
	top: 1000px;
	width: 365px;
}
.FormMail {
	margin-bottom: 20px;
	background-color: #FEF1CF;
	padding: 10px;
	width: 318px;
}

.FormMail2 {
	margin-bottom: 20px;
	background-color: #FEF1CF;
	padding: 10px;
	width: 318px;
	margin-right: 30px;
	margin-left: 30px;
}