@import url("wsgr.css");
body {
  font-family: Arial, sans-serif;
  padding-bottom: 1em;
  background: white url("/images/thephoenician.com/page-background-e3d293.png") center top repeat-x; }
  body.short {
    background: white url("/images/thephoenician.com/page-background-e3d293-short.png") center top repeat-x; }
    body.short #container #content .left-bar, body.short #container #content .right-bar, body.short #container #content #primary {
      height: 199px; }
    body.short #container #content .main {
      height: 199px; }
      body.short #container #content .main .primary {
        height: 199px;
        min-height: 199px; }
    body.short #container #content .sub #reservations-and-search {
      padding-top: 4px; }
    body.short.home {
      background: white url("/images/thephoenician.com/page-background-e3d293-short.png") center top repeat-x; }
    body.short.default {
      background: white url("/images/thephoenician.com/page-background-e3d293-short.png") center top repeat-x; }
    body.short.overview {
      background: white url("/images/thephoenician.com/page-background-a87b3c-short.png") center top repeat-x; }
    body.short.accommodations {
      background: white url("/images/thephoenician.com/page-background-a78f5a-short.png") center top repeat-x; }
    body.short.the-canyon-suites {
      background: white url("/images/thephoenician.com/page-background-e3d293-short.png") center top repeat-x; }
    body.short.specials-packages {
      background: white url("/images/thephoenician.com/page-background-736934-short.png") center top repeat-x; }
    body.short.golf {
      background: white url("/images/thephoenician.com/page-background-39430e-short.png") center top repeat-x; }
    body.short.dining {
      background: white url("/images/thephoenician.com/page-background-2b1917-short.png") center top repeat-x; }
    body.short.spa {
      background: white url("/images/thephoenician.com/page-background-949365-short.png") center top repeat-x; }
    body.short.meetings-conference-center {
      background: white url("/images/thephoenician.com/page-background-a87b3c-short.png") center top repeat-x; }
    body.short.weddings {
      background: white url("/images/thephoenician.com/page-background-e3d293-short.png") center top repeat-x; }
    body.short.recreation {
      background: white url("/images/thephoenician.com/page-background-9dc4d8-short.png") center top repeat-x; }
  body.normal #container #content .left-bar, body.normal #container #content .right-bar, body.normal #container #content #primary {
    height: 340px; }
  body.specials {
    background: white url("/images/thephoenician.com/specials-page-background.png") center top repeat-x; }
  body.specials.press-media {
    background: white url("/images/thephoenician.com/page-background-736934-large.png") center top repeat-x; }
  body.specials.specials-packages {
    background: white url("/images/thephoenician.com/specials-page-background.png") center top repeat-x; }
  body.specials.overview, body.specials.specials-packages {
    background: white url("/images/thephoenician.com/specials-page-background.png") center top repeat-x; }
  body.calendar.recreation {
    background: white url("/images/thephoenician.com/page-background-9dc4d8-short.png") center top repeat-x; }
  body.home {
    background: white url("/images/thephoenician.com/page-background-e3d293.png") center top repeat-x; }
    body.home #container #content .left-bar, body.home #container #content .right-bar {
      background: #ebe0b4; }
    body.home #container #content .main .primary ul#internal-sections {
      background: #ebe0b4; }
  body.default {
    background: white url("/images/thephoenician.com/page-background-e3d293.png") center top repeat-x; }
    body.default #container #content .left-bar, body.default #container #content .right-bar {
      background: #e3d293; }
    body.default #container #content .main .primary ul#internal-sections {
      background: #e3d293; }
  body.overview {
    background: white url("/images/thephoenician.com/page-background-a87b3c.png") center top repeat-x; }
    body.overview #container #content .left-bar, body.overview #container #content .right-bar {
      background: #c2a377; }
    body.overview #container #content .main .primary ul#internal-sections {
      background: #c2a377; }
  body.accommodations {
    background: white url("/images/thephoenician.com/page-background-a78f5a.png") center top repeat-x; }
    body.accommodations #container #content .left-bar, body.accommodations #container #content .right-bar {
      background: #c2b18c; }
    body.accommodations #container #content .main .primary ul#internal-sections {
      background: #c2b18c; }
  body.the-canyon-suites {
    background: white url("/images/thephoenician.com/page-background-e3d293.png") center top repeat-x; }
    body.the-canyon-suites #container #content .left-bar, body.the-canyon-suites #container #content .right-bar {
      background: #ebe0b4; }
    body.the-canyon-suites #container #content .main .primary ul#internal-sections {
      background: #ebe0b4; }
  body.specials-packages {
    background: white url("/images/thephoenician.com/page-background-736934.png") center top repeat-x; }
    body.specials-packages #container #content .left-bar, body.specials-packages #container #content .right-bar {
      background: #9d9671; }
    body.specials-packages #container #content .main .primary ul#internal-sections {
      background: #9d9671; }
  body.golf {
    background: white url("/images/thephoenician.com/page-background-39430e.png") center top repeat-x; }
    body.golf #container #content .left-bar, body.golf #container #content .right-bar {
      background: #757c57; }
    body.golf #container #content .main .primary ul#internal-sections {
      background: #757c57; }
  body.dining {
    background: white url("/images/thephoenician.com/page-background-2b1917.png") center top repeat-x; }
    body.dining #container #content .left-bar, body.dining #container #content .right-bar {
      background: #6b5e5d; }
    body.dining #container #content .main .primary ul#internal-sections {
      background: #6b5e5d; }
  body.spa {
    background: white url("/images/thephoenician.com/page-background-949365.png") center top repeat-x; }
    body.spa #container #content .left-bar, body.spa #container #content .right-bar {
      background: #b4b494; }
    body.spa #container #content .main .primary ul#internal-sections {
      background: #b4b494; }
  body.meetings-conference-center {
    background: white url("/images/thephoenician.com/page-background-a87b3c.png") center top repeat-x; }
    body.meetings-conference-center #container #content .left-bar, body.meetings-conference-center #container #content .right-bar {
      background: #c2a377; }
    body.meetings-conference-center #container #content .main .primary ul#internal-sections {
      background: #c2a377; }
  body.weddings {
    background: white url("/images/thephoenician.com/page-background-e3d293.png") center top repeat-x; }
    body.weddings #container #content .left-bar, body.weddings #container #content .right-bar {
      background: #ebe0b4; }
    body.weddings #container #content .main .primary ul#internal-sections {
      background: #ebe0b4; }
  body.recreation {
    background: white url("/images/thephoenician.com/page-background-9dc4d8.png") center top repeat-x; }
    body.recreation #container #content .left-bar, body.recreation #container #content .right-bar {
      background: #bbd6e4; }
    body.recreation #container #content .main .primary ul#internal-sections {
      background: #bbd6e4; }
  body #container {
    width: 980px;
    margin: 0 auto; }
    body #container #header {
      position: relative;
      height: 118px;
      z-index: 200; }
      body #container #header #logo {
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 12px; }
    body #container #content {
      position: relative;
      line-height: 120%; }
      body #container #content .left-bar {
        position: absolute;
        top: 0;
        left: 0;
        width: 23px;
        height: 340px;
        background: #bba980; }
      body #container #content .right-bar {
        position: absolute;
        top: 0;
        right: 0;
        width: 12px;
        height: 340px;
        background: #bba980; }
      body #container #content .left-bar.specials, body #container #content .right-bar.specials {
        height: 199px; }
      body #container #content .main {
        margin: 0 12px 0 23px; }
        body #container #content .main.specials .primary {
          background: url("/images/thephoenician.com/specials-and-packages-top-background.jpg") center top no-repeat;
          min-height: 199px; }
        body #container #content .main .primary {
          min-height: 340px;
          position: relative; }
          body #container #content .main .primary.press-releases {
            height: 340px;
            background: none;
            overflow: hidden; }
          body #container #content .main .primary ul#specials-tags {
            font-size: 9pt;
            padding: 20px 0 0 0;
            width: 285px; }
            body #container #content .main .primary ul#specials-tags li {
              text-align: right;
              list-style: none; }
              body #container #content .main .primary ul#specials-tags li a {
                display: block;
                text-decoration: none;
                color: white;
                text-transform: uppercase;
                padding: 3px 26px 3px 0;
                background: url("/images/thephoenician.com/dot.png") right center no-repeat;
                letter-spacing: 2px;
                position: relative;
                text-shadow: #333333 0 1px 2px; }
                body #container #content .main .primary ul#specials-tags li a:hover {
                  background: url("/images/thephoenician.com/dot-glowing.png") right center no-repeat; }
          body #container #content .main .primary ul#internal-sections {
            background: #bba880;
            width: 129px;
            height: 169px;
            position: absolute;
            bottom: 0;
            left: 0px;
            font-size: 8.5pt;
            margin-left: 0;
            color: #333333; }
            body #container #content .main .primary ul#internal-sections li {
              padding: 4px 10px;
              width: 109px;
              text-align: right;
              margin-left: 0;
              list-style: none;
              line-height: 100%; }
              body #container #content .main .primary ul#internal-sections li:hover, body #container #content .main .primary ul#internal-sections li.active {
                background: #e4dccc; }
                body #container #content .main .primary ul#internal-sections li:hover .part, body #container #content .main .primary ul#internal-sections li.active .part {
                  z-index: 200;
                  display: block; }
              body #container #content .main .primary ul#internal-sections li:hover {
                cursor: pointer; }
              body #container #content .main .primary ul#internal-sections li.active {
                font-style: italic; }
                body #container #content .main .primary ul#internal-sections li.active.covered .part {
                  display: none; }
              body #container #content .main .primary ul#internal-sections li .part {
                position: absolute;
                top: 0;
                left: 129px;
                display: none;
                width: 367px;
                height: 130px;
                padding: 20px;
                background: url("/images/thephoenician.com/internal-section-translucent-background.png") top center no-repeat;
                text-align: left;
                font-style: normal;
                cursor: default;
                line-height: 150%; }
                body #container #content .main .primary ul#internal-sections li .part:hover {
                  cursor: default; }
        body #container #content .main .sub {
          font-size: 8.5pt;
          margin-bottom: 2em;
          color: #333333;
          padding-top: 50px;
          position: relative; }
          body #container #content .main .sub p {
            padding-top: 2px; }
          body #container #content .main .sub h1 {
            display: inline;
            color: #945815;
            font-family: Times, "Times New Roman", serif;
            font-style: italic;
            font-size: 14pt;
            float: left;
            padding-right: 5px;
            font-weight: normal; }
          body #container #content .main .sub #events ul li {
            clear: both;
            margin-bottom: 1em;
            border-top: 1px #cccccc solid;
            padding-top: 1em; }
            body #container #content .main .sub #events ul li:first-child {
              border-top: none;
              padding-top: 0; }
          body #container #content .main .sub #news ul, body #container #content .main .sub #press ul, body #container #content .main .sub #sitemap ul {
            clear: both; }
          body #container #content .main .sub #search-results {
            clear: both; }
          body #container #content .main .sub #specials-display {
            border-top: 1px #dbdbdb solid;
            margin-top: 1em;
            padding-top: 1em; }
            body #container #content .main .sub #specials-display .highlight h3, body #container #content .main .sub #specials-display .highlight h4 {
              color: #ff6600; }
            body #container #content .main .sub #specials-display .special {
              margin-bottom: 1em;
              padding-bottom: 1em;
              border-bottom: 1px #dbdbdb solid; }
              body #container #content .main .sub #specials-display .special:after {
                content: ".";
                display: black;
                height: 0;
                clear: both;
                visibility: hidden; }
              body #container #content .main .sub #specials-display .special h3 {
                font-weight: bold;
                margin-bottom: 0.5em; }
              body #container #content .main .sub #specials-display .special .photo {
                width: 308px;
                float: left; }
              body #container #content .main .sub #specials-display .special .details {
                margin-left: 312px;
                background-color: white;
                position: relative; }
                body #container #content .main .sub #specials-display .special .details * {
                  background-color: white; }
                body #container #content .main .sub #specials-display .special .details a.reserve {
                  position: absolute;
                  bottom: 0;
                  right: 0; }
        body #container #content .main .promos {
          margin-bottom: 3em;
          border-top: 1px #cccccc solid;
          padding-top: 0.5em; }
          body #container #content .main .promos .row:after {
            content: ".";
            display: black;
            height: 0;
            clear: both;
            visibility: hidden; }
          body #container #content .main .promos .row .promo {
            width: 400px;
            color: #8f8576;
            margin-bottom: 5px; }
            body #container #content .main .promos .row .promo .shim {
              padding: 3px;
              border: 1px #eae9e7 solid; }
            body #container #content .main .promos .row .promo.a {
              background: url("/images/thephoenician.com/promo-area-left.png") left top no-repeat;
              float: left;
              padding: 0 0 0 56px; }
            body #container #content .main .promos .row .promo.b {
              background: url("/images/thephoenician.com/promo-area-right.png") right top no-repeat;
              float: right;
              padding: 0 56px 0 0; }
            body #container #content .main .promos .row .promo .info {
              margin-right: 76px; }
              body #container #content .main .promos .row .promo .info .title {
                font-size: 15pt;
                text-align: justify; }
                body #container #content .main .promos .row .promo .info .title span.main {
                  color: #a87b3c;
                  margin: 0; }
              body #container #content .main .promos .row .promo .info .description {
                font-size: 7.5pt; }
            body #container #content .main .promos .row .promo .options {
              width: 73px;
              float: right;
              font-family: Georgia;
              font-style: italic;
              font-size: 8pt;
              text-align: right; }
              body #container #content .main .promos .row .promo .options a {
                color: #999999;
                font-weight: bold; }
    body #container #footer {
      position: relative;
      min-height: 65px;
      margin-bottom: 6px;
      clear: both;
      color: #999999; }
      body #container #footer .navigation {
        position: absolute;
        bottom: 0;
        left: 0;
        font-family: Arial, sans-serif;
        font-size: 7pt; }
        body #container #footer .navigation p {
          margin-left: 10px; }
        body #container #footer .navigation ul {
          height: 20px; }
          body #container #footer .navigation ul li {
            display: block;
            float: left;
            padding: 0 5px;
            border-left: 1px #cccccc solid;
            margin-left: 0; }
            body #container #footer .navigation ul li a {
              display: block;
              color: #999999;
              text-decoration: none; }
              body #container #footer .navigation ul li a:hover {
                text-decoration: underline; }
            body #container #footer .navigation ul li:first-child {
              border-left: none;
              padding-left: 0; }
      body #container #footer .logos {
        position: absolute;
        bottom: 0;
        right: 0; }
      body #container #footer #share {
        position: absolute;
        bottom: 0;
        right: 200px;
        font-size: 8pt; }
        body #container #footer #share a#share-link {
          padding: 5px; }
        body #container #footer #share a {
          text-decoration: none; }
        body #container #footer #share ul li {
          position: relative;
          list-style: none; }
          body #container #footer #share ul li:hover ul {
            display: block; }
          body #container #footer #share ul li ul {
            position: absolute;
            top: -95px;
            left: -39px;
            display: none;
            padding: 0.5em 0;
            border: 1px #cccccc solid;
            background: url("/images/thephoenician.com/translucent-background-white-80.png") repeat; }
            body #container #footer #share ul li ul li {
              list-style: none; }
              body #container #footer #share ul li ul li a {
                display: block;
                padding: 0.5em 0.5em 0.5em 22px;
                margin: 0; }
                body #container #footer #share ul li ul li a.facebook:hover, body #container #footer #share ul li ul li a.flickr:hover, body #container #footer #share ul li ul li a.linkedin:hover, body #container #footer #share ul li ul li a.twitter:hover, body #container #footer #share ul li ul li a.tripadvisor:hover {
                  background-color: #efefef; }
                body #container #footer #share ul li ul li a.facebook {
                  background: url("/images/thephoenician.com/facebook.gif") left 3px no-repeat; }
                body #container #footer #share ul li ul li a.flickr {
                  background: url("/images/thephoenician.com/flickr.gif") left 3px no-repeat; }
                body #container #footer #share ul li ul li a.linkedin {
                  background: url("/images/thephoenician.com/linkedin.gif") left 3px no-repeat; }
                body #container #footer #share ul li ul li a.twitter {
                  background: url("/images/thephoenician.com/twitter_16.png") left 3px no-repeat; }
                body #container #footer #share ul li ul li a.tripadvisor {
                  background: url("/images/thephoenician.com/tripadvisor_16.png") left 3px no-repeat; }

a {
  color: #945815; }

ul, ol {
  margin-left: 1em; }
  ul li, ol li {
    margin-left: 1em; }

ul li {
  list-style: circle; }

ol li {
  list-style: decimal; }

p {
  margin-bottom: 1em; }

#home-flash {
  width: 945px;
  height: 340px;
  color: black;
  text-align: center;
  font-size: 0.8em; }
  #home-flash p {
    padding-top: 220px;
    margin-bottom: 0; }

strong {
  font-weight: bold; }

#navigation {
  position: absolute;
  top: 60px;
  right: 0;
  z-index: 200;
  font-family: Arial, sans-serif;
  font-size: 7pt;
  width: 840px; }
  #navigation a {
    text-transform: uppercase;
    color: black;
    display: block;
    text-decoration: none; }
    #navigation a:hover {
      color: #a87b3c; }
  #navigation ul {
    position: relative;
    margin-left: 0; }
    #navigation ul > li {
      display: block;
      float: left;
      margin-left: 0;
      background: white; }
      #navigation ul > li:hover > ul, #navigation ul > li.active > ul {
        display: block; }
        #navigation ul > li:hover > ul li ul, #navigation ul > li.active > ul li ul {
          display: none; }
      #navigation ul > li:hover > a, #navigation ul > li.active > a {
        color: #a87b3c; }
      #navigation ul > li:hover > ul {
        z-index: 100; }
      #navigation ul > li.active > a {
        background: url("/images/thephoenician.com/navigation-active.png") center top no-repeat; }
      #navigation ul > li a {
        padding: 10px 9px 0 10px; }
      #navigation ul > li > ul {
        display: none;
        position: absolute;
        width: 100%;
        left: 0;
        margin-left: 4px;
        z-index: 1;
        background: white; }
        #navigation ul > li > ul > li {
          position: relative;
          border-left: 1px #cccccc solid;
          border-bottom: 1px #cccccc solid;
          padding: 0 5px 2px 5px; }
          #navigation ul > li > ul > li a {
            color: #666666; }
          #navigation ul > li > ul > li:first-child {
            border-left: none; }
          #navigation ul > li > ul > li.active a {
            font-weight: bold;
            color: black;
            background: none; }
          #navigation ul > li > ul > li.active ul {
            display: none; }
          #navigation ul > li > ul > li > a {
            padding: 2px 0;
            margin-top: 5px; }
          #navigation ul > li > ul > li > ul {
            display: none; }
          #navigation ul > li > ul > li ul {
            display: none;
            top: 20px;
            left: -5px;
            width: 88px; }
            #navigation ul > li > ul > li ul li {
              border: 1px #cccccc solid;
              border-top: none;
              width: 78px; }
              #navigation ul > li > ul > li ul li:first-child {
                border: 1px #cccccc solid; }
              #navigation ul > li > ul > li ul li a {
                text-transform: none;
                font-size: 6pt; }
              #navigation ul > li > ul > li ul li ul {
                display: none; }
          #navigation ul > li > ul > li:hover > ul {
            display: block;
            z-index: 1500; }
            #navigation ul > li > ul > li:hover > ul li:hover {
              background: url("/images/thephoenician.com/tertiary-navigation-background.png") left top repeat-y;
              z-index: 2000; }
              #navigation ul > li > ul > li:hover > ul li:hover a {
                color: black;
                font-weight: bold;
                font-style: italic; }
              #navigation ul > li > ul > li:hover > ul li:hover ul {
                display: none; }

#reservations-and-search {
  position: absolute;
  top: 0;
  left: 0;
  border-top: none;
  background: url("/images/thephoenician.com/reservations-hr.png") 30px bottom no-repeat;
  padding-bottom: 4px;
  width: 945px; }
  #reservations-and-search #reservations, #reservations-and-search #search-box {
    display: inline-block;
    padding: 7px 5px;
    margin-top: -1px; }
  #reservations-and-search #reservations {
    border-right: 1px #cccccc solid;
    margin-left: 105px; }
    #reservations-and-search #reservations form {
      display: block;
      position: relative; }
      #reservations-and-search #reservations form div {
        display: inline;
        height: 18px;
        padding: 0 5px; }
        #reservations-and-search #reservations form div * {
          vertical-align: middle; }
        #reservations-and-search #reservations form div label {
          font-family: Georgia;
          font-style: italic;
          font-size: 8pt;
          color: #666666; }
        #reservations-and-search #reservations form div input {
          border: none;
          display: inline-block;
          height: 14px;
          padding: 2px; }
        #reservations-and-search #reservations form div.arrive, #reservations-and-search #reservations form div.department, #reservations-and-search #reservations form div.rooms, #reservations-and-search #reservations form div.occupants {
          margin-right: 10px; }
        #reservations-and-search #reservations form div.arrive input, #reservations-and-search #reservations form div.depart input {
          width: 70px;
          background: url("/images/thephoenician.com/header-reservation-field-background-large.png") left top no-repeat; }
        #reservations-and-search #reservations form div.rooms input, #reservations-and-search #reservations form div.occupants input {
          width: 16px;
          background: url("/images/thephoenician.com/header-reservation-field-background-small.png") left top no-repeat; }
        #reservations-and-search #reservations form div.submit input {
          width: 59px;
          height: 17px;
          margin-top: -1px; }
      #reservations-and-search #reservations form #reservation-form-messages {
        display: block;
        position: absolute;
        top: -5px;
        left: -186px;
        width: 160px;
        padding: 0 10px;
        text-align: right; }
        #reservations-and-search #reservations form #reservation-form-messages ul#reservation-form-errors li {
          list-style: none; }
          #reservations-and-search #reservations form #reservation-form-messages ul#reservation-form-errors li label {
            color: red; }
  #reservations-and-search #search-box label {
    width: 42px;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    font-size: 7pt;
    color: #333333; }
  #reservations-and-search #search-box input[type="text"] {
    width: 76px;
    height: 14px;
    padding: 2px;
    background: url("/images/thephoenician.com/search-field-background.png") left top no-repeat;
    border: none; }

.flickr-photoset-outer:after {
  content: ".";
  display: black;
  height: 0;
  clear: both;
  visibility: hidden; }
.flickr-photoset-outer .flickr-photoset-slideshow {
  position: relative;
  width: 450px;
  height: 338px;
  z-index: 1;
  margin: 0 10px 1em 10px;
  display: inline-block; }
  .flickr-photoset-outer .flickr-photoset-slideshow:after {
    content: ".";
    display: black;
    height: 0;
    clear: both;
    visibility: hidden; }
  .flickr-photoset-outer .flickr-photoset-slideshow object, .flickr-photoset-outer .flickr-photoset-slideshow embed {
    position: absolute;
    width: 450px;
    height: 338px;
    z-index: 1;
    top: 0;
    left: 0; }

div.clearfix {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden; }