@import "reset.css";
@import "typography.css";
@import "grid.css";
@import "forms.css";
@import "ui.css";
@import "navs.css";

/* HOME */
#index-index .main-content { width: 475px; margin-right: -3px; padding: 0 9px 0 18px; float: left; xbackground: red; }
#index-index strong        { color: #399;  }
.hdr-welcome-en            { background: url(../img/headers/hdr-welcome-en.png) no-repeat 0 27px; }
.hdr-welcome-es            { background: url(../img/headers/hdr-welcome-es.png) no-repeat 0 27px; }


/* ROOMS */
#rooms-view .main-content       { width: 204px; padding: 0 18px 0 9px; float: left; xbackground: #ddd; }
#rooms-view .secondary-content  { width: 512px; float: left; xbackground: #eee; }
#rooms-view h1                  { line-height: 27px; padding: 27px 0 0 0; }

.hdr-rooms-en          { background: url(../img/headers/hdr-rooms-en.png) no-repeat 0 27px; }
.hdr-rooms-es          { background: url(../img/headers/hdr-rooms-es.png) no-repeat 0 27px; } 

.hdr-single-pool-side-room { background: url(../img/headers/hdr-single-pool-side-room.png) no-repeat; }
.hdr-double-terrace-room   { background: url(../img/headers/hdr-double-terrace-room.png) no-repeat; }
.hdr-pool-side-suite       { background: url(../img/headers/hdr-pool-side-suite.png) no-repeat; }
.hdr-la-quinta-suite       { background: url(../img/headers/hdr-la-quinta-suite.png) no-repeat; }

#rooms-view .hdr-single-pool-side-room { background: url(../img/headers/hdr-single-pool-side-room.png) no-repeat 0 27px; }
#rooms-view .hdr-double-terrace-room   { background: url(../img/headers/hdr-double-terrace-room.png) no-repeat 0 27px; }
#rooms-view .hdr-pool-side-suite       { background: url(../img/headers/hdr-pool-side-suite.png) no-repeat 0 27px; }
#rooms-view .hdr-la-quinta-suite       { background: url(../img/headers/hdr-la-quinta-suite.png) no-repeat 0 27px; }

#rooms-view #rates th,
#rooms-view #rates td          { font-size: 9px; *font-size: 8px; padding: 0 1px; *padding: 0 5px;}


#rooms-view .return { margin-top: 18px; }

/* GALLERIES */
#galleries-index .main-content,
#galleries-gallery .main-content      { width: 204px; padding: 0 18px 0 9px; float: left; xbackground: #ddd; }
#galleries-index .secondary-content,
#galleries-gallery .secondary-content { width: 512px; float: left; xbackground: #eee; }

.hdr-galleries-en  { background: url(../img/headers/hdr-photo-galleries-en.png) no-repeat 0 27px; }
.hdr-galleries-es  { background: url(../img/headers/hdr-photo-galleries-es.png) no-repeat 0 27px; }

/* PLAYA */
#playa-index .main-content         { width: 485px; padding: 0 18px 0 9px; float: left; xbackground: #ddd; }
#playa-index .secondary-content    { width: 231px; float: left; margin-top: 9px; background: #e2f9ee url(../img/bgs/bg-column-btm.png) no-repeat 0% 100%; }
#playa-index .secondary-content ul { padding: 0 9px; color: #399; }
#playa-index .secondary-content a  { color: #399; }
#playa-index .secondary-content a:hover  { color: #066; }
#playa-index .secondary-content em { color: #699; }
#playa-index .secondary-content li { padding-left: 18px; background: url(../img/icons/icon-leaf-2.png) no-repeat 0 5px; }
.hdr-playa                         { background: url(../img/headers/hdr-playa-del-carmen.png) no-repeat 0 27px; }
.hdr-activities-en                 { height: 55px; background: url(../img/headers/hdr-activities-en.png) no-repeat; }
.hdr-things-en                     { background: url(../img/headers/hdr-things-en.png) no-repeat; }
.hdr-activities-es                 { height: 55px; background: url(../img/headers/hdr-activities-es.png) no-repeat; }
.hdr-things-es                     { background: url(../img/headers/hdr-things-es.png) no-repeat; }

/* CONTACT */
#contact-index .main-content        { width: 222px; padding: 27px 0 0 9px; float: left; xbackground: #eee; }
#contact-index .main-content strong { color: #399; }
#contact-index .secondary-content   { width: 449px; float: left; padding: 0 27px 9px 36px; xbackground: #ddd; }
.hdr-contact-us-en       { background: url(../img/headers/hdr-contact-us-en.png) no-repeat 0 27px; }
.hdr-contact-us-phone-en { background: url(../img/headers/hdr-contact-us-by-phone-en.png) no-repeat; }
.hdr-contact-us-email-en { background: url(../img/headers/hdr-contact-us-by-email-en.png) no-repeat; }

.hdr-contact-us-es       { background: url(../img/headers/hdr-contact-us-es.png) no-repeat 0 27px; }
.hdr-contact-us-phone-es { background: url(../img/headers/hdr-contact-us-by-phone-es.png) no-repeat; }
.hdr-contact-us-email-es { background: url(../img/headers/hdr-contact-us-by-email-es.png) no-repeat; }

.hdr-contact-sent-en   { background: url(../img/headers/hdr-contact-sent-en.png) no-repeat 0 27px; }
.hdr-contact-sent-es   { background: url(../img/headers/hdr-contact-sent-es.png) no-repeat 0 27px; }

.hdr-location-en       { background: url(../img/headers/hdr-location-en.png) no-repeat; }
.hdr-location-es       { background: url(../img/headers/hdr-location-es.png) no-repeat; }

/* RSERVATIONS */
#reservations-index .main-content        { width: 222px; padding: 27px 0 0 9px; float: left; xbackground: #eee; }
#reservations-index .main-content strong { color: #399; }
#reservations-index .secondary-content   { width: 449px; float: left; padding: 0 27px 9px 36px; xbackground: #ddd; }
.hdr-book-online-en { background: url(../img/headers/hdr-book-online-en.png) no-repeat 0 27px; }
.hdr-res-phone-en   { background: url(../img/headers/hdr-res-phone-en.png) no-repeat; }
.hdr-res-email-en   { background: url(../img/headers/hdr-res-email-en.png) no-repeat; }

.hdr-book-online-es { background: url(../img/headers/hdr-book-online-es.png) no-repeat 0 27px; }
.hdr-res-phone-es   { background: url(../img/headers/hdr-res-phone-es.png) no-repeat; }
.hdr-res-email-es   { background: url(../img/headers/hdr-res-email-es.png) no-repeat; }

.hdr-res-sent-en   { background: url(../img/headers/hdr-res-sent-en.png) no-repeat 0 27px; }
.hdr-res-sent-es   { background: url(../img/headers/hdr-res-sent-es.png) no-repeat 0 27px; }

/* SLIDE SHOW */
#slideshow                     { width: 742px; height: 134px; font-size: 1px; line-height: 1; xbackground: red; }

#index-index #slideshow        { width: 231px; height: 396px; float: left; }

#galleries-index #slideshow,
#galleries-gallery #slideshow,
#rooms-view #slideshow         { width: 512px; height: 360px; xfloat: left; }

#slideshow-container { 
  width: 389px; 
  height: 278px; 
  margin: 0 0 18px 18px;
  padding: 10px;
  background: url(../img/bgs/bg-room-pix.png) no-repeat;
  float: right;
}