/*
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; }
#content	{ height: 100%; background: url(img/bg-content.jpg) repeat-y center top; }
#sidebar	{ width: 259px; float: left; padding: 77px 0 0 37px; background: url(img/bg-sidebar.jpg) no-repeat top left; }
#textarea	{ width: 649px; float: left; padding: 53px 37px 0 0; background: url(img/bg-textarea.jpg) no-repeat top left; }
#footer		{ height: 150px; padding: 70px 0 0 11px; background: url(img/bg-footer.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,
.btn-rooms a.active			{ 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,
.btn-dining a.active 		{ 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,
.btn-meetings a.active		{ 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,
.btn-weddings a.active 		{ 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,
.btn-spa a.active 			{ 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,
.btn-activities a.active 	{ 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,
.btn-reservations a.active	{ 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,
.btn-rates a.active			{ background: url(img/btn-rates-active.jpg) no-repeat 0 0; }


/* Content
----------------------------------------------- */

#highlight					{
	color: #FFFFFF;
	background-color: #FF3300;
	padding-left: 5px;
	padding-right: 5px;
}
#activitiesheight #leftmenu		{ height: 300px; }
#diningheight #leftmenu			{ height: 150px; }
#promoheight #leftmenu			{ height: 170px; }
#weddingsheight #leftmenu		{ height: 120px; }
#spaheight #leftmenu			{ height: 120px; }
#meetingsheight #leftmenu		{ height: 250px; }
#contactsheight #leftmenu		{ height: 150px; }
#sitemapheight #leftmenu		{ height: 120px; }
#reservationsheight #leftmenu	{ height: 120px; }
#aboutheight #leftmenu	{ height: 120px; }
#leftmenu					{ height: 206px; }
#leftmenu #title			{ font-family: "Times New Roman", Times, serif; font-size: 22px; font-weight: normal; font-style: italic; color: #333; padding: 0 0 15px 29px; }
#leftmenu ul				{ padding: 0; margin: 0; }
#leftmenu ul li a			{ font-family: "Times New Roman", Times, serif; text-decoration: none; padding: 4px 29px 0 29px; display: block; background: url(img/bg-leftmenu.jpg) no-repeat; height: 21px; color: #666; font-size: 13px; font-style: italic; font-weight: normal; }
#leftmenu ul li a:hover		{ text-decoration: none; color: #666; background: #fff url(img/bg-leaves.jpg) no-repeat; color: #669933; }
#leftmenu ul li a.active	{ background: #fff url(img/bg-leaves.jpg) no-repeat; color: #669933; }


#reservation		{ height: 314px; padding: 0 0 0 29px; }
/* #reservationtemp	{ height: 314px; padding: 0 0 0 0px; } */
#reservation #title { font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; font-style: italic; color: #333; }
/* 
#reservationtemp #title {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	color: #333;
	padding-left: 29px;
	padding-bottom: 20px;
}
*/

#reservationtemp {
	font-family: "Times New Roman", Times, serif;
	width: 150px;
	margin-bottom: 20px;
	padding: 0 0 0 29px;
	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 #form	{ padding: 16px 0 0; }
.text 				{ font-family: "Times New Roman", Times, serif; font-size: 13px; font-weight: normal; font-style: italic; color: #333; }
.field 				{ color: #666; padding: 1px; }

#contact 		{ padding: 0 0 0 29px; }
#contact #title { font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; font-style: italic; color: #333; padding: 0 0 18px 0; }
#contact p 		{ font-family: "Times New Roman", Times, serif; font-size: 13px; font-weight: normal; font-style: italic; color: #666; padding: 0 0 15px 0; }

#textarea #title		{ font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; font-style: italic; color: #333; padding: 0 0 10px 0; margin: 0 2px 20px 25px;  border-bottom: 1px solid #dedfd5; }
#textarea #breadcrumb 	{ font-size: 10px; color: #999; padding: 4px 0 0 25px; }
#textarea a.green 		{ text-decoration: none; background: url(img/btn-arrow.gif) no-repeat .1em; font-weight: bold; padding: 0 0 0 10px; color: #669933; }
#textarea a.green:hover { text-decoration: underline; }
#textarea #table 		{ margin: 34px 0 0 25px; }
#textarea p { padding: 0 0 20px 0; line-height: 18px; }
#textarea .floor 		{ font-size: 10px; color: #666; }
#textarea .suite 		{ font-size: 10px; color: #999; }

.ActivitiesTitle 		{ font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; font-style: italic; color: #333; padding-bottom: 14px; }

#whatelse 				{ margin: 0; padding: 0; }
#whatelse #what 		{ font-family: "Times New Roman", Times, serif; font-size: 13px; font-weight: normal; font-style: italic; color: #333; }
#whatelse ul 			{ margin: 10px 0 0; padding: 0; }
#whatelse ul li a 		{ text-decoration: underline; line-height: 20px; display: block; padding: 0 0 0 13px; background: url(img/btn-arrow.gif) no-repeat left; }
#whatelse ul li a:hover { text-decoration: underline; }


/* 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: #ccc; text-decoration: none; }
#quicklinks a:hover	{ color: #999; text-decoration: none; }
#quicklinks p 		{ font-family: "Times New Roman", Times, serif; font-size: 12px; font-weight: normal; font-style: italic; color: #5a4a43; }