body
{
  background: #F3F1D7 url(../images/body-background.jpg) 0 200px repeat-x;
  font: 76% Verdana,arial;
  color: #000;
  padding: 0;
  margin: 0;
  line-height: 1.6em;
}
fieldset
{
  border: 1px solid #999887;
  padding: 2px 10px;
  margin: 0 0 10px 0;
}
legend
{
  font: 1.2em Georgia,Times;
}
.Alert
{
  color: #C00;
  font-weight: bold;
  text-decoration: blink;
}
#Container
{
  margin: 0 auto;
}
#Header
{
  margin: 0;
  padding: 0;
  position: relative;
  background: #FFF url(../images/header-background.jpg) top left repeat-x;
  text-align: center;
}
#Header h1
{
  text-transform: uppercase;
  font: 2em "Trebuchet MS","Gill Sans";
  padding: 1.6em 0 0 1em;
  margin: 0;
  letter-spacing: .2em;
  color: #FFF;
  font-weight: normal;
}
#Header p
{
  padding: 0 0 0 3em;
  margin: 0;
  color: #FFF;
}
#Menu
{
  margin-top: 0;
  text-align: center;
  background: transparent url(../images/menu-background.gif) top left repeat-x;
  height: 2.4em;
}
#Menu ul
{
  padding: 0;
  margin: 0;
}
#Menu ul li
{
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}
#Menu ul li a
{
  text-decoration: none;
  padding: 10px;
  color: #11268E;
  font: .8em Georgia,Times;
  letter-spacing: .2em;
  font-weight: bold;
  text-transform: uppercase;
  background: #FFF url(../images/menu-button-background.gif) bottom left repeat-x;
  width: 6em;
}
#Menu ul li a:hover
{
  color: #980F08;
}
#Sidebar
{
  width: 190px;
  float: right;
  margin: 10px 10px 10px 0;
  padding: .4em;
  border: 1px solid #CCC;
  display: none;
}
#Sidebar dl
{
  margin: 0;
  padding: 0;
}
#Sidebar dt
{
  font-weight: bold;
  text-align: left;
}
#Sidebar dd
{
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
#Sidebar h3
{
  font-size: 1em;
  line-height: 1em;
  padding: 3px;
  font-family: "Gill Sans",Verdana,Arial;
  text-transform: uppercase;
  letter-spacing: .2em;
  margin-top: 1px;
}
#Sidebar h3 a
{
  text-transform: lowercase;
  font-size: .8em;
}
#Sidebar p
{
  padding-top: 0;
  margin-top: 0;
}
#Content
{
  padding-right: 20px;
  padding-top: 0;
  width: 760px;
  margin: 10px auto;
}
#Content h1
{
  color: #980F08;
  letter-spacing: .1em;
  line-height: 1.2em;
  margin-bottom: 3px;
  padding-bottom: 2px;
  font: 2.6em Georgia,Times;
  font-style: italic;
  padding-top: 5px;
}
#Content h2
{
  padding-top: 20px;
  padding-bottom: 20px;
  clear: both;
  border-top: 2px solid #12268D;
  border-bottom: 1px dashed #12268D;
  color: #980F08;
  font: 1.4em Georgia,Times;
}
#Content h3
{
  font-size: 1em;
}
#Content ul
{
  padding-left: 30px;
}
#Content ul li
{
  list-style-image: url(../images/star-bullet.gif);
}
#Content img.Map
{
  float: right;
  margin: 10px 20px;
}
#Content p.HomeColumn
{
  float: left;
  width: 250px;
}
#Content form #Contact1, #Content form #Contact2
{
  float: left;
  width: 45%;
}
#Content form #Reservation1
{
  float: left;
  width: 53%;
}
#Content form #Reservation2
{
  float: left;
  width: 37%;
}
#Content form #Reservation3
{
  clear: both;
  text-align: center;
  margin-top: 10px;
}
#Content form #CCInfo img, #Content form #CCInfo2 img
{
  padding-top: 10px;
}
#Content form #CCInfo
{
  width: 35%;
  float: left;
}
#Content form #CCInfo2
{
  width: 30%;
  float: left;
}
#Content form #TotalPriceDisplay
{
  width: 30%;
  float: left;
  position: relative;
}
#Content form #TotalPriceDisplay h2
{
  margin-bottom: 0;
}
#Content form #TotalPriceDisplay h3
{
  position: absolute;
  top: 35px;
  right: 5px;
  font-size: 2.6em;
  margin: 0 0 5px 0;
  padding: 0;
}
#Content form #TransOptions
{
  display: none;
}
#Content form #Trans1, #Content form #Trans2
{
  width: 45%;
  float: left;
}
#Content form label
{
  padding: 0;
  margin: 0;
  display: block;
  font-size: .9em;
}
#Content legend
{
  color: #980F08;
}
#Content form p
{
  clear: both;
  padding-top: 5px !important; padding-top: 0;
  margin: 1px 0;
}
#Content form p.RequiredFields
{
  clear: both;
  font-style: italic;
  text-align: center;
}
#Content form p.SubmitButton
{
  clear: both;
  text-align: center;
}
#Content img.Amenities
{
  float: right;
  border: 10px solid #FFF;
  margin-left: 10px;
  margin-bottom: 5px;
}
#Content div.SuiteStats
{
  margin-bottom: 20px;
  clear: both;
}
#Content div.SuiteStats h3.First
{
  margin-top: 170px;
}
#Content div.SuiteStats h3
{
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0;
  clear: both;
  border-top: 2px solid #12268D;
  border-bottom: 1px dashed #12268D;
  color: #980F08;
  font: 1.4em Georgia,Times;
}
#Content div.SuiteStats img
{
  float: right;
  border: 10px solid #FFF;
  margin-left: 10px;
  margin-bottom: 20px;
}
#Content div.SuiteStats img.Floorplan
{
  float: left;
  margin-left: 0;
  margin-bottom: 10px;
  border: 5px solid #FFF;
}
#Content div.SuiteStats dl
{
  padding: 5px 3px 10px 3px;
  float: left;
  width: 180px;
  margin-bottom: 20px;
}
#Content div.SuiteStats dl dt
{
  float: left;
  width: 60px;
  height: 22px;
  padding-top: 3px;
  padding-right: 10px;
  font-weight: bold;
  clear: left;
  text-align: right;
}
#Content div.SuiteStats dl dd
{
  margin-left: 0;
  color: #12268D;
  font: 1.4em Georgia,Times,Serif;
  height: 25px;
}
#Content div.SuiteStats dl dd a
{
  text-decoration: none;
  color: #12268D;
  border-bottom: 1px dotted #12268D;
  padding-bottom: 2px;
}
#Content div.SuiteStats dl dd a:hover
{
  background: #FFF;
}
#Content div.SuiteStats ul
{
  float: left;
  width: 230px;
  margin-left: 0;
  margin-top: 5px;
}
#Content div.SuiteStats p.Description
{
  float: right;
  width: 465px;
  padding-top: 5px;
}
#Content div.SuiteStats p.ReservationLink
{
  margin-top: 25px;
  float: left;
  width: 65px;
  height: 45px;
  padding-top: 20px;
  margin-left: 10px;
  text-align: center;
  line-height: 1.2em;
  background: transparent url(../images/reserve.gif) center center no-repeat;
}
#Content div.SuiteStats p.ReservationLink a
{
  color: #FFF;
  text-decoration: none;
}
#Content div.SuiteStats p.ReservationLink a:hover
{
  color: #FF0;
  text-decoration: underline;
}
#Content #Slideshow
{
  text-align: center;
  padding: 10px;
  background: #FFF;
}
#Content div.Questions
{
  float: left;
  width: 360px;
  margin-right: 20px;
  padding-top: 20px;
  margin-bottom: 20px;
}
#Content div.Questions h3
{
  font: 1.2em Georgia,Times,Serif;
  color: #980F08;
  background: #FFF;
  border-right: 1px solid #AAA;
  padding: 10px;
  display: inline;
}
#Content div.Questions ul
{
  list-style: none;
  padding: 10px;
  background: #FFF;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  margin-top: 8px;
  margin-left: 0;
}
#Content div.Questions ul li
{
  margin-bottom: 10px;
  list-style-image: none;
}
#Content #Answers dl dt
{
  color: #980F08;
  font-style: italic;
}
#Content #Answers dl dd
{
  margin-bottom: 20px;
}
#Content #RoomTypes
{
  text-align: center;
  padding-bottom: 10px;
}
#Content #RoomTypes h2
{
  margin: auto;
  background: transparent url(../images/room-type-header.gif) top center no-repeat;
  height: 16px;
  width: 111px;
  color: #846E12;
  font: .8em Geogia,Times,Serif;
  text-transform: uppercase;
  padding: 10px 60px;
  margin-bottom: 0;
  padding-bottom: 10px;
  border: none;
}
#Content #RoomTypes dl
{
  margin-top: 0;
  width: 150px;
  padding: 5px 0 0 1px;
  font: 1em Georgia,Times,Serif;
  text-align: left;
}
#Content #RoomTypes dl dt
{
  padding-left: 10px;
}
#Content #RoomTypes dl dd
{
  margin-left: 10px;
}
#Content #RoomTypes div.Rooms img
{
  border: none;
  margin-top: 10px;
}
#Content #RoomTypes div.Rooms
{
  float: left;
  background: #FFF;
  border-bottom: 1px solid #AAA;
}
#Content #RoomTypes div.Last
{
  border-right: 1px solid #AAA;
}
#Content p.FAQcontact
{
  clear: both;
  margin-bottom: 30px;
  font-style: italic;
}
#Footer
{
  clear: both;
  text-align: center;
  margin: 10px 10px 0 10px;
  height: 2em;
  padding: 5px 0;
  font-size: .8em;
  border-top: 1px solid #999887;
}
#Footer p.PageURL
{
  display: none;
}
#Content table.Gallery
{
  width: 100%;
}
#Content table.Gallery td
{
  vertical-align: middle;
  text-align: center;
  width: 20%;
}
#Content table.Gallery td img
{
  border: 7px solid #FFF;
}
#Content div.GalleryNav
{
  text-align: center;
  margin: 10px;
}
#Content div.GalleryNav a
{
  padding: 10px;
}
#Content div.ImageDetail
{
  text-align: center;
}
#Content div.ImageDetail img
{
  border: 10px solid #FFF;
  margin: 10px;
}
#Floorplan
{
  background: #F3F1D7;
  text-align: center;
}
#Floorplan img
{
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
}
#Content #Slideshow2
{
  text-align: center;
  padding: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  background: #FFF;
  float: right;
  width: 580px;
}
#Content p.Home
{
  float: left;
  width: 140px;
}
#Content h5.Instructions
{
  font-family: Georgia,Times,Serif;
  font-style: italic;
  font-size: .9em;
  width: 140px;
  float: left;
  margin: 0;
  padding: 0;
  color: #980F08;
}
#Content p.Instructions
{
  margin-top: 0;
  font-size: .8em;
  font-style: italic;
  width: 140px;
  float: left;
}
div.Clear
{
  clear: both;
}
#Promo
{
  display: none;
  background: #E5CFB8;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-top: 5px;
  margin-right: 38px;
  width: 210px;
  float: right;
}
#Promo label
{
  color: #980F08;
}

a.External
{
  padding-right: 13px;
  margin-right: 2px;
  background: transparent url(../images/external.gif) top right no-repeat;
}
dfn
{
  border-bottom: 1px dotted #000;
  cursor: help;
}
#LandingBox
{
  background: #DDF4F6;
  width: 800px;
}
#Riviera
{
  background: #DDF4F6 url(../images/background.jpg) 0 400px repeat-x;
  margin-bottom: 0;
}
#Riviera br
{
  clear: left;
}
#Riviera h1
{
  background: #ACEDF7 url(../images/mayan-riviera.jpg) top left no-repeat;
  height: 175px;
  padding-top: 225px;
  padding-right: 425px;
  color: green;
  letter-spacing: 0em;
  font-size: 1.8em;
  text-align: center;
}
#Riviera h1 em
{
  display: block;
}
#Riviera h1 strong
{
  display: none !important;
}
#Riviera h2
{
  border: none;
  text-align: center;
  font-size: 3.2em;
  font-style: italic;
  letter-spacing: -.05em;
  padding: 0 0 10px 0;
  margin: 0;
}
#Location
{
  width: 320px;
  padding: 15px;
  float: left;
}
#Location img, #Activities img
{
  border: 1px solid #999;
  padding: 3px;
}
#Location p
{
  font-style: italic;
  margin-top: 5px;
  margin-bottom: 30px;
}
#Location p strong
{
  font-style: normal;
}
#Main
{
  width: 265px !important; width: 250px;
  padding: 8px !important;
  margin: auto 0;
  padding-top: 0;
  float: left;
}
#Activities
{
  float: left;
  width: 133px;
  padding: 15px;
  margin-right: 0;
}
#Activities p
{
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 30px;
  text-align: center;
}
#Hacienda
{
  clear: left;
  background: #FFF;
  padding-bottom: 15px;
  margin-top: 0;
}
#Hacienda h3
{
  background: transparent url(../images/hacienda-vista-real.gif) top left no-repeat;
  margin-top: 0;
  height: 144px;
}
#Hacienda h3 em
{
  display: none;
}
#Hacienda img.Main
{
  float: left;
  margin: 15px;
  border: 1px solid #999;
  padding: 3px;
}
#Hacienda h4, #Playacar h4
{
  font-family: georgia,times,serif;
  color: #980F08;
  font-weight: normal;
  font-style: italic;
  font-size: 2.2em;
  margin-bottom: 15px;
}
#Hacienda h5
{
  color: #846F13;
  font-weight: normal;
  font-size: 1.2em;
  margin: 15px;
  margin-bottom: 0;
  clear: left;
  border-top: 1px dotted #846F13;
  padding-top: 5px;
}
div.Villas
{
  width: 140px;
  margin-right: 15px !important; margin-right: 10px;
  margin-left: 0;
  margin-top: 15px;
  float: left;
}
div.First
{
  margin-left: 15px !important; margin-left: 5px;
}
div.Villas img
{
  margin-left: 0;
  border: 1px solid #999;
  padding: 3px;
}
div.Villas p
{
  padding-top: 0;
  margin: 0;
}
#Hacienda br
{
  clear: left;
}
#Spa
{
  background: #89060E;
}
#Spa hr
{
  clear: left;
  color: #89060E;
  border: none;
}
#SpaContent
{
  float: left;
  width: 315px !important; width: 310px;
  padding: 15px;
  text-align: center;
  color: #FFF;
}
#SpaContent p
{
  text-align: left;
}
#SpaContent ul
{
  float: left;
  width: 125px;
  padding-left: 0;
  margin-left: 0;
  list-style: none !important;
  font-family: georgia,times,serif;
  font-style: italic;
}
#SpaContent ul li
{
  text-align: right;
  list-style: none !important;
  padding-right: 15px;
  margin-bottom: 10px;
}
#SpaContent p
{
  float: left;
  width: 175px;
}
#SpaContent p a
{
  color: #FFF;
  text-decoration: none;
  border-bottom: 1px dotted #FFF;
}
#SpaContent p a:hover
{
  background: #FFF;
  color: #89060E;
}
#SpaPhotos
{
  width: 435px;
  padding: 15px 0;
  float: left;
  color: #FFF;
}
#SpaPhotos p
{
  font-style: italic;
  margin-top: 5px;
  margin-bottom: 10px;
}
#SpaPhotos p strong
{
  font-style: normal;
}
#SpaPhotos img
{
  border: 1px solid #FFF;
  padding: 3px;
  margin-bottom: 15px;
}
#Playacar
{
  background: #FFF;
  padding: 15px;
}
#Playacar h4
{
  margin-top: 0;
  padding: 5px 0;
}
#Playacar img
{
  float: right;
  border: 1px solid #999;
  padding: 3px;
  margin-left: 10px;
  margin-bottom: 10px;
}
#PrimeSeason
{
  clear: both;
}
#PrimeSeason h4
{
  padding-top: 20px;
  margin-bottom: 0;
  border-top: 2px solid #12268D;
}
#PrimeSeason br
{
  clear: left;
}
div.Info
{
  float: left;
  width: 360px;
}