/* CSS RESET START */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }

a { text-decoration: none;}
a:link { color: #837e53; }
a:visited { color: #837e53 }
a:hover { color: #837e53 }
a:active { color: #837e53 }

body {
	line-height: 1;
	color: black;
	background: white;
	font-size: 13px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* CSS RESET END */

body{
	color: #000000;
	background-image: url('../images/bg.jpg');
	font-family: "Century Gothic";
	text-align: left;
}

#container{
	margin-top: 75px;
	width: 945px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#companyTitle{
	width: 945px;
	height: 25px;
	background-image: url('../images/title.png');
	background-repeat: no-repeat;
}

#menu{
	margin-top: 10px;
	width: 945px;
	height: 20px;
	color: #d2c7b6;
	text-align: left;
}

#menu ul{ width: 760px; float: left; }
#menu a {color: #d2c7b6;}

#phone {
	float: right;
	width: 125px;
	display: block;
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana;
}

#menu li{ 
	display: inline;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
 }
 
#mainTop{
	margin-top: 5px;
	width: 938px;
	height: 256px;
	border: medium #948267 solid;
	background-color: #4c402e;
}

#fadeImages{
	float: left;
	width: 512px;
	height: 256px;
}

#intro{
	text-align: left;
	float: right;
	width: 386px;
	height: 241px;
	color: #000000;
	padding: 10px 20px 5px 20px;
	font-family: Verdana;
	text-align: left;
	font-weight: 500;
	background-color: #917e60;
	background-image: url('../images/intro-bg.jpg');
	background-repeat: no-repeat;
}

#intro p {
	padding-top: 10px;
	font-size: 13px;
	margin-top: 0px;
	width: 380px;
}

#intro span{
	display: block;
	color: #d2c7b6;
	text-decoration: underline;
	margin-top: 5px;
}

#mainLeft{
	float: left;
	width: 221px;
	height: 302px;
}

#rates{
	height: 151px;
	background-color: #d9d7c3;
	padding-top: 10px;
	padding-left: 5px;
	font-size: 9pt;
}

#rates h1{ 
	color: #821414;
	font-weight: bold;
	text-align: left;
}

#rates span{
	display: block;
	text-align: left;
	margin-top: 10px;
	float: left;
	font-size: 11px;
}

#checkIn{
	font-size: 9pt;
	margin-left: 10px;
	width: 100px;
}

#checkOut{
	font-size: 9pt;
	margin-left: 10px;
	width: 100px;
}


#rates select{
	font-size: 9pt;
	margin: 0px 10px 0px 10px;
}

#rates div{
	text-align: left;
	margin-top: 10px;
	font-size: 11px;
}

#ratesSubmit{
	background-color: #D6CA98;
	float: right;
	margin-right: 15px;
	margin-top: 10px;
}

#newsletter{
	height: 128px;
	background-color: #6a6854;
	text-align: left;
	padding-top: 10px;
}

#newsletter span { 
	width: 60px;
	font-size: 11px;
	display: block;
	float: left;
	margin-left: 5px;
}

#newsletter p { font-size: 12px; margin: 0px 5px 15px 5px; }
#newsletter input {width: 125px;}
#newsletterSubmit{ float: right; margin-top: 7px; }
#signup{
	width: 211px;
	margin: 10px 5px 0px 5px;
}

#signup span{
	font-size: 9pt;
	margin-right: 10px;
	display: block;
	width: 50px;
	float: left;
}

#signup input { font-size: 9pt; }

#mainCenter{
	float: right; 
	width: 700px;
	height: 282px;
	text-align: center;
	padding: 7px 10px 10px 10px;
}

.featured{
	background-image: url('../images/featuredBG.jpg');
	float: left;
	margin-right: 7px;
	padding: 15px 10px 10px 10px;
	width: 207px;
	height: 181px;
	text-align: justify;
}

.featuredDesc{
	color: #ffffff;
	float: right;
	font-size: 13px;
	text-align: left;
	margin-top: 12px;
}

.featuredDesc img{
	margin-right: 10px;
	float: left;
}

#rollOvers{
	margin-left: 2px;
	margin-top: 2px;
	padding-left: 6px;
	float: left;
	width: 684px;
	height: 80px;
	background-image: url('../images/rollovers-bg.jpg');
}

.rolloverItem{
	float: left;
	width: 33%;
	height: 65px;
	padding-top: 15px;
}

#mainBottom{
	float: left;
	width: 945px;
	height: 25px;
	background-image: url('../images/mainBottom-bg.png');
	text-align: center;
	padding-top: 10px;
	font-size: 13px;
}

/**** Begin Hotel Rooms Page ****/ 

#roomSelection{
	margin-top: 15px;
	padding: 0px 10px 0px 30px;
	height: 130px;
}

#roomSelection a {color: #d2c7b6;}

#roomSelection ul{
	float: left;
	margin-left: 25px;
	font-family: Verdana;
	color: #d2c7b6;
	font-size: 13px;
	height: 120px;
	width: 290px;
}

#roomSelection ul li {
	background-image: url('../images/icoStarOut.jpg');
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 40px;
	margin-bottom: 10px;
	margin-right: 15px;
	height: 27px;
	width: 88px;
	float: left;
}

#roomDescription{
	width: 692px;
	height: 290px;
	background-image: url('../images/hotelRoomsBG.png');
}


#roomAmenities{
	width: 198px;
	height: 271px;
	background-image: url('../images/roomAmenitiesBG.png');
	float: right;
	padding: 10px 4px 0px 10px;
	margin: 4px 4.5px 0px 0px;
	text-align: left;
	font-size: 13px;
	color: #ffffff;
}

#roomAmenities ul{
	margin: 15px 0px 20px 20px;
	color: #d2c7b5;
}

#roomAmenities li{
	background-image: url('../images/icoArrow.png');
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-bottom: 5px;
	width: 150px;
}

#amenitiesPar{height: 67px;}

#roomDetails{
	float: left;
	height: 275px;
	width: 455px;
	text-align: left;
	padding: 15px 0px 0px 15px
}

#roomDetails p{
	margin-top: 10px;
	font-size: 13px;
	margin-bottom: 10px;
	width: 430px;
	height: 55px;
}

#roomIcons{
	float: left;
	width: 233px;
	height: 160px;
	font-family: Verdana;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}

#roomIcons div{
	margin-bottom: 10px;
	height: 35px;
	text-align: right;
}

#roomIcons img{margin-right: 15px; float: left;}

#roomButtons{
	 float: right;
	 width: 180px;
	 height: 160px;
	 padding-left: 40px;
}

#roomButtons img {margin-bottom: 3px;}

/**** Begin Hotel Rooms Page ****/ 

/**** Begin Resort Amenities Page ****/ 

#resortAmenities{
	width: 238px;
	height: 276px;
	float: left;
	background-image: url('../images/amenities-bg.jpg');
	padding-top: 15px;
}

#resortAmenities ul{
	margin: 10px 0px 20px 20px;
	color: #d2c7b5;
	font-size: 13px;
	text-align: left;
}

#resortAmenities li{
	background-image: url('../images/icoArrow.png');
	background-repeat: no-repeat;
	height: 15px;
	margin-bottom: 2px;
	padding-left: 25px;
	width: 173px;
}

#resortAmenities a{color: #d2c7b5;}

#resortAmenitiesDesc{
	width: 460px;
	height: 219px;
	float: right;
	background-image: url('../images/amenitiesDescBG.jpg');
}

#resortAmenitiesInfo{
	float: left;
	width: 260px;
	height: 229px;
	text-align: left;
	padding: 0px 0px 0px 10px;
	color: #ffffff;
}

#resortAmenitiesInfo p{margin: 3px 0px 10px 0px;}

#resortAmenitiesPic{
	float: right;
	width: 170px;
	height: 178px;
	padding: 40px 0px 0px 0px; 
}

#resortAmenitiesIcons{
	float: right;
	width: 461px;
	height: 69px;
	background-image: url('../images/amenitiesIconsBG.png');
}

.amenitiesIcons{
	float: left;
	width: 230px;
	height: 59px;
	padding-top: 10px;
}

/**** End Resort Amenities Page ****/ 

/**** Begin Reservations Page ****/ 

#reservationsMain{
	width: 475px;
	height: 275px;
	background-image: url('../images/reservations-bg.jpg');
	float: left;
	text-align: left;
	color: #ffffff;
	padding-top: 10px;
}

.reserveIcon{
	width: 85px;
	height: 95px;
	text-align: right;
	float: left;
	padding-right: 15px;
}

.reserveDetail{
	width: 375px;
	height: 95px;
	float: left;
}

.reserveDetail p{
	padding-right: 15px;
	padding-left: 5px;
}

#reservationButtons{
	width: 225px;
	height: 285px;
	float: right;
}

.reservationButton{
	height: 75px;
	width: 225px;
	background-image: url('../images/reservationsButtonBG.png');
	padding-top: 20px;
}

/**** End Reservations Page ****/ 

/**** Begin Packages Page ****/ 


#packageDetails{
	float: left;
	height: 285px;
	width: 460px;
	text-align: left;
	padding: 0px 0px 0px 15px;
	background-image: url('../images/packageDetailsBG.jpg');
}

#packageDetails img{
	display: block;
}

#packagesList{
	width: 190px;
	height: 274px;
	background-image: url('../images/packagesListBG.jpg');
	float: right;
	padding: 10px 4px 0px 3px;
	margin: 0px 4.5px 0px 0px;
	text-align: left;
	font-size: 13px;
	color: #ffffff;
}

#packagesList ul a {color: #d2c7b6;}

#packageImages{
	width: 127px;
	height: 235px;
	text-align: center;
	float: left;
	padding-top: 10px;
}

#packageImages img{margin-bottom: 15px;}

#packageMain {
	float: right;
	width: 325px;
	height: 235px;
	font-size: 13px;
	padding-top: 10px;
}

#packageMain p{margin-bottom: 10px;}
#packageMain ul{color: #ffffff; margin-bottom: 10px;}
#packageMain span{color: #ffffff; width: 320px; display: block;}
#packageMain em{
	display: block;
	float: left;
	margin-top: 3px;
	color: #d2c7b5;
	width: 325px;
}

#packagesList ul{
	margin: 3px 0px 20px 0px;
	color: #d2c7b5;
}

#packagesList li{
	background-image: url('../images/icoArrow.png');
	background-repeat: no-repeat;
	padding: 0px 0px 0px 17px;
	margin-bottom: 5px;
	width: 165px;
	display: inline;
	float: left;
}
/**** End Packages Page ****/ 

/**** Start Meetings Page ****/ 

#meetingMain{
	width: 692px;
	height: 290px;
}

#meetingRoomDetails{
	float: left;
	height: 280px;
	width: 460px;
	text-align: left;
	padding: 5px 0px 0px 15px;
	background-image: url('../images/meetingsBG.jpg');
	color: #ffffff;
}

#meetingRoomsList{
	width: 190px;
	height: 274px;
	background-image: url('../images/packagesListBG.jpg');
	float: right;
	padding: 10px 4px 0px 10px;
	margin: 0px 4.5px 0px 0px;
	text-align: left;
	font-size: 13px;
	color: #ffffff;
}

#meetingRoomsList ul a {color: #d2c7b6;}

#meetingRoomsList ul{
	margin: 5px 0px 20px 0px;
	color: #d2c7b5;
}

#meetingRoomsList li{
	background-image: url('../images/icoArrow.png');
	background-repeat: no-repeat;
	padding: 0px 0px 0px 25px;
	margin-bottom: 5px;
	width: 165px;
	display: inline;
	float: left;
}

#seatingArrangements{
	float: left;
	width: 50%;
	height: 155px;
	margin-top: 5px;
}

#seatingArrangements h1{
	color: #d2c7b5;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
}

#seatingArrangements span{
	display: block;
	width: 50%;
	float: left;
	margin-bottom: 5px;
}

#seathingArrangements em{display: block;}

#meetingButtons{
	float: right;
	width: 50%;
	height: 155px;
	margin-top: 5px;
	text-align: center;
}

#meetingButtons img{margin: 10px 0px 10px 0px;}

/**** End Meetings Page ****/ 

/**** Start Hot Rates Page ****/

#hotRatesDetails{
	float: left;
	height: 280px;
	width: 445px;
	text-align: left;
	padding: 5px 15px 0px 15px;
	background-image: url('../images/hotRatesBG.jpg');
}

#hotRatesDetails p {width: 435px; margin: 5px 0px 15px 0px;}

.leftCalendarContainer{
	width: 45%;
	height: 160px;
	float: left;
	padding: 0px 10px 0px 10px;
	text-align: right;
}

#hotRatesDetails table{
	width: 164px;
	height: 155px;
	border: 1px #000000 solid;
}

#hotRatesDetails table td{
	text-align: center;
}

.rightCalendarContainer{
	width: 45%;
	height: 160px;
	float: left;
	padding: 0px 10px 0px 10px;
	text-align: left;
}

.monthHeader{
	background-color: #d9d7c3;
	text-align: center;
	height: 15px;
}

.dayHeader{text-align: center; font-weight: bold;}
.hotDay{background-color: #d9d7c3;}
.hotDay a{color: #000000;}

/**** End Hot Rates Page ****/

/**** Start Meeting Inquiry Page ****/

#meetingInquiryMain{
	float: right;
	height: 280px;
	width: 445px;
	text-align: left;
	padding: 5px 15px 0px 15px;
	background-image: url('../images/hotRatesBG.jpg');
}

#inquiryAd{
	width: 225px;
	height: 285px;
	float: left;
}

.meetingInquiry{
	float: left;
	width: 49%;
	height: 225px;
}

.meetingInquiry input{margin-left: 10px;}

.meetingInquiry textarea{
	width: 210px;
	height: 85px;
}

.meetingInquiry select{width: 140px;}
.meetingInquiry p{font-size: 8pt; margin-top: 10px; margin-bottom: 10px;}

/**** End Meeting Inquiry Page ****/

/**** Start Photo Gallery Page ****/

#photoGalleryMain{
	width: 692px;
	height: 290px;
	background-image: url('../images/photoGalleryBG.png');
	text-align: left;
}


.photoColumn{
	width: 25%;
	height: 100%;
	float: left;
}

.photoColumn div{height: 33%;}
.photoColumn div img {margin: 10px 0px 0px 13px;}

/**** End Photo Gallery Page ****/

/**** Start Directions Page ****/

#directionsMain{
	width: 692px;
	height: 290px;
	background-image: url('../images/hotelRoomsBG.png');
}

#directionDetails{
	float: left;
	height: 275px;
	width: 455px;
	text-align: left;
	padding: 15px 0px 0px 15px
}

#directionDetails h1{color: #ffffff; font-family: Verdana; font-weight: bold; margin-top: 10px;}
#directionDetails ul{color: #ffffff; margin-top: 15px;}
#directionDetails p{
	color: #ffffff;
	padding-right: 20px;
	margin-top: 10px;
}

#directionsList{
	width: 198px;
	height: 271px;
	background-image: url('../images/roomAmenitiesBG.png');
	float: right;
	padding: 10px 4px 0px 10px;
	margin: 4px 4.5px 0px 0px;
	text-align: left;
	font-size: 13px;
	color: #ffffff;
}

#directionsList a{color: #d2c7b5;}

#directionsList ul{
	margin: 15px 0px 20px 20px;
	color: #d2c7b5;
}

#directionsList li{
	background-image: url('../images/icoArrow.png');
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-bottom: 5px;
	width: 150px;
}

#amenitiesAddress{
	float: left;
}

#amenitiesPrinterFriendly{
	float: right;
}
/**** End Directions Page ****/

/**** Start Loyalty Program Page ****/

#loyaltyMain{
	width: 465px;
	height: 275px;
	background-image: url('../images/loyalty-bg.jpg');
	float: left;
	text-align: left;
	color: #ffffff;
	padding-top: 10px;
	padding-left: 10px;
}

#loyaltyMain ul{
	margin: 15px 0px 15px 15px;
	color: #ffffff;
}

#loyaltyMain ul li{
	background-image: url('../images/icoArrow.png');
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-bottom: 5px;
}

#loyaltyMain span{
	margin-top: 20px;
	display: block;
	width: 140px;
	float: left;
}

#btnJoin{
	margin-top: 10px;
}
/**** End Loyalty Program Page ****/

/**** Start Signup Page ****/

#signupMain{
	width: 692px;
	height: 290px;
	background-image: url('../images/signupBG.png');
	color: #ffffff;
}

#signupMain p{
	margin-top: 5px;
	margin-bottom: 5px;	
}

#signupOptions{
	float: left;
	width: 415px;
	height: 275px;
	text-align: left;
	padding: 10px 0px 0px 10px;
}

.signupItem{
	width: 30px;
	float: left;
}

#signupOptions label{
	width: 125px;
	height: 20px;
	float: left;
	margin-top: 3px;
}

#signupOptions a{
	width: 250px;
	height: 20px;
	display: block;
	margin-top: 3px;
	float: left;
	
}

.fieldContainer{
	margin: 10px 0px 0px 0px;
	float: left;
	width: 100%;
	height: 25px;
}

.fieldContainer span{
	width: 50px;
	display: block;
	float: left;
}

#signupItemDesc{
	float: right;
	width: 241px;
	height: 260px;
	padding: 25px 10px 0px 10px;
	text-align: left;
	color: #000000;
}

#signupOptions p{margin: 10px 0px 15px 0px;}

#signupItemDesc h1{color: #ffffff;}
#signupItemDesc p{padding: 10px 0px 10px 0px;}
#signupItemDesc ul li{padding: 2px 0px 1px 0px;}

/**** End Signup Page ****/

/**** Start Refer-A-Friend Page ****/

#referFriendHow{
	width: 208px;
	height: 276px;
	float: left;
	background-image: url('../images/referFriendHow-bg.jpg');
	padding: 15px 15px 0px 15px;
	text-align: left;
	color: #ffffff;
}

#referFriendHow p{margin-top: 10px;}

#referFriendMain{
	width: 450px;
	height: 209px;
	float: right;
	background-image: url('../images/referFriendBG.jpg');
	padding: 10px 0px 0px 10px;
	text-align: left;
	color: #ffffff;
	font-family: Verdana;
}

#referFriendMain span{
	display: block;
	float: left;
	height: 20px;
	width: 165px;
	margin-bottom: 5px;
}

#referFriendMain div{margin: 5px 0px 15px 0px;}
#referFriendMain div p{margin-bottom: 20px;}

#referFriendMain input{margin-bottom: 5px;}

/**** End Refer-A-Friend Page ****/

/**** Start Brochure Page ****/

#brochureMain{
	float: right;
	height: 280px;
	width: 445px;
	text-align: left;
	padding: 5px 15px 0px 15px;
	background-image: url('../images/hotRatesBG.jpg');
}

#brochureMain a{color: #ffffff;}
#brochureMain p{margin: 5px 0px 5px 0px;}
#brochureMain ul{margin: 10px 0px 10px 0px;}
#brochureMain li{
	background-image: url('../images/icoArrow.png');
	color: #ffffff;
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-bottom: 5px;
}
/**** End Brochure Page ****/

/**** Start Newsletter Thank You Page ****/

#newsletterMain{
	float: right;
	height: 275px;
	width: 445px;
	text-align: left;
	font-size: 11pt;
	padding: 10px 15px 0px 15px;
	background-image: url('../images/hotRatesBG.jpg');
}

/**** End Newsletter Thank You Page ****/

/**** Start Online Reservations Page ****/

#onlineReservationsMain{
	background-image: url('../images/onlineReservationsMainBG.png');
	height: 260px;
	padding: 20px 10px 10px 20px;
	text-align: left;
	width: 662px;
}

#onlineReservationsMain p{margin-top: 10px;}

#reservationOptions{
	margin: 10px 0px 0px 0px;
}

#reservationOptions div{
	background-image: url('../images/reservationOptionBG.png');
	background-repeat: no-repeat;
	float: left;
	height: 180px;
	padding: 10px 10px 0px 10px;
	width: 30%;
}

#reservationOptions img{
	float: left;
}

#reservationOptions span{
	display: block;
	float: right;
	font: normal normal bold 12pt Arial;
	margin: 0px 0px 0px 5px;
	width: 135px;
}

#reservationOptions p{
	float: left;
	height: 65px;	
	margin: 10px 0px 15px 0px;
	width: 195px;
}

/**** End Online Reservations Page ****/