body { margin: 0px; padding: 0px; font-size: 11px; font-family: Verdana, Arial, Helvetica; color: #000; background-color: #fff; }

/* -- HEADINGS -- */

.Corners H1 { font-size: 16px; margin: 0px 0px 10px 0px; padding: 0; color: #796d45; }
.Corners H2 { font-size: 13px; margin: 0px 0px 10px 0px; padding: 0; color: #6A675A; }
H3 { font-size: 13px; margin: 0px 0px 10px 0px; padding: 0; color: #6A675A; }
H4 { font-size: 12px; margin: 0px 0px 10px 0px; padding: 0; color: #6A675A; }
H5 { font-size: 12px; margin: 0px 0px 10px 0px; padding: 0; color: #6A675A; }
H6 { font-size: 11px; margin: 0px 0px 10px 0px; padding: 0; color: #6A675A; }

.GeneralBanner .heading { font-family: Verdana, Arial, Helvetica; font-size: 24px; font-weight: bold; color: #84B30B; margin: 0px 0px 10px 0px; padding: 0; }

.HomepageBannerRight h1 { font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold; color: #fff; margin: 0px 0px 10px 0px; padding: 0; }
.HomepageBannerLeftText h2 { font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #84B30B; margin: 0px 0px 10px 0px; padding: 0; }

.Tile h3 { font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold; color: #84B30B; margin: 0px 0px 5px 0px; padding: 0; }
.Tile h3 a { color: #84B30B; text-decoration: none; }
.Tile h3 a:hover { color: #fff; text-decoration: none; }

.Tile .SpecialsText h3 { font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold; color: #fff; margin: 0px 0px 20px 0px; padding: 0; }

.red { color: #df261c; }
.white { color: #fff; }
.small { font-size: 10px; }
.black { color: #000; }

/* --- DIVS --- */

#Wrapper { position: relative; margin: 0 auto; width: 960px; background-color: #fff; margin-bottom: 5px; }
#HeaderContainer { position: relative; margin: 0 auto; width: 832px; text-align: left; padding: 32px 0px 0px 0px; }
#FooterNav { display: none; position: relative; margin: 0 auto; width: 832px; overflow: hidden; margin-top: 15px; padding-bottom: 20px; }
#GlobalFooter { overflow: hidden; font-size: 10px; color: #fff; background-color: #a9aba2; font-family: Arial, Verdana, Helvetica; position: relative; margin: 0 auto; margin-bottom: 30px; width: 960px; overflow: hidden; margin-top: 10px; }
.GlobalFooterPadding { padding: 30px 65px 20px 63px; overflow: hidden; }

.FooterLinks { float: right; color: #fff; font-size: 10px; text-align: right; }
.FooterLinks a { color: #fff; text-decoration: none; }
.FooterLinks a:hover { color: #000; text-decoration: none; }

.GlobalLogo { position: relative; width: 235px; margin: 0px 0px 41px 0px; }
.GlobalNav { position: relative; margin: 0 auto; width: 832px; margin: 0px 0px 16px 0px; z-index: 200; }

.HomepageBannerContainer { position: relative; margin: 0 auto; width: 832px; overflow: hidden; margin-bottom: 18px; }

.HomepageBannerFeatured { float: left; width: 533px; height: 289px; overflow: hidden; background-color: #38363B; }

.HomepageBannerLeft { float: left; width: 533px; overflow: hidden; }
.HomepageBannerLeftText { position: absolute; z-index: 100; width: 168px; margin-left: 344px; padding-top: 20px; color: #fff; }
.HomepageBannerLeftText a { color: #84B30B; text-decoration: none; }
.HomepageBannerLeftText a:hover { color: #fff; text-decoration: none; }

.HomepageBannerLeftText a.whitelink { color: #fff; text-decoration: none; }
.HomepageBannerLeftText a.whitelink:hover { color: #fff; text-decoration: none; }

.HomepageBannerRight { float: right; width: 286px; }

.HomepageContentContainer { position: relative; margin: 0 auto; width: 873px; overflow: hidden; }
.HomepageContentContainer .LeftColumn { float: left; display: inline; width: 229px; margin: 0px 0px 0px 20px; }
.HomepageContentContainer .RightColumn { float: right; width: 607px; }
.RightColumn ul { margin: 0; padding: 0; list-style: none; }
.RightColumn ul li { padding: 4px 3px 4px 13px; font-size: 11px; background:url('../../images/template/marque/general/Arrow.png') no-repeat 0px 8px; line-height: 1.4em; }


.GeneralContentContainer { position: relative; margin: 0 auto; width: 832px; overflow: hidden; }
.GeneralContentContainer .LeftColumn { float: left; display: inline; width: 229px; margin: 0px 0px 0px 0px; }
.GeneralContentContainer .RightColumn { float: right; width: 585px; }
.GeneralContentContainer .RightColumn a { color: #6a675a; text-decoration: none; }
.GeneralContentContainer .RightColumn a:hover { color: #84B30B; }

.GeneralBannerContainer { position: relative; margin: 0 auto; width: 832px; overflow: hidden; margin-bottom: 18px; }
.GeneralBanner { width: 832px; height: 289px; overflow: hidden; background-color: #38363B; }
.GeneralBannerText { position: absolute; z-index: 500; left: 50%; margin-left: 150px; margin-top: 20px; width: 243px; color: #fff; }

.Tile { float: left; display: inline; width: 286px; overflow: hidden; margin: 0px 14px 14px 0px; }
.TileText { float: right; width: 95px; }
.TileText a { color: #fff; text-decoration: none; }
.SpecialsText { width: 235px; color: #000; }
.SpecialsText ul { margin: 0; padding: 0; list-style: none; width: 235px; }
.SpecialsText ul li { padding: 4px 3px 4px 13px; color: #fff; font-weight: bold; font-size: 10px; background:url('../../images/template/marque/general/Arrow.png') no-repeat 0px 8px; line-height: 1.4em; }
.SpecialsText ul li a { color: #000; text-decoration: none; }
.SpecialsText ul li a:hover { color: #c74e3f; text-decoration: none; }
.SpecialsText a { text-decoration: none; color: #c74e3f; }
.SpecialsText a:hover { text-decoration: none; color: #000; }

.BookingBox { display: none; background: url('../../images/template/marque/general/BookingBoxBottom.gif') no-repeat #d8b978 bottom left; overflow: hidden; }
.BookingBox ul { list-style: none; margin: 0; padding: 0; }
.BookingBox ul li { border-top: 1px solid #fff; padding: 6px 3px 6px 23px; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 9px; background:url('../../images/template/marque/general/BookingBoxBullet.gif') no-repeat 10px 9px; line-height: 1.4em; }

.BookingBox table.BookingForm  { padding: 15px 10px 10px 10px; color: #fff; }
.BookingBox table.BookingForm td { color: #fff; padding-top: 0px; }

.BookingBox .BookingBoxButtons { overflow: hidden; clear: both; }
.BookingBox .BookingBoxButtons img { float: left; }

.LeftColumn .Buttons { margin: 25px 0px 0px 0px; overflow: hidden; }

.RendezvousGroup { display:none; float: left; width: 345px; font-size: 10px; font-face: Arial, Verdana, Helvetica; }
.RendezvousGroup .small { font-size: 9px; }

.BookNow { float: left; width: 400px; font-size: 10px; font-face: Arial, Verdana, Helvetica; text-align: left; }
.BookNow .small { font-size: 9px; }
.BookNow a { color: #fff; text-decoration: none; }
.BookNow a:hover { color: #000000; text-decoration: none; }

.Column1 { float: left; width: 300px; }
.Column2 { float: left; width: 284px; }

.ArticleImage { float: right; display: inline; margin: 0px 0px 10px 10px; border: 1px solid #fff; width: 150px; height: 150px; }
.ArticleImageMap { float: right; display: inline; margin: 0px 0px 10px 10px; border: 1px solid #fff; }

.BannerCornersLeft { position: absolute; width: 15px; height: 289px; left: 50%; margin-left: -416px; z-index: 105; }
.BannerCornersRight { position: absolute; width: 15px; height: 289px; left: 50%; margin-left: 401px; z-index: 105; }

.ListItem { border: 1px solid #c9c4bc; padding: 15px 20px 15px 20px; overflow: hidden; height: 100%; text-align: left; }
.ListItem img { float: right; display: block; margin: 0px 0px 0px 10px; }
.ListItem h2 { margin-bottom: 5px; margin-top: 0px; font-size: 13px; font-weight: normal; }

#BannerAd { display: none; position: absolute; width: 480px; height: 77px; left: 50%; margin-left: -64px; top: 15px; }

.ArticleDivider { clear: both; width: 100%; overflow: hidden; }
.ArticleDivider img { float: right; }

/* -- BUTTONS -- */

.BeigeButtonContainer { float: left; display: inline; margin: 0px 13px 0px 0px; overflow: hidden; height: 35px; background-color: #ebe9e0; line-height: 35px; _width: 0px; width: auto; }
.BeigeButtonContainer img { float: left; width: 9px; }
.BeigeButtonContainer ul { list-style: none; margin: 0; padding: 0; float: left; }
.BeigeButtonContainer ul li { float: left; padding: 0px 3px 0px 3px; color: #82847d; }
.BeigeButtonContainer ul li a { color: #82847d; text-decoration: none; }
.BeigeButtonContainer ul li a:hover { color: #000; text-decoration: none; }

.AquaButtonContainer { float: left; display: inline; margin: 0px 6px 0px 0px; overflow: hidden; height: 35px; background-color: #9ac7c3; line-height: 35px; _width: 0px; width: auto; }
.AquaButtonContainer img { float: left; width: 9px; }
.AquaButtonContainer ul { list-style: none; margin: 0; padding: 0; float: left; }
.AquaButtonContainer ul li { float: left; padding: 0px 7px 0px 7px; color: #fff; }
.AquaButtonContainer ul li a { color: #fff; text-decoration: none; }
.AquaButtonContainer ul li a:hover { color: #000; text-decoration: none; }

.SocialMedia { float: right; height: 35px; line-height: 35px; overflow: hidden; }
.SocialMedia img { float: left; display: inline; }
.SocialMedia ul { list-style: none; margin: 0; padding: 0; float: left; }
.SocialMedia ul li { float: left; padding: 0px 5px 0px 0px; color: #82847d; }

.PurpleGradientButtonContainer { float: right; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden; height: 60px; background: url('../../images/template/marque/buttons/ButtonPurpleGradientBG.gif') repeat-x top left; _width: 0px; width: auto; font-size: 12px; }
.PurpleGradientButtonContainer img { display: none; float: left; width: 6px; }
.PurpleGradientButtonContainer ul { list-style: none; margin: 0px 5px 0px 5px; padding: 0; float: left; }
.PurpleGradientButtonContainer ul li { text-align: center; float: left; padding: 10px 0px 0px 0px; color: #fff; }
.PurpleGradientButtonContainer ul li a { color: #fff; text-decoration: none; }
.PurpleGradientButtonContainer ul li a:hover { color: #000; text-decoration: none; }


/* -- GENERAL -- */

.FooterText { float: left; display: inline; height: 47px; padding: 0px 11px 0px 0px; overflow: hidden; }
.FooterText img { float: left; display: inline; }
.FooterText ul { list-style: none; margin: 0; padding: 0; float: left; }
.FooterText ul li { float: left; padding: 9px 10px 0px 0px; }
.FooterText ul li a { color: #9a9b96; text-decoration: none; }
.FooterText ul li a:hover { color: #000; text-decoration: none; }


/* -- FORMS -- */

form { padding: 0; margin: 0; }
.BookingBox .BookingForm input, .BookingBox .BookingForm select { background-color: #82847d; border: 1px solid #fff; padding: 3px; margin: 2px 0px 0px 0px; color: #fff; font-size: 11px; }

ul.NavRight { position: absolute; right: 0px; list-style: none; margin: 0; padding: 4px 0px 0px 0px; }
ul.NavRight li { float: left; padding: 0px 25px 0px 0px; font-size: 11px; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica; color: #463b3b; }
ul.NavRight li a { text-decoration: none; color: #463b3b; }
ul.NavRight li a:hover { color: #000; }

form#ContactForm { margin: 0; padding: 0; }

#ContactForm label { display:block; float:left; margin: 0px; padding: 7px 0px 0px 0px; text-align: left; width:70px; font-family: Arial, Verdana, Helvetica; font-size: 11px; }
#ContactForm label.fields { float: left; width: 190px; padding: 0px; }

#ContactForm input, select, textarea { border: 1px solid #ddd8cf; background-color: #f5f4f0; padding: 4px; color: #766341; font-family: Arial, Verdana, Helvetica; font-size: 12px; }

#ContactForm textarea { border: 1px solid #ddd8cf; background-color: #f5f4f0; padding: 4px; width: 200px; margin: 0px 0px 8px 0px; color: #766341; font-family: Arial, Verdana, Helvetica; font-size: 12px; overflow: auto; }

#ContactForm .row { clear: both; padding-bottom: 8px; }

#ContactForm .Submit { background-color: #84B30B; color: #fff; padding: 5px 15px 5px 15px; font-size: 13px; border: none; }


/* -- DROPDOWN -- */

/* LEVEL ONE */
ul.dropdown { display: inline; list-style: none; }
ul.dropdown li { cursor: pointer; float: left; zoom: 1; color: #463b3b; margin: 0px 0px 0px 0px; padding: 4px 25px 4px 0px; font-size: 11px; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica; }
ul.dropdown a { text-decoration: none; color: #463b3b; }
ul.dropdown a:hover { color: #000; }
ul.dropdown a:active { color: #463b3b; }
ul.dropdown li a { display: block; color: #463b3b; }
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover { color: #000; position: relative; }
ul.sub_menu li.hover { background-color: #ccc !important; position: relative; }
ul.dropdown li.hover a {  }


/* LEVEL TWO */
ul.dropdown ul { list-style: none; margin: 0; width: 160px; visibility: hidden; position: absolute; z-index: 1000; top: 100%; left: -8px; padding: 0px; background-color: #e4e4e4; overflow: hidden; }
ul.dropdown ul li { font-weight: normal; color: #463b3b; float: none; padding: 3px 0px 3px 0px; font-size: 11px; text-align: left; background: none; line-height: 1.1em; height: auto; }
ul.dropdown ul li:hover {  }
									  
                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { width: 100%; display: inline-block; color: #463b3b !important; text-decoration: none; padding: 3px 5px 3px 9px; } 
ul.dropdown ul li a:hover { background-color: #cbcbcb !important; }


/* LEVEL THREE */
ul.dropdown ul ul { list-style: none; margin: 0; width: 160px; visibility: hidden; position: relative; z-index: 1000; top: 0px; left: 0px; padding: 3px 0px 0px 0px; background-color: #e4e4e4; }
ul.dropdown ul ul li { font-weight: normal; color: #463b3b; float: none; padding: 3px 0px 3px 0px; font-size: 11px; text-align: left; background: none; line-height: 1.1em; height: auto; }
ul.dropdown ul ul li:hover { background-color: #cbcbcb !important; }
									  
                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul ul li a { width: 100%; display: inline-block; color: #463b3b !important; text-decoration: none; padding: 1px 5px 1px 23px; } 
ul.dropdown ul ul li a:hover { }


.Corners { border: 0px solid #ffffff; color: #ffffff; padding: 20px; text-align: left; background-color: #cccccc; 
/* Do rounding (native in Firefox and Safari, CC in IE) -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; CCborderRadiusTL: 10px; CCborderRadiusTR: 10px; */ }

.SideMenu { border: 0px solid #ffffff; color: #ffffff; padding: 10px 10px 10px 13px; text-align: left; width: 206px; margin-bottom: 5px; font-weight: bold;
/* Do rounding (native in Firefox and Safari, CC in IE) -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; CCborderRadiusTL: 10px; CCborderRadiusTR: 10px; */ }
.SideMenu a { text-decoration: none; color: #fff; }
.SideMenu a:hover { text-decoration: none; color: #000; }

.Tile .autoPadDiv { padding-top: 0px !important; }


/* --------------------------- */
/* ROTATING BANNER       	   */
/* --------------------------- */


/* rotator in-page placement */
div#rotator { position:absolute; width: 544px; z-index: 100; height: 289px; margin: 0px 0px 0px 0px; padding: 0px; }

/* rotator css */
div#rotator ul { margin: 0; padding: 0; }
div#rotator ul li {	float:left;	position:absolute; list-style: none; }

/* rotator image style */	
div#rotator ul li img { padding: 0px; margin: 0; }
div#rotator ul li.show { z-index:1; }


/* --------------------------- */
/* MAP                  	   */
/* --------------------------- */

#map { position: relative; width: 570px; height: 500px; overflow: hidden; border: 1px solid #e7e4d9; }
#returnlink { display: block; position: absolute; bottom: 0; right: 0;  color: white; background: blue; padding: 3px;}

#map a.bullet { display: block; position: absolute; padding: 0px 0px 0px 13px; width: 95px; height: 16px; line-height: 16px; color: #000; background-image: url('../../images/template/marque/map/bullet.png'); background-repeat: no-repeat; background-position: center left; text-decoration: none; z-index: 2; }
#map a.both { display: block; position: absolute; padding: 0px 0px 0px 13px; width: 95px; height: 16px; line-height: 16px; color: #000; background-image: url('../../images/template/marque/map/bulletboth.png'); background-repeat: no-repeat; background-position: center left; text-decoration: none; z-index: 2; }
#map a.marque { display: block; position: absolute; padding: 0px 0px 0px 13px; width: 95px; height: 16px; line-height: 16px; color: #000; background-image: url('../../images/template/marque/map/bulletmarque.png'); background-repeat: no-repeat; background-position: center left; text-decoration: none; z-index: 2; }
#map img.zoomable { }

#map div.popup{ display: none; position: absolute; width: 265px; top: 35px; left: 270px; background: #e7e4d9; z-index: 3; padding: 0px; border: 1px solid #baa585; color: #000; }
#map div.popup a.close{ float: right; padding: 8px 5px 0px 0px; }

#map div.popup h3 { font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold; color: #615240; margin: 0px 0px 15px 0px; padding: 0; }
#map div.popup h3 a { color: #615240; text-decoration: none; }
#map div.popup h3 a:hover { color: #000; }

.popupcontent { padding: 15px; }
.popupcontent h3 { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 15px; }