/* MAIN
------------------------------------------------------------ */
body {
  font-size: 12px;
  color: #000;
  background: url(../images/body_background_destroy.jpg) center 188px no-repeat #FFF;
  font-family: Georgia, Times, Arial, Helvetica, sans-serif;
}
p {
  margin-bottom: 10px;
}
a {
  color: #749DB4;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  /*color: lightblue;*/
}





/* CONTAINER
------------------------------------------------------------ */
#container {
  position: relative;
  /*overflow: auto;*/
}



/* HEADER
------------------------------------------------------------ */
#header {
  clear: both;
  position: relative;
  overflow: auto;
  margin: 0 auto;
  width: 900px;
  height: 136px;
}
#header div#logo {
}
#header div#logo a {
  display: block;
  background: url(../images/logo_small.png);
  width: 102px;
  height: 98px;
  margin: 16px 0 0 20px;
}
#header div#logo a span {
  display: none;
}
#header div.contact {
  position: absolute;
  top: 35px;
  right: 17px;
  width: 242px;
  height: 29px;
}
#header div.contact a {
  width: 100%;
  height: 100%;
  display: block;
  background: url(../images/contact_local.png);
}
#header div.contact a span {
  display: none;
}
#header p.specials {
  position: absolute;
  left: 180px;
  top: 43px;
  font-style: italic;
  font-size: 13px;
}


/* NAVIGATION
------------------------------------------------------------ */
#navigation {
  position: absolute;
  right: 7px;
  bottom: 21px;
  overflow: auto;
  color: #FFF;
}
#navigation ul {
}
#navigation ul li {
  list-style-type: none;
  float: left;
  margin-left: 3px;
}
#navigation ul li a {
  display: block;
  height: 26px;
}
#navigation ul li a span {
  display: none;
}

/* specific */
#navigation ul li.home {width: 63px; background-image: url(../images/b_home.png);}
#navigation ul li.about {width: 61px; background-image: url(../images/b_about.png);}
#navigation ul li.features {width: 155px; background-image: url(../images/b_features_and_amenities.png);}
#navigation ul li.tour {width: 63px; background-image: url(../images/b_tour.png);}
#navigation ul li.contact {width: 69px; background-image: url(../images/b_contact.png);}
#navigation ul li.availability {width: 186px; background-image: url(../images/b_availability_and_floorplans.png);}
#navigation ul li.news {width: 63px; background-image: url(../images/b_news.png);}
#navigation ul li.faq {width: 45px; background-image: url(../images/b_faq.png);}

/*
#navigation li:hover {
  background-position: 100% 0px;
}
*/
body.home #navigation ul li.home,
body.about #navigation ul li.about,
body.features #navigation ul li.features,
body.tour #navigation ul li.tour,
body.contact #navigation ul li.contact,
body.availability #navigation ul li.availability,
body.news #navigation ul li.news,
body.faq #navigation ul li.faq {
  background-position: 100% 0px;
}












/* FOOTER2 - named footer2 b/c of machforms conflict
------------------------------------------------------------ */
#footer2 {
  clear: both;
  overflow: auto;
  width: 100%;
  /*margin: 50px auto 0 auto;*/
  text-align: center;
  background: url(../images/footer_background.png) no-repeat center #FFF;
  height: 87px;
  margin-bottom: 10px;
  /*padding-bottom: 10px; ie */
}
#footer2 p {
  font-size: 11px;
  color: #333;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 5px;
}
#footer2 p a {
  color: #333;
}
#footer2 p.copyright {
  margin-top: 24px;
}
#footer2 p.equal {
  background: url(../images/eho_small.png) no-repeat right;
  width: 210px;
  margin: 0 auto;
  height: 16px;
  line-height: 16px;
}
#footer2 p.mmc a {
  font-size: 10px;
}



/* method 1: borders on the body */
body {
  border-top: 10px solid #749DB4;
  border-bottom: 10px solid #C9AD78;
}
#content {
  margin-bottom: 30px !important;
}
/* method 2: borders on the #container */
/*
#container {
  border-top: 10px solid #749DB4;
  border-bottom: 10px solid #C9AD78;
}
*/
/* method 3: absolute footer; http://www.xs4all.nl/~peterned/examples/css/layout1.css */
/*
html, body {
  height: 100%;
}
#container {
  height: auto !important;
  height: 100%;
  min-height: 100%;
}
#footer2 {
  position: absolute;
  bottom: 0;
  padding-top: 120px;
  padding-bottom: 20px;
  border-bottom: 10px solid #C9AD78;
}
*/
/* method 4: special absolute divs */
/*
#container div.border.top {
  width: 100%;
  height: 10px;
  background: #749DB4;
}
#container div.border.bottom {
  display: none;
  width: 100%;
  height: 10px;
  background: #C9AD78;
}
*/





/* CONTENT
------------------------------------------------------------ */
#content {
  /* total of 900! */
  overflow: auto;
  width: 840px;
  margin: 0 auto;
  border: 10px solid #CB9D6E;
  padding: 90px 20px 20px 20px;
  background: #FFF;
}
#content ul, #content ol  {
  margin-left: 30px;
  margin-bottom: 10px;
}
#content h1 {
  display: none;
  font-size: 22px;
  clear: both;
  color: #7E7E60;
  margin: 0 0 10px 0;
}
#content h2 {
  margin: 15px 0 5px 0;
  font-size: 16px;
  clear: both;
  color: #4B4B4B;
}
#content h3 {
  margin: 5px 0 5px 0;
  font-size: 13px;
  clear: both;
  color: #4B4B4B;
  font-weight: normal;
}
#content p {
  line-height: 16px;
  color: #7E7E60;
}
#content p.soon {
  margin-bottom: 500px;
}











/* PAGE - GLOBAL
------------------------------------------------------------ */
div.item {
  overflow: auto;
  background: url(../images/separator.png) center bottom no-repeat;
  padding-bottom: 20px;
  margin-bottom: 0px;
}

div.item.last {
  background: none;
}

/* PAGE - intro (index.php)
------------------------------------------------------------ */
body.intro {
  background: none;
  border: none;
}
body.intro #header,
body.intro #footer2 {
  display: none;
}
body.intro #content {
  background: none;
  border: 0;
  margin-top: 10px;
}
body.intro #content #flashcontent {
  width: 280px;
  margin: 0 auto;
}
body.intro #content p {
  text-align: center;
}
body.intro #content p a {
  color: #CB9D6E;
  font-size: 16px;
  text-decoration: none;
}



/* PAGE - home (home.php)
------------------------------------------------------------ */
body.home #content {
  padding: 10px;
  width: 860px;
  margin-bottom: 0px !important;
}
body.home #content ul#splash {
  margin: 0;
}
body.home #shoutouts {
  width: 900px;
  margin: 20px auto 30px auto;
  overflow: auto;
}
body.home #shoutouts ul {
}
body.home #shoutouts ul li {
  float: left;
  margin-right: 10px;
  width: 293px;
  height: 167px;
}
body.home #shoutouts ul li.s2 {
  width: 294px;
}
body.home #shoutouts ul li.s3 {
  margin-right: 0;
}
body.home #shoutouts ul li a {
  display: block;
  /*background: wheat;*/
  width: 100%;
  height: 100%;
}
body.home #shoutouts ul li.s1 a {background: url(../images/s1_text.jpg) no-repeat;}
body.home #shoutouts ul li.s2 a {background: url(../images/s2_text.jpg) no-repeat;}
body.home #shoutouts ul li.s3 a {background: url(../images/s3_text_2.jpg) no-repeat;}

body.home #shoutouts ul li a span {
  display: none;
}




/* PAGE - about (about.php)
------------------------------------------------------------ */
body.about #content {
  background: url(../images/h1_about.png) no-repeat #FFF;
}
body.about #content h2 {
  clear: none;
}
body.about #content img {
  float: right;
  margin: 0 0 20px 20px;
}
body.about #content ul {
  list-style: outside disc;
  line-height: 18px;
  color: #7E7E60;
  margin-left: 14px;
}


/* PAGE - features and amenities (features.php)
------------------------------------------------------------ */
body.features #content {
  background: url(../images/h1_features_and_amenities.png) no-repeat #FFF;
  overflow: auto;
}
body.features #content ul {
  list-style: outside disc;
  line-height: 18px;
  color: #7E7E60;
  margin-left: 14px;
}

body.features #content h2 {
  clear: none;
}

/* later */
body.features #content div.features {
  width: 660px;
  float: left;
}
  body.features #content div.features div.item {
  }
  /*
  body.features #content div.features div.feature:hover {
    background: url(../images/separator.png) center bottom no-repeat #F1EBDD;
  }
  */
  body.features #content div.features div.item img {
    background: #FFF;
    width: 170px;
    height: 120px;
    border: 2px solid #CB9D6E;
  }
  body.features #content div.features div.item.odd img {
    float: left;
    margin: 0 20px 20px 0;
  }
  body.features #content div.features div.item.even img {
    float: right;
    margin: 0 0px 20px 20px;
  }
body.features #content div.nav {
  width: 160px;
  position: relative;
  float: right;
  background: #F1EBDD;
  /*position: fixed;*/
}
body.features #content div.nav div.wrapper {
  padding: 5px;
}

body.features #content div.nav div.wrapper h3 {
  margin-bottom: 7px;
  margin-top: 0;
  background: #FFF;
  padding: 5px;
  font-weight: bold;
}
body.features #content div.nav div.wrapper ul {
  list-style: disc outside;
  margin-left: 20px;
  line-height: 17px;
  color: #749DB4;
}
body.features #content div.nav div.wrapper ul li {
}
body.features #content div.nav div.wrapper ul li a {

}



/* PAGE - tour
------------------------------------------------------------ */
body.tour #content {
  background: url(../images/h1_tour.png) no-repeat #FFF;
}
body.tour #content div.tour {
  margin-bottom: 20px;
  overflow: auto;
  clear: both;
}

body.tour #content div.tour.virtual2 div.wrapper {
  background: #F1EBDD;
  margin-bottom: 10px;
  overflow: auto;
  padding: 10px;
}
body.tour #content div.tour.virtual2 div.wrapper #video {
  text-align: center;
}

/**/
body.tour #content div.tour.virtual {

}
  body.tour #content div.tour.virtual #video {
    float: left;
    width: 480px;
    height: 360px;
    background: wheat;
  }
  body.tour #content div.tour.virtual div.nav {
    float: left;
    width: 360px;
  }
  body.tour #content div.tour.virtual div.nav ul {
    margin: 0 !important;
    background: yellow;
    overflow: auto;
  }
  body.tour #content div.tour.virtual div.nav ul li {
    
  }
  body.tour #content div.tour.virtual div.nav ul li img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background: #DDD;
    float: left;
  }
  
  body.tour #content div.tour.virtual div.nav ul li a {
    display: block;
    padding: 6px;
    background: #F1EBDD;
    color: #333;
    line-height: 15px;
    border-bottom: 1px solid #DDD;
    font-size: 11px;
  }
  body.tour #content div.tour.virtual div.nav ul li a:hover {
    background: #CCC;
    text-decoration: none;
  }
/**/
body.tour #content div.tour.photographic {
  overflow: hidden;
  position: relative;
}
  body.tour #content div.tour.photographic div.inline {
    position: absolute;
    right: 10px;
    /*top: 666px;*/
    top: 596px;
  }
  body.tour #content div.tour.photographic div.galleria_container {
    background: #F1EBDD;
    margin-bottom: 10px;
    overflow: auto;
    padding: 10px;
  }
    body.tour #content div.tour.photographic div.galleria_container div.galleria_wrapper {
      overflow: hidden;
      position: relative;
      /*padding: 10px;*/
    }
    body.tour #content div.tour.photographic div.galleria_container div.galleria_wrapper img {
      /* this is 4x3 like 800x600, 1024x768, etc */
      
      width: 820px;
      /*
      height: 615px;
      */
      height: 545px; /* avg of most of the images */
      margin-bottom: 10px;
    }
    body.tour #content div.tour.photographic div.galleria_container span.caption {
      
      display: block;
    }
  body.tour #content div.tour.photographic ul {
    margin: 0;
    overflow: auto;
    /*height: 178px;*/
    padding: 10px 10px 5px 10px;
    background: #F1EBDD;
  }
  /*
  body.tour #content div.tour.photographic ul li {
    float: left;
    background: #F0F0F0;
    border: 1px solid #e1e1e1;
    margin: 0 7px 7px 0;
  }
  body.tour #content div.tour.photographic ul li {
  }
  body.tour #content div.tour.photographic ul li img {
    width: 84px;
    height: 63px;
  }
  */
  ul.galleria li {
    display: block;
    overflow: hidden;
    float: left;
    width: 58px;
    height: 70px;
    margin: 0 5px 5px 0;
  }
  ul.galleria li.odd {
    margin-right: 6px;
  }
  ul.galleria li.end {
    margin-right: 0 !important;
  }
  ul.galleria li a {
    display:none;
  }
  ul.galleria li div {
    position: absolute;
    display: none;
    top: 0;
    left: 180px
  }
  ul.galleria li div img {
    cursor: pointer;
  }
  ul.galleria li.active div img,.galleria li.active div {
    display: block;
  }
  ul.galleria li img.thumb {
    cursor: pointer;
    top: auto;
    left: auto;
    display: block;
    width: auto;
    height: auto;
  }
  ul.galleria li .caption {
    display:block;
    color: red !important;
    /* not sure this gets applied anywhere */
  }
  * html .galleria li div span {
    width:400px
  }/* MSIE bug */



/* PAGE - contact (contact.php)
------------------------------------------------------------ */
body.contact #content {
  background: url(../images/h1_contact.png) no-repeat #FFF;
}

body.contact #content div.left {
  float: left;
  width: 420px;
  overflow: auto;
}
  body.contact #content div.left div.info {
    clear: both;
    overflow: auto;
    margin-bottom: 10px;
  }
  body.contact #content div.left div.info img {
    float: left;
    margin: 0 20px 20px 20px;
  }
  body.contact #content div.left div.info p {
    float: left;
    font-size: 14px;
    color: #000;
    line-height: 18px;
    font-family: Arial;
  }
  /*
  body.contact #content div#map {
    border: 2px solid #CB9D6E;
    width: 400px;
    height: 300px;
  }
  */
  body.contact #content div.map {
    clear: both;
    border: 2px solid #CB9D6E;
    width: 400px;
    height: 380px;
  }
  body.contact #content div.map iframe {
    padding: 0;
    margin: 0;
  }
body.contact #content div.right {
  float: right;
  width: 400px
}
body.contact #content div.right form a.service {
  color: #000;
  font-weight: bold;
  text-decoration: underline;
}




/* PAGE - news (news.php)
------------------------------------------------------------ */
body.news #content {
  background: url(../images/h1_news.png) no-repeat #FFF;
}
body.news #content div.item {
  overflow: auto;
  background: url(../images/separator.png) center bottom no-repeat;
  padding-bottom: 5px;
  margin-bottom: 5px;
}





/* PAGE - faq (faq.php)
------------------------------------------------------------ */
body.faq #content {
  background: url(../images/h1_faq.png) no-repeat #FFF;
}
body.faq #content h2 {
  margin-top: 20px;
}
body.faq #content p {
  margin-bottom: 3px;
}
body.faq #content ul {
  list-style: outside disc;
  line-height: 18px;
  color: #7E7E60;
  margin-left: 20px;
}
body.faq #content ul li strong {
  font-size: 13px;
}





/* PAGE - work order (work_order.php)
------------------------------------------------------------ */
body.work_order #content {
  padding-top: 10px;
  height: 500px;
}
body.work_order #content h1 {
  display: block;
  margin: 20px 0;
}
body.work_order #content input#subject {
  width: 500px;
  padding: 3px;
  border: 1px solid #CCC;
}
body.work_order #content textarea#description {
  width: 500px;
  height: 200px;
  padding: 3px;
  border: 1px solid #CCC;
}
body.work_order #content #footer {
  display: none;
}






/* PAGE - service (service.php)
------------------------------------------------------------ */
body.service #content {
  padding-top: 10px;
}
body.service #content #footer {
  display: none;
}


/* PAGE - specials (specials.php)
------------------------------------------------------------ */
body.specials #content {
  padding-top: 10px;
  min-height: 500px;
}
body.specials #content h1 {
  display: block;
}
body.specials #content #footer {
  display: none;
}







/* PAGE - availability (availability.php)
------------------------------------------------------------ */
body.availability #content {
  background: url(../images/h1_availability.png) no-repeat #FFF;
  position: relative;
}
body.availability #content form {
  margin-bottom: 20px;
}
body.availability #content form div textarea {
  width: 100%;
  height: 400px;
  border: 1px solid #CCC;
  margin-bottom: 5px;
}
body.availability #content img.floorplan_complex {
  margin: 10px 0;
}



/*http://tablesorter.com/themes/blue/style.css*/

/* tables */
table.tablesorter {
  background-color: #CDCDCD;
  margin:10px 0pt 15px;
  width: 100%;
  text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
  background-color: #F1EBDD;
  border: 1px solid #FFF;
  padding: 8px;
}
table.tablesorter thead tr .header {
  background-image: url(bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}

table.tablesorter tbody {
  /*
  width: auto;
  height: 300px;
  overflow: auto;
  */
}
table.tablesorter tbody tr {
}
table.tablesorter tbody tr:hover td {
  background-color: #C8D9E1 !important;
}
table.tablesorter tbody tr td {
  color: #3D3D3D;
  padding: 8px;
  background-color: #FFF;
  vertical-align: top;
}
table.tablesorter tbody tr.odd td {
  background-color:#F0F0F6;
}


table.tablesorter thead tr .headerSortUp {
  background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
  background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
  background-color: #C8AE78;
}



















/* FORM
------------------------------------------------------------ */
div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	 }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }