@import "boilerplate.css";
@import "plugins.css";

body {
  color: #FFF;
  background-color: #0C5477;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
}

#wrap {
  width: 936px;
  margin: 0 auto;
  text-align: left;
  background-color: #089CB5;
}

/* TOP/HEADER */
#header-wrap {
  position: relative;
  height: 124px;
  width: 936px;
  background: url('../img/header-bg.jpg') repeat-x;
}

  #logo {
    float: left;
    height: 124px;
    width: 137px;
    margin-right: 64px;
    background: url('../img/logo-bg.jpg') no-repeat;
  }
    #logo img {
      width: 106px;
      height: 106px;
      margin: 7px 0px 0 27px;
    }

  #header {
    float: left;
    height: ;
    width: ;
    margin: 35px 0 0 0;
  }

    #header > h1 {
      margin: 0;
      color: #5ABECB;
      font-weight: bold;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 3px;
    }

/* FOOTER */
#footer-wrap {
  height: 63px;
  width: 936px;
  background: url('../img/footer-bg.jpg') no-repeat;
}

#footer { 
  width: 936px;
  padding-top: 10px; 
}

#sothebys-logo {
  float: left;
  width: 200px;
  margin-left: 26px;
}

#footer-navigation {
  padding-top: 10px;
}

#footer-navigation ul {
  float: right;
  padding: 0;
  margin: 0 20px 0 0;
}

#footer-navigation li {
  width: 500px;
  display: inline;
  list-style: none;
}

#footer-navigation li, #footer-navigation a {
  color: #07456B;
  font-weight: bold;
}

#footer-navigation a:hover {
  color: #0090A5; 
}
/* PAGE  */
#page-wrap {
  width: 936px;
  padding: 0 0 20px 0;
  /*height: 533px;*/
  overflow: auto;
  background: #089CB5 url('../img/page-bg.jpg') repeat-x;
}

#page {
  float: left;
  width: 936px;
  /*height: 533px;*/
  /*overflow: auto;*/
  background: url('../img/page-chair-bg.jpg') no-repeat;
}

#lead-images img {
  display: inline;
}


/* NORMAL PAGE */
#page #content {
  float: left;
  width: 330px;
  min-height: 460px;
  margin-left: 27px;
  background: #0B5376;
  /*overflow: auto;*/
}

  #page #content > .wrap {
    padding: 15px;
  }


/* SIMPLE PAGE */
#page.simple #content {
  float: none;
  position: relative;
  width: 568px;
  min-height: 100px;
  height: 264px;
  margin: -39px 0 0 335px;
  z-index: 10;
  overflow: none;
  background: transparent url('../img/box-bg.png') repeat;
}

  #page.simple #content .wrap {
    padding: 0 0 0 20px;  
  }

  #page.simple #content h1 {
    margin: 0 0 15px 0;
    padding: 10px 0;
    color: #5ABECB;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

/* FULL PAGE */
#page.full #content {
  float: left;
  width: 862px;
  /*height: 460px;*/
  margin-left: 27px;
  background: #0B5376;
  overflow: auto;
}

  #page.full #content > .wrap {
    padding: 15px;
  }

/* IMAGES */
#page #page-images {
  float: left;
  margin: 0 0 0 16px;
  width: 516px;
  /*height: 460px;*/
  background: #0491A6;
}

#page-images a {
  display: block;
  margin: 0;
  padding: 0;
}

#page-images a.top { 
  width: 516px;
  height: 344px;
  padding: 0;
  margin: 0 0 10px 0;
}

#page-images a.top img {
  width: 516px;
  height: 344px;
}

#page-images a.bottom {
  float: left;
  width:240px;
  height:160px;
  margin: 0 0 10px 10px;
}

#page-images a.bottom img {
  width:240px;
  height:160px;
}


/* NAVIGATION */
#navigation {
  position: absolute;
  bottom: 10px;
}

#navigation ul, #navigation li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#navigation li {
  display: inline;
  padding: 0px 15px 0 0;
}

#navigation li + li {
  padding: 0px 15px 0 15px;
}

#navigation a {
  font-weight: bold;
  font-size: 13px;
  color: white;
}

#navigation a:hover {
  color: #07456B;
}

#navigation a.active {
  color: #07456B;
}


/* SECTION NAVIGATION */
#section-navigation {
  width: 936px;
  margin: 0 0 15px 0;
  text-align: center;
  clear: both;
}

#section-navigation ul {
  width: 600px;
  margin: 0 auto;
  overflow: auto;
  text-align: left;
}

#section-navigation li {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  padding: 0 5px;
  text-transform: uppercase;
  background: #0090A5;
}


#section-navigation a {
  font-weight: bold;
  color: #FFF;
}

#section-navigation a:hover {
  color: #07456B;
}

#section-navigation .active a {
  color: #07456B;
}

/* ENQUIRIES */
#enquiries #content1 { 
  float: left;
  width: 330px;
}

#enquiries #contact-form  {
  float: right;
  margin: 40px 40px 0 0;
}

/* FORMS */
form {
  font-size: 12px;
}

.infield p {
  position: relative;
}

.infield label {
  position: absolute;
  top: 0;
  left: 5px;
  color:#469EB2;
}

/* CONTACT FORM */
#contact-form {
  position: relative;
  font-size: 12px;
}

#contact-form input.text,
#contact-form select,
#contact-form textarea {
  font-size: 12px;
  font-family: inherit;
  width: 285px;
}

#contact-form select {
  padding: 1px;
  width: 289px;
}

#contact-form textarea {
  height: 120px;
}

#contact-form p.submit {
  padding-right: 10px;
  text-align: right;
}

#contact-form #contact-submit {
  width: auto;
  /*display: block;*/
  /*position: absolute;*/
  /*right: 0;*/
}

form .error {
  background-color: #FF8080;
}

/* AVAILABILITY */
table {
  font-size: 13px;
}

table th {
  padding: 5px 0;
  font-size: 14px;
  background: #089CB5;
  color: #FFF;
}

table tr td {
  padding: 5px 10px;
}

.even, .odd {
  background: #07456B;
} 

tr.features.odd, 
.features.odd, 
tr.features.even, 
.features.even {
  background: #469EB2;
  color: #033752;
}

#availability-form {
  margin-bottom: 15px;
}


/* VIDEO TOUR */
#video-tour {
  position: relative;
}

#video-tour #object {
  position: absolute;
  top: 40px;
  right: 50px;
  width: 320px;
}

#video-object {
  display: none;
}

#video-object object {
  display: none;
}


/* VIDEO TOUR POPUP */
#video-popup-header {
  height: 110px;
  padding-left: 107px;
  background: url(../img/logo.png) no-repeat;
}

#video-popup-object {

}