@charset "UTF-8";

/* All Pages */
body, h1, h2, h3, h4, h5, h6, p, a, img, object, ul, ol, li, dl, dt, dd, form, fieldset, legend, table, thead, tbody, th, tr, td, tfoot, caption {
	margin: 0; padding: 0;
	border: 0;
	color: #bfb3a8;
	font-family: "Avenir LT Std", Arial, sans-serif;
}
body {
	padding: 0;
	margin: 0;
	height: 100%;
	background: transparent url('./css/top-pattern.png') repeat-x top center;
}
html {
	height: 100%;
	background: #FFFFFF url('./css/bg.png') repeat-x top right;
}
div#container {
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	position: relative;
	left: 4px;
	top: 101px;


}
a:focus {
    outline: none;
}

/* Header */
#header {
	float: left;
	clear: both;
	margin: 10px 6px 0 0;
	width: 331px;
	height: 100px;
	font-size: 48px;
	font-weight: bolder;
	color: #AE7439;
	font-family: "Edwardian Script ITC";
	background-image: url(images/heartbanbbanner.gif);
	background-repeat: no-repeat;






}
#header address {
	margin-top: 8px;
	width: 311px;
	float: left;
	font-style: normal;
	text-align: right;
	font-size: 10px;
	line-height: 14px;
	color: #666666;
}
#header address span, #footer address br {
	display: none;
}
#header address span.phone {
	display: inline;
	margin-left: 2px;
	padding-left: 8px;
	background: url('./css/footer-phone-bullet.png') no-repeat center left;
}
#nav {
	float: left;
	clear: none;
	width: 513px;
	text-align: right;
	margin-top: 52px;
}
#nav ul {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav ul li {
	display: inline;
}
#nav ul li a {
	display: block;
	margin: 0 2px 0 3px;
	background: transparent url('./css/nav.png') no-repeat 0 0;
	_background: none;
	_background: url('./css/nav-ie6.png') no-repeat 0 0;
	/* FIX: Add the above rule but to a non-transparent file for IE6 */
	height: 24px;
	float: left;
	text-indent: -9999px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
#nav ul li a.home 		{ background-position: 0 -24px; width: 57px; }
#nav ul li a.the_house 	{ background-position: -62px -24px; width: 84px; }
#nav ul li a.rooms 		{ background-position: -153px -24px; width: 57px; }
#nav ul li a.packages 	{ background-position: -217px -24px; width: 78px; }
#nav ul li a.pei 		{ background-position: -299px -24px; width: 39px; }
#nav ul li a.art_studio { background-position: -342px -24px; width: 84px; }
#nav ul li a.contact 	{ background-position: -430px -24px; width: 70px; }
#nav ul li a.home:hover, #nav ul li a.home.sel 		{ background-position: 0 0; width: 57px; }
#nav ul li a.the_house:hover, #nav ul li a.the_house.sel 	{ background-position: -62px 0; width: 84px; }
#nav ul li a.rooms:hover, #nav ul li a.rooms.sel 		{ background-position: -153px 0; width: 57px; }
#nav ul li a.packages:hover, #nav ul li a.packages.sel 	{ background-position: -217px 0; width: 78px; }
#nav ul li a.pei:hover, #nav ul li a.pei.sel	 			{ background-position: -299px 0; width: 39px; }
#nav ul li a.art_studio:hover, #nav ul li a.art_studio.sel 	{ background-position: -342px 0; width: 84px; }
#nav ul li a.contact:hover, #nav ul li a.contact.sel 		{ background-position: -430px 0; width: 70px; }

#content {
	float: left;
	clear: both;
}

/* All Content */
#content h1 {
	display: none;
}
#content h2 {
	margin: 18px 0 0px 0;
	font: 16px "Avenir LT Std", Arial, sans-serif;
	color: #336699;
}
#content p {
	font: 12px/21px Arial, sans-serif;
	color: #333333;
	text-align: justify;
	margin-bottom: 14px;
}

/* Footer */
#footer {
	padding: 5px 0;
	margin-top: 25px;
	border-top: 1px solid #336699;
	clear: both;
}
#footer, #footer ul li a, #footer p {
	color: #336699;
	font-size: 10px;
	line-height: 14px;
	text-decoration: none;
}
#footer ul li {
	display: inline;
	padding: 0 7px 0 9px;
	margin: 0;
	background: url('./css/footer-bullet.png') no-repeat top left;
}
#footer ul li:first-child {
	background: none;
}
#footer address span, #footer address br {
	display: none;
}
#footer address {
	margin-top: -14px;
	margin-right: 9px;
	display: block;
	font-style: normal;
	text-align: right;
}
#footer address span.phone {
	display: inline;
	margin-left: 2px;
	padding-left: 8px;
	background: url('./css/footer-phone-bullet.png') no-repeat center left;
}
#footer p {
	margin-right: 9px;
	display: block;
	text-align: right;
	border: 0;
}
/*#rhubarb {
	display: block;
	margin: 2px auto;
	width: 211px; height: 29px;
	background: url('./css/rhubarb.jpg') no-repeat left -29px;
	text-indent: -20000px;
}
#rhubarb:hover {
	background: url('./css/rhubarb.jpg') no-repeat left 1px;
}*/
#rhubarb {
	display: block;
	margin: -160px 0 auto auto;
	width: 160px; height: 160px;
	background: url('./css/rhubarb_peel.jpg') no-repeat center center;
	text-indent: -20000px;
}
#rhubarb:hover {
}

		
/* Home Page */
#content.home #middle-row {
	position: relative;
	margin-top: 334px;
}
#content.home #middle-row p {
	margin: 0 25px 12px 25px;
	width: 520px;
}
#content.home #middle-row p a#map-link {
	position: absolute;
	top: -4px; left: 586px; _left: 561px;
}
#content.home #bottom-row {
	margin-top: 50px;
}
#content.home #bottom-row p {
	text-align: center;
}
#content.home #bottom-row p img {
	margin: 0 5px;
}
#content.home #top-row #crossfade { 
	position: absolute; 
	top: 159px; left: 3px;
	margin:0; padding:0; 
}
#crossfade li { display: block; }
#content.home #top-row #top-right {
	position: absolute; 
	top: 118px; left: 575px;
}
#content.home #feature {
	position: absolute;
	top: 150px; left: 574px; _left: 549px;
	display: block;
	margin: 0 11px 0 auto;
	width: 266px; height: 86px;
	background: url('./css/home-feature.jpg') no-repeat center center;
	text-indent: -20000px;
}

/* The House */
#content.the_house #left-column {
	margin-left: 11px;
	width: 540px;
}
#content.the_house #left-column #left-column-img {
	margin: 10px 0 0 -4px;
}
#content.the_house #right-column {
	position: absolute;
	top: 124px; left: 577px;	
	width: 266px;
}
#content.the_house #right-column p {
	text-align: center;
	text-transform: lowercase;
	color: #336699;
}
#content.the_house #right-column ul {
	list-style: none;
}
#content.the_house #right-column ul.left-column {
	position: absolute;
	top: 36px; left: 0;
}
#content.the_house #right-column ul.right-column {
	position: absolute;
	top: 36px; left: 160px;
}

/* Rooms */
.rooms {
	width: 100%;
	position: relative;
	margin-top: 42px;
	margin-left: 0;
}
#content.rooms div {
	width: 189px;
	min-height: 760px;
	padding: 11px;
	border-right: #CCCCCC solid 1px;
	float: left;
	clear: none;
}
#content.rooms div p.family-suite {
	padding: 4px 0 4px 0;
	color: #336699;
	text-align: center;
	background-color: #ADC2D6;
}
#content.rooms div p.click-to-view {
    width: 100%;
	text-align: left;
	margin-bottom: 5px;
	float: left;
	clear: both;
}
#content.rooms div.last,
#content.rooms #feature,
#content.rooms #breakfast {
	border: 0;
}
#content.rooms #feature {
    position: absolute;
	top: -43px; left: 576px;
	display: block;
	margin: 0 11px 10px auto;
	padding: 0;
	width: 266px; height: 39px;
	min-height: 0;
}
#content.rooms #feature p {
    margin: 0;
}
#content.rooms #feature p a {
	display: block;
	width: 266px; height: 39px;
	background: url('./css/rooms-feature-trans.png') no-repeat center center;
	text-indent: -20000px;
}
#content.rooms #breakfast {
    width: 100%;
	min-height: 0;
	margin: 10px 0 20px 0;
	padding: 4px 0 4px 0;
	text-align: center;
	background-color: #ADC2D6;
	float: left;
	clear: both;
}
#content.rooms #breakfast p {
    margin: 0;
	color: #336699;
	font-size: 14px;
	line-height: 20px;
}
#content.rooms div h2, #content.rooms div p {
	text-align: center;
}
#content.rooms div p.booknow a {
	display: block;
	margin: 0 auto;
	width: 71px; height: 14px;
	background: url('./css/rooms-book_now-trans.png') no-repeat center center;
	text-indent: -20000px;
}
#content.rooms div ul {
	width: 100%;
	margin: 0 0 20px 0;
	float: left;
	clear: both;
}
#content.rooms div ul li {
	margin: 0 11px 10px 18px;
	font: 12px Arial, sans-serif;
	text-transform: lowercase;
	color: #636466;
	list-style-image: url('./css/rooms-bullet.png');
}
#content.rooms div ul.photos,
#content.rooms div ul.photos li {
    list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
#content.rooms div ul.photos li {
	float: left;
	clear: none;
}

/* Rooms - Heart of the City */
.city { /* IE6 wasn't taking #content.city */
	position: relative;
	margin-top: 42px; *margin-top: 61px;
	margin-left: 0;
	background: url('./css/rooms-bg-trans.gif') repeat-y center center;
}
#content.city div {
	width: 266px;
	padding: 11px;
}
#content.city div h2, #content.city div p {
	text-align: center;
}
#content.city div p.booknow {
}
#content.city div p.booknow a {
	display: block;
	margin: 0 11px 0 auto;
	width: 71px; height: 14px;
	background: url('./css/rooms-book_now-trans.png') no-repeat center center;
	text-indent: -20000px;
}
#content.city div ul li {
	margin: 0 11px 10px 18px;
	font: 12px Arial, sans-serif;
	text-transform: lowercase;
	color: #636466;
	list-style-image: url('./css/rooms-bullet.png');
}
#content.city #left-column ul li {
	margin: 0 11px 14px 11px;
	list-style: none;
	text-transform: none;
}
#content.city #left-column {
	position: relative;
	min-height: 500px;
}
#content.city #middle-column {
	position: absolute;
	top: 0; left: 281px;
}
#content.city #right-column {
	position: absolute;
	top: -29px; left: 564px;
}
#content.city #right-column p {
	text-align: center;
	text-transform: lowercase;
	color: #336699;
}
#content.city #right-column ul, #content.city #right-column ul li {
	list-style: none;
}
#content.city #right-column ul.left-column {
	position: absolute;
	top: 36px; left: 0;
}
#content.city #right-column ul.right-column {
	position: absolute;
	top: 36px; left: 160px;
}
#content.city #right-column ul.left-column li, #content.city #right-column ul.right-column li {
	list-style-type: none;
	list-style-image: none;
}

/* "Packages" Page */
#content.packages {
	position: relative;
	margin-top: 50px; /* *margin-top: 65px; */
	margin-left: 0;
}
#content.packages #top-row {
	width: 826px;
	margin: 0 14px;
}
#content.packages #bottom-row {
	position: relative;
	margin: 37px 14px 0 14px;
	background: url('./css/packages-bg.gif') repeat-y center center;
}
#content.packages #bottom-row div {
	width: 406px;
}
#content.packages #bottom-row #right-column {
	position: absolute;
	top: 0; left: 420px;
}
#content.packages #bottom-row div h3 {
	font: 11px Arial, sans-serif;
	color: #636466;
	margin-bottom: 14px;
}
#content.packages #bottom-row div p {
	margin-right: 6px;
}
#content.packages #bottom-row div ul {
	margin: 14px 18px;
}
#content.packages #bottom-row div ul li {
	font: 12px Arial, sans-serif;
	margin-bottom: 8px;
	color: #336699;
}
#content.packages div p.booknow a {
	display: block;
	margin: 0 11px 0 auto;
	width: 71px; height: 14px;
	background: url('./css/rooms-book_now-trans.png') no-repeat center center;
	text-indent: -20000px;
}

/* "PEI" Page */
#content.pei {
	margin-top: 12px; /* *margin-top: 25px; */
}
#content.pei #top-row {
	position: relative;
	margin: 0 11px;
}
#content.pei #top-row .right-column {
	position: absolute;
	width: 262px;
	top: 78px; left: 568px;
}
#content.pei #middle-row, #content.pei #bottom-row {
	position: relative;
	margin: 0 11px;
}
#content.pei #middle-row div, #content.pei #bottom-row div {
	width: 260px;
}
#content.pei #middle-row .middle-column, #content.pei #bottom-row .middle-column {
	position: absolute;
	top: -18px; left: 283px; *top: 0;
}
#content.pei #middle-row .right-column, #content.pei #bottom-row .right-column {
	position: absolute;
	top: -18px; left: 568px; *top: 0;
}
#content.pei #middle-row div ul, #content.pei #bottom-row div ul {
	color: #993300;
	list-style: none;
}
#content.pei #middle-row div ul a, #content.pei #bottom-row div ul a {
	font: 12px Arial, sans-serif;
	color: #993300;
	text-decoration: none;
}

/* "Art Studio" Page */
#content.art_studio {
	margin-top: 44px; /* *margin-top: 45px; */
}
#content.art_studio #slideshow {
	margin: 0 auto;
	width: 646px;
	text-align: center;
}
#content.art_studio #slideshow .pika_caption strong {
	margin: 18px 0 0px 0;
	font: 18px/28px "Avenir LT Std", Arial, sans-serif;
	color: #336699;
}
#content.art_studio #slideshow .pika_caption p {
	text-align: center;
	font: 12px/20px "Avenir LT Std", Arial, sans-serif;
	text-transform: lowercase;
}
#content.art_studio #slideshow #pikame ul {
	margin: auto 4px;
}
#content.art_studio #slideshow #pikame li {
	margin: auto 1px;
	display: block;
	float: left;
}
#content.art_studio #slideshow .pika_navigation,#content.art_studio #slideshow .pika_navigation a {
	clear: both;
	font: 12px/20px "Avenir LT Std", Arial, sans-serif;
	color: #993300;
}
#content.art_studio #other {
	margin: 22px auto;
	width: 646px;
	clear: both;
}

/* "Contact" Page */
.contact {
	position: relative;
	margin-top: 53px; /* *margin-top: 45px; */
}
#content.contact #top-row {
	position: relative;
	margin: 0 11px;
}
#content.contact #top-row .right-column {
	width: 260px;
	position: absolute;
	top: 14px; left: 568px;
}
#content.contact #top-row .right-column h2 {
	display: block;
	width: 229px; height: 33px;
	background: url('./css/contact-logo-trans.png') no-repeat center center;
	font: italic 18px/28px Arial, sans-serif;
	text-indent: -20000px;
	line-height: 28px;
	color: #636466;	
}
#content.contact #top-row .right-column address {
	width: 100%;
	font: 12px Arial, sans-serif;
	line-height: 21px;
	color: #636466;	
}
#content.contact #top-row .right-column address strong {
	font: 14px Arial, sans-serif;
	line-height: 21px;
	color: #336699;	
}
#content.contact #middle-row {
	position: relative;
	margin-top: 14px;
}
#content.contact #middle-row .left-column {
	margin: 0 14px 0 0;
	width: 555px;
}
#content.contact #middle-row .left-column div {
	margin: 0 14px 0 40px;
	width: 555px; height: 220px;
}
#content.contact #middle-row .left-column form ul li.submit {
	color: #993300;
	font: 14px Arial, sans-serif;
}
#content.contact #middle-row .left-column form ul {
	position: relative;
	margin: 0 0 0 auto;
	text-align: right;
	list-style: none;
}
#content.contact #middle-row .left-column form ul li {
	margin: 5px 0;
}
#content.contact #middle-row .left-column form ul li label {
	font: 11px Arial, sans-serif;
	line-height: 21px;
	color: #636466;	
}
#content.contact #middle-row .left-column form input,
#content.contact #middle-row .left-column form textarea,
#content.contact #middle-row .left-column form select {
	background: #fefce5;
	display: inline-block; /* FIX: Add -moz-inline-box for firefox 2 only */
	line-height: 19px;
}
#content.contact #middle-row .left-column form ul li.firstname input,
#content.contact #middle-row .left-column form ul li.lastname input {
	margin-right: 312px;
	width: 165px; height: 19px;
	display: inline-block;
}
#content.contact #middle-row .left-column form ul li.email {
	position: absolute;
	top: -5px; right: 0;
}
#content.contact #middle-row .left-column form ul li.email input {
	width: 250px; height: 19px;
	display: inline-block;
}
#content.contact #middle-row .left-column form ul li.phone {
	position: absolute;
	top: 25px; right: 161px;
}
#content.contact #middle-row .left-column form ul li.phone input {
	width: 89px; height: 19px;
	display: inline-block;
}
#content.contact #middle-row .left-column form ul li.inquiry {
	position: absolute;
	top: 22px; right: 0;
	line-height: 24px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
	#content.contact #middle-row .left-column form ul li.inquiry {
		padding-top: 4px;
	}
	#content.contact #middle-row .left-column form ul li.firstname input,
	#content.contact #middle-row .left-column form ul li.lastname input {
		margin-right: 308px;
	}
}
#content.contact #middle-row .left-column form ul li.inquiry select {
	width: 109px; height: 19px;
	display: inline-block;
	font-size: 11px;
}
#content.contact #middle-row .left-column form ul li.comments label span {
	vertical-align: top;
}
#content.contact #middle-row .left-column form ul li.comments textarea {
	width: 477px; height: 113px;
}
#content.contact #middle-row .right-column {
	position: absolute;
	top: 0; left: 580px;
	padding: 1px;
	background: #FFF;
	border: 1px solid #f4f2ee;
}
#content.contact #middle-row .right-column iframe {
	margin: 0; padding: 0; border: 0;
}
#content.contact #bottom-row {
	width: 763px;
	margin: 0 11px 0 76px;
}
#content.contact #bottom-row div {
	float: left;
}
#content.contact #bottom-row div p {
	font: 11px/21px Arial, sans-serif;
}
#content.contact #bottom-row #policies,
#content.contact #bottom-row #cancellation {
	width: 200px;
}
#content.contact #bottom-row #cancellation {
	margin: 0 53px;
}
#content.contact #bottom-row #directions {
	width: 246px;
}