/* CSS Document */

body { 
	background-color: white; margin: 0; padding: 0; background: url(../images/background.jpg) repeat left top; 
	font-family: Verdana, Arial, Helvetica, sans-serif; height: 100%; 
}
p { color: white; font-size: 11px; }
h4 { font-size: 12px; }
a { color: white; }
h2 {color:#ffffff; font-size: 14px}
h1 { font-size: 14px; background-color: #45413a; margin-left: 7px; margin-top: 6px; float: left; display:inline; font-weight:normal; }
#container { width: 800px; margin: 40px auto 0 auto; border: 1px black solid; }

/*header*/
h1 { font-size: 14px; background-color: #45413a; margin-left: 7px; margin-top: 6px; float: left; display:inline; font-weight:normal; }
#header { background-color: #23201b; width: 800px; height: 68px; padding-top: 7px; }
#header-top { height: 65px; background: url(../images/logo.gif) no-repeat; margin: 0 0 0 9px;  }
#header-titlebar { width: 548px; height: 30px; background-color: #45413a; margin-top: 6px; float: right; }
#home { float: left; font-size: 18px; color: #d77b23; margin-left: 7px; *margin-left: 4px; text-decoration: none; }
#home:hover { text-decoration: underline; }
#join { float: right;  font-size: 10px; color: #dacebf; margin: 14px 15px 0 0; text-decoration: none; }
#header-menubar { width: 548px; height: 26px; margin-top: 3px; float: right; background-color: black;}
#header-bottom { width: 100%; height: 3px; background-color: #b65300; overflow: hidden; }

.header-menu { 
	height: 20px; background-color: #615a52; color: #fcd8a0; float: right; margin-left: 2px; 
	padding-top: 6px; text-decoration: none; text-align: center; font-size: 11px; 
}
.header-menu:hover { background: #cca365; color: black; }
.left { margin-left: 0; }

#contact { width: 70px; }
#weddingsfunctions { width: 139px; }
#packages { width: 74px; }
#activities { width: 65px; }
#accomodation { width: 104px; }
#foodwine { width: 86px; }

#middle { width: 100%; background-color: #45413a; }

/* footer */
#footer { width: 100%; height: 22px; background-color: #847c75; }
#footer-top { width: 100%; height: 3px; background-color: #343029; overflow: hidden; }
#footer p { 
	font-family: Helvetica, sans-serif; font-size: 9px; font-weight: normal;
	color: #262324; float: right; margin: 3px 15px 0 0; *margin: 3px 8px 0 0; 
}
#footer a { color: #262324; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* home and contact pages */
#home-image { width: 300px; float: left; }
#logo-motif { height: 45px; background: url(../images/logomotif.gif) no-repeat; margin-left: 110px; }
#plate { height: 465px;  background: url(../images/plate.jpg) no-repeat; }

#home-content { width: 484px; height: 100%; background-color: #23201b; margin: 16px 16px 9px 0; *margin: 16px 8px 9px 0; float: right; }
#logo-motif2 { height: 66px; margin: 6px 0 0 6px; background: url(../images/logomotif2.gif) no-repeat;  }
#home-text { width: 100%; height: auto !important; height: 400px; min-height: 400px; }
#content  { height: auto !important; height: 177px; min-height: 177px; margin: 0 11px 0 11px; }

#home-text p { word-spacing: 4px; padding: 0 11px 0 11px; }
#bottom-images { width: 458px; height: 198px; margin: 11px 13px 11px 13px; }
.bottom-image { height: 198px; float: right; padding-left: 8px; }
#bottom-image-fill { background-color: #3a352e; float: right; }

#left-column { width: 252px; float: left; }
#logo-motif4 { 
	height: 141px; width: 253px; 	
	background: url(../images/logomotif4.gif) no-repeat;
}
#right-column { 
	width: 539px; height: auto !important; *height: 485px; min-height: 485px;
	background-color: #23201b; float: right;
	margin: 16px 9px 9px 0; *margin: 16px 4px 9px 0;
}
#logo-motif3 { 
	height: 47px; width: 97px; margin: 5px 0 0 5px; *margin: 5px 0 0 3px;  
	background: url(../images/logomotif3.gif) no-repeat;  float: left;  
}
#heading { height: 33px; width: 431px; background-color: #46413a; margin: 5px 6px 0 0; *margin: 5px 1px 0 0; float: left; }
#heading p { font-weight: bold; font-size: 18px; color: #d77b23; margin: 10px 0 0 0; }

#left-column .overlay {
	position: absolute;
	margin: -393px 0 0 -1px; *margin: -393px 0 0 0; 	
	background: url(../images/radio.jpg) no-repeat left top;
	height: 252px;
	width: 408px;
}

#contact-us { width: 539px; *width: 499px; text-align:center; color: white; margin: 105px 0 0 0px; padding-left:40px; }
#contact-us p { font-size: 14px; }

/* long and short pages */
#left-image-space { width: 255px; height: 324px; }
#room-image{ width: 255px; height: 324px; background: url(../images/room.jpg) no-repeat left bottom }
#room-image-long{ width: 255px; height: 783px; background: url(../images/rooms.jpg) no-repeat left bottom }

#centre-column {
	width: 373px; height: auto !important; *height: 485px; min-height: 485px;
	background-color: #23201b; float: right;
	margin: 16px 9px 9px 0; *margin: 16px 4px 9px 0;
}
#centre-column #heading { width: 265px; }
#centre-column #content { font-size: 8px; }

/* packages and accomodation */
#left-heading-box { height: 45px; width: 627; }
#left-motif { height: 45px; width: 143px; background: url(../images/logomotif.gif) no-repeat; margin-left: 110px; *margin-left: 54px; float:left; }
.left-heading { padding: 25px 0 0 258px; font-size: 11px; font-weight: normal; color: #fcd8a0; }

.left-content { 
	float: left; width: 627px;
}

.info {
	width: 627px; height: 191px;  margin: 0 0 7px 0;
	font-size: 11px; font-weight: normal;
}
.info img {
	width: 245px; height: 178px; margin: 7px 0 7px 7px; float: left;
}
.info-box {
	width: 368px; height: 178px; margin: 7px 7px 7px 0; *margin: 7px 4px 7px 0; float: right; 
}
.info-heading { height: 21px; padding: 4px 9px 0 9px; }
.info-text { height: 124px; padding: 4px 9px 0 9px; }
.info-footer { height: 21px; padding: 4px 9px 0 9px; }

.bullets { float: left; color: black; margin-left: 4px; }
.bullet { height: 5px; width: 5px; float: left; background: url(../images/bullet.gif) no-repeat left top; margin: 5px 4px 0 0; }

#package-bar { background-color: #342f29; }
#package-bar a {color: #fcd8a0; float: right; text-decoration: none; }
#package-box { background-color: #252523; color: #f4b25e; }

#accomodation-bar { background-color: #787269; color: white; }
#accomodation-bar a {color: white; float: right; text-decoration: none; }
#accomodation-box { background-color: #948e85; color: black; }

/* booking page */

#booking { background-color: white; }
#image { width: 393px; height: 289px; border: solid white 4px; float: left; }
#intro { height:294px; width: 394px; float: right; }
#intro p { color: black; font-size: 10px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
#property-rates {
	clear: both;
	background-color: #eeeae1;
	height: 180px; width: 791px;
	padding: 4px;
	font-size: 14px;
}

#property-rates .titlebar {
	background-color: #C8C9BD;
	height: 1.5em; 
	margin-top: 8px;
}

#property-rates .titlebar span {
	font-size: 1em;
	font-weight: bold;
	color: #66644e;
}

.titlebar #description { margin-left: 5px; }
.titlebar #roomoptions { margin-left: 160px; }
.titlebar #weekends { margin-left: 34px; }
.titlebar #weekdays { margin-left: 46px; }


#roomdescriptions {
	background-color: white;
	width: 250px;
	height: auto !important; *height: 95px; min-height: 95px;
	float: left;
	clear: both;
	margin: 3px 0 0 3px;
	font-size: .9em;
}

#roomdescriptions div {
	clear: both;
	font-size: .8em;
	vertical-align: top;
	padding: 6px;
}
#roomdescriptions strong {

	display: block;
}
#roomdescriptions span {

	clear: both;
}

#rates-table {
	font-size: .9em;
}

#rates-table strong {
	background-color: #d1d1c2;
	color: #333333;
	display: block;
}

#rates-table .row {
	padding: 4px;
}

#rates-table .spacer {
	width: 1px;
}

.weekend {
	background-color: #bebdb0;
	width: 40px;
	text-align: center;
	color: #444444;
	font-weight: bold;
	font-size: .9em;
}

.weekendcell {
	text-align: center;
	color: #333333;
	background-color: #d9d6c5;
}

.weekday {
	background-color: #d6d5bb;
	width: 40px;
	text-align: center;
	color: #444444;
	font-weight: bold;
	font-size: .9em;
}

.weekdaycell {
	text-align: center;
	color: #333333;
	background-color: #d6d6ca;
}

#rates-table .availability {	
	background-color: #bebdb0;
	width: 80px;
	text-align: center;
}
#rates-table .availability a {	
	text-decoration: none;
	color: #333333;
}


#rates-table .book {
	background-color: #bebdb0;
	
	text-align: center;
}
#rates-table .book a {	
	text-decoration: none;
	color: #333333;
}

iframe.calendar { border: none; width: 100%; height: 400px; overflow: visible;  margin: 0 auto; }

/* right bar */
#right-bar {
	width: 157px; height: auto !important; *height: 485px; min-height: 485px;
	background-color: #252622; float: right;
	margin: 16px 9px 9px 0; *margin: 16px 4px 9px 0;
}
#right-bar .title { 
	background-color: #45413a; color: #eab35e; margin: 6px 7px 8px 7px;
	font-size: 10px; height: 23px; padding: 10px 0 0 6px;
}
#right-bar .content { 
	margin: 6px 7px 8px 7px;
}
#right-bar .content p { font-size: 10px; font-weight: normal; text-align: right; }

th.vert { color: white; }