/*
Site Name:		Ri-Yaz Heritage | Resort & Spa
Site URI:		http://
Version:		1.0
*/

body		{ background: #29120b url(img/bg-wood.jpg) repeat-y top center; }

#container	{ margin: 0 auto; padding: 0; width: 982px; }

body, ul, ol, dl, h1, h2, h3, h4, h5, h6, td, th, caption, pre, p, blockquote, input, textarea {
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #666;
}

a		{ color: #669933; text-decoration: none; }
a:hover	{ color: #50752c; }
em		{ font-style: italic; }
small	{ font-size: 80%; }
strong	{ font-weight: bold; }
img		{ border: 0; }
.spacer	{ height: 1px; font-size: 1px; line-height: 1px; clear: both; }


/* Structure
----------------------------------------------- */

#header	{ height: 143px; background: url(img/header.jpg); margin: 0 11px; }
#image	{ height: 516px; background: url(img/image.jpg); margin: 0 11px; }
#main	{ height: 196px; background: url(img/main.jpg); margin: 0 11px; }
#info	{ height: 100%; background: url(img/bg-info.jpg) repeat-y center top; margin: 0 11px; }
#footer	{ height: 150px; padding: 43px 0 0 11px; background: url(img/bg-footer-index.jpg) no-repeat top left; }


/* Header
----------------------------------------------- */
#header-logo{ width: 183px; float: left; }
#mainmenu	{ width: 732px; float: left; padding: 40px 0 0 45px; }

.btn-rooms, .btn-dining, 
.btn-meetings, .btn-weddings,
.btn-spa, .btn-activities, 
.btn-reservations, .btn-rates { float: left; }
.btn-rooms a 			{ display: block; margin: 0; padding:0; width: 65px; height: 84px; overflow: hidden; text-decoration: none; background: url(img/btn-rooms.jpg) no-repeat 0 0; }
.btn-rooms a:hover 		{ background: url(img/btn-rooms-active.jpg) no-repeat 0 0; }
.btn-dining a 			{ display: block; margin: 0; padding:0; width: 63px; height: 84px; overflow: hidden; text-decoration: none; background: url(img/btn-dining.jpg) no-repeat 0 0; }
.btn-dining a:hover 	{ background: url(img/btn-dining-active.jpg) no-repeat 0 0; }
.btn-meetings a 		{ display: block; margin: 0; padding:0; width: 153px; height: 84px; overflow: hidden; text-decoration: none; background: url(img/btn-meetings.jpg) no-repeat 0 0; }
.btn-meetings a:hover	{ background: url(img/btn-meetings-active.jpg) no-repeat 0 0; }
.btn-weddings a 		{ display: block; margin: 0; padding:0; width: 82px; height: 84px; overflow: hidden; text-decoration: none; background: url(img/btn-weddings.jpg) no-repeat 0 0; }
.btn-weddings a:hover 	{ background: url(img/btn-weddings-active.jpg) no-repeat 0 0; }
.btn-spa a 				{ display: block; margin: 0; padding:0; width: 45px; height: 84px; overflow: hidden; text-decoration: none; background: url(img/btn-spa.jpg) no-repeat 0 0; }
.btn-spa a:hover 		{ background: url(img/btn-spa-active.jpg) no-repeat 0 0; }
.btn-activities a 		{ display: block; margin: 0; padding:0; width: 79px; height: 84px; overflow: hidden; text-decoration: none; background: url(img/btn-activities.jpg) no-repeat 0 0; }
.btn-activities a:hover 	{ background: url(img/btn-activities-active.jpg) no-repeat 0 0; }
.btn-reservations a 	{ display: block; margin: 0; padding:0; width: 100px; height: 84px; overflow: hidden; text-decoration: none; background: url(img/btn-reservations.jpg) no-repeat 0 0; }
.btn-reservations a:hover	{ background: url(img/btn-reservations-active.jpg) no-repeat 0 0; }
.btn-rates a 			{ display: block; margin: 0; padding:0; width: 145px; height: 84px; overflow: hidden; text-decoration: none; background: url(img/btn-rates.jpg) no-repeat 0 0; }
.btn-rates a:hover 		{ background: url(img/btn-rates-active.jpg) no-repeat 0 0; }


/* Main
----------------------------------------------- */

#welcome			{ width: 480px; float: left; padding: 26px 18px 0 59px; }
#welcome #title		{ color: #000; font-size: 13px; font-weight: bold; }
#welcome p 			{ font-family: "Times New Roman", Times, serif; font-size: 13px; line-height: 24px; font-weight: normal; font-style: italic; color: #333; padding: 14px 0 0; }
#reservation 		{ width: 330px; float: left; padding: 26px 59px 0 0; }

/* #reservationtemp 	{ width: 352px; float: left; padding: 15px 0 0 0; } */
/* added by Fastbooking on 22nd May 2009 */
#reservationtemp {
	font-family: "Times New Roman";
	width: 352px;
	float: left;
	padding: 15px 0 0 0;
	font-size: 10px;
	color: #000000;
}
#reservationtemp table {
	width: 100%;
}

#reservationtemp td {
	vertical-align: top;
}

#reservationtemp input, #reservationtemp select {
	font-size: 10px;
}

#reservationtemp h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
	color: #000000;
}

#reservation #title	{ color: #000; font-size: 13px; font-weight: bold; }
#reservation #form	{ padding: 14px 0 0; }
.text				{ color: #333; }
.field				{ color: #666; padding: 1px; }


/* Info
----------------------------------------------- */

#rates				{ width: 238px; float: left; padding: 32px 31px 0 59px; }
#rates #title		{ color: #336600; font-size: 13px; font-weight: bold; }
#rates a			{ text-decoration: none; }
#rates a.view		{ display: block; height: 26px; text-decoration: underline; background: url(img/btn-view.gif) no-repeat; padding: 4px 0 0 33px; }
#rates img.spacing	{ width: 238px; padding: 20px 0 20px 0; }

#promo				{ width: 238px; float: left; padding: 32px 31px 0 32px; }
#promo #title		{ color: #336600; font-size: 13px; font-weight: bold; }
#promo a.view		{ display: block; height: 26px; text-decoration: underline; background: url(img/btn-view.gif) no-repeat; padding: 4px 0 0 33px; }
#promo img.spacing	{ width: 238px; padding: 20px 0 20px 0; }

#line				{ width: 1px; float: left; margin: 68px 0 0; }

#spa				{ width: 238px; float: left; padding: 32px 59px 0 32px; }
#spa #title			{ color: #336600; font-size: 13px; font-weight: bold; }
#spa a.view			{ display: block; height: 26px; text-decoration: underline; background: url(img/btn-view.gif) no-repeat; padding: 4px 0 0 33px; }
#spa img.spacing	{ width: 238px; padding: 20px 0 20px 0; }


/* Footer
----------------------------------------------- */

#footer-logo		{ width: 141px; float: left; }
#quicklinks 		{ width: 306px; float: left; padding: 72px 0 0 27px; font-family: "Times New Roman", Times, serif; font-size: 13px; font-weight: normal; font-style: italic; color: #5a4a43; }
#quicklinks a 		{ color: #999; text-decoration: none; }
#quicklinks a:hover	{ color: #fff; text-decoration: none; }
#quicklinks p		{ font-family: "Times New Roman", Times, serif; font-size: 12px; font-weight: normal; font-style: italic; color: #5a4a43; }