/******************************************************************************
* global, shared
******************************************************************************/
body {
  background-color: #323700;
  color: #ccccad;
  font-family: "Lucida Grande", Lucida, Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
div#container {
  background-color: #666633;
  background-image: url(/images/content_bg.gif);
  background-repeat: repeat-y;
  margin: 35px auto;
  padding: 0;
  width: 800px;
}
a {
  color: #ccccad;
}
img,
a img {
  border: none;
}
h1, h2, h3 {
  /* override with classes */
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 22px;
}
h2 {
  font-size: 18px;
}
.page-title {
  margin: 15px 10px 15px 298px;
  padding: 0;
  text-align: center;
}
.narrow-page-title {
  margin: 0 0 15px 0;
  padding: 0;
  text-align: center;
}
div.narrow-container {
  margin-left: 288px;
  padding: 20px;
}
form div.field-container {
  margin: 30px 0;
}
div.save-cancel-buttons {}
input.submit {
  border: 3px double #323700;
  background-color: #ccccad;
  color: #323700;
  cursor: pointer;
  font-size: 14px;
  padding: 2px 5px;
}
a.button {
  border: 3px double #323700;
  background-color: #ccccad;
  color: #323700;
  float: left;
  font-size: 14px;
  margin: 0 15px 0 0;
  padding: 4px 5px 3px 5px;
  text-decoration: none;
}
div.instructions {
  font-size: 11px;
}
.highlighted-text {
  background-color: #f2f079;
  color: #323700;
  padding: 0 3px;
}
p.empty-message,
p.empty-message-narrow {
  text-align: center;
}
p.empty-message {
  margin-left: 288px;
}


/*******************************************************************************
* errors
*******************************************************************************/
div.errorExplanation {
  background-color: #ccccad;
  border-bottom: 2px solid #323700;
  border-top: 2px solid #323700;
  color: #f33;
  padding: 5px;
}
div.errorExplanation h2 {
  font-size: 14px;
}
.fieldWithErrors {
  padding: 2px;
  background-color: #f33;
  display: table;
}


/*******************************************************************************
* masthead
*******************************************************************************/
table#masthead td {
  text-align: center;
}
table#masthead td#logo {
  width: 288px;
}
table#masthead td#tagline {
  background-color: #8f7153;
  color: #ccccad;
  padding: 3px 0;
  width: 288px;
}
table#masthead td#contact {
  background-color: #8f7153;
  color: #ccccad;
  font-size: 10px;
  padding: 3px 0;
  width: 512px;
}

/*******************************************************************************
* nav
*******************************************************************************/
table#masthead td#nav {
  width: 512px;
}
table#masthead td#nav table#nav {
  width: 100%;
}
table#masthead td#nav table#nav td {
  border-right: 1px solid #ccccad;
  margin: 0;
  padding: 0;
  text-align: center;
}
table#masthead td#nav table#nav td.last {
  border: none;
}
table#masthead td#nav table#nav a {
  color: #ccccad;
  font-size: 14px;
  text-decoration: none;
  width: 100%;
}
table#masthead td#nav table#nav a.active {
  color: #ffffff;
  text-decoration: underline;
}
table#masthead td#nav table#nav a:hover {
  text-decoration: underline;
}
table#masthead td#nav table#nav td#nav-newhomes {
  width: 112px;
}
table#masthead td#nav table#nav td#nav-subdivisions {
  width: 112px;
}
table#masthead td#nav table#nav td#nav-portfolio {}
table#masthead td#nav table#nav td#nav-company {}
table#masthead td#nav table#nav td#nav-contact {}


/*******************************************************************************
* footer
*******************************************************************************/
div#designed-by {
  color: #ccccad;
  font-size: 11px;
  padding: 15px 20px 15px 0;
  text-align: right;
}
div#designed-by a {
  color: #ccccad;
}
div#bark {}


/*******************************************************************************
* admin
*******************************************************************************/
table#admin-bar {
  background-color: #ccccad;
  border-bottom: 2px solid #323700;
  border-top: 2px solid #323700;
  color: #323700;
}
table#admin-bar td {
  padding: 5px 10px;
}
table#admin-bar a {
  color: #323700;
}
table#admin-bar td#global {
  width: 268px; /* 288 - (10px left padding) - (10px right padding) */
}
table#admin-bar td#global span#login {
  float: left;
}
table#admin-bar td#global span#logout {
  float: right;
}
table#admin-bar td#local {
  text-align: right;
  width: 492px; /* 512 - (10px right padding) - (10px left padding) */
}
table#admin-bar td#local a {
  margin-left: 15px;
}
div.local-admin {
  text-align: right;
}
div.local-admin a {
  background-color: #ccccad;
  color: #323700;
  padding: 1px 3px;
  margin-left: 10px;
}

/*******************************************************************************
* flash messages
*******************************************************************************/
div#notice-failure,
div#notice-success {
  background-color: #ccccad;
  border-bottom: 2px solid #323700;
  font-weight: bold;
  padding: 8px 10px;
  text-align: center;
}
div#notice-failure {
  /*background-color: #fcc;
    border-bottom: 2px solid #c00;
    border-top: 2px solid #c00;*/
  color: #f33;
}
div#notice-success {
  /*background-color: #cfc;
    border-bottom: 2px solid #090;
    border-top: 2px solid #090;*/
  color: #090;
}


/*******************************************************************************
* pages
*******************************************************************************/
table.page-container {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  margin-top: 35px;
}
table.page-container td {
  vertical-align: top;
}
table.page-container td.page-image {
  width: 288px;
}
table.page-container td.page-text {
  border-left: 1px solid #fff;
  padding: 10px 20px 20px 20px;
  width: 471px; /* 512 - 1px border - (20px padding * 2) */
}
table.page-container td.page-text p {
  margin: 5px 0 10px 0;
  padding: 0;
}
table.page-container td.page-text h2.page-text-content-title {
  font-size: 16px;
  margin: 0;
  padding: 0;
}
table.page-container td#index {
  background-color: #6a5a50;
  font-size: 14px;
  padding-top: 20px;
}
table.page-container td#company {
  background-color: #b87423;
}
table.page-container td.page-text h2#company {
  color: #dd9d52;
}
table.page-container td#contact {
  background-color: #535442;
}
table.page-container td.page-text h2#contact {
  color: #a5a689;
}


/*******************************************************************************
* new homes
*******************************************************************************/
table.newhome {
  border-bottom: 2px solid #8f7153;
  margin: 0;
  padding: 0;
}
table.newhome.first {
  border-top: 2px solid #8f7153;
}
table.newhome td {
  vertical-align: top;
}
table.newhome td.newhome-first-photo {
  width: 288px;
}
table.newhome td.newhome-info {
  padding: 15px 20px 20px 20px;
  width: 472px; /* 512 - (20px padding * 2) */
}
table.newhome td.newhome-info div.newhome-info-container {
  padding-bottom: 10px;
}
table.newhome td.newhome-info div.newhome-info-container h2.newhome-title {
  margin: 0;
  padding: 0;
}
div#newhome-photos-admin-bar {
  background-color: #ccccad;
  border-bottom: 2px solid #323700;
  border-top: 2px solid #323700;
  color: #323700;
  padding: 5px 10px;
  text-align: right;
}
div#newhome-photos-admin-bar a {
  color: #323700;
  margin-left: 10px;
}
div#newhome-photo-instructions {
  background-color: #6a5a50;
  padding: 5px 30px 5px 0;
  text-align: right;
}
table#newhome-thumbnails {
  border-bottom: 2px solid #8f7153;
  background-color: #6a5a50;
  margin: 0;
  padding: 20px 0;
  width: 800px;
}
table#newhome-thumbnails td {
  margin: 0;
  padding: 0 0 26px 0;
  text-align: center;
  vertical-align: bottom;
  width: 200px;
}
div#add-newhome-photo {
  background-color: #6a5a50;
}
ul#newhome-photos-list {
  list-style-type: none;
  margin: 25px 0 0 15px;
  padding: 0;
}
ul#newhome-photos-list li {
  cursor: move;
  font-size: 16px;
  margin: 20px 0;
}
div#remove-photos {
  background-color: #6a5a50;
  padding: 0 50px;
}
div#remove-photos h1 {
  padding: 15px 0 30px 0;
  text-align: center;
}
div#remove-photos span.photo-with-checkbox {
  /*border: 1px solid white;*/
  padding-right: 55px;
}
div#remove-photos span.photo-with-checkbox img {
  padding-top: 30px;
}
div#remove-photos-submit {
  padding: 30px 0;
  text-align: center;
}


/*******************************************************************************
* subdivisions
*******************************************************************************/
div.subdivision {
  border-bottom: 2px solid #8f7153;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
div.subdivision.newhomes {
  border: none;
}
h2.subdivision-name {
  text-align: left;
}
h2.subdivision-name.newhomes {
  text-align: center;
}
h2.subdivision-name.newhomes a,
h2.subdivision-name a {
  text-decoration: none;
}
p#reorder-instructions {
  text-align: center;
}
ul#subdivision-list {
  list-style-type: none;
  margin: 25px 0 0 15px;
  padding: 0;
}
ul#subdivision-list li {
  cursor: move;
  font-size: 16px;
  margin: 20px 0;
}

/*******************************************************************************
* portfolio
*******************************************************************************/
div#portfolio-container {
  background-color: #6a5a50;
}
table#portfolio-nav {
  background-color: #847159;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
  margin: 35px 0 25px 0;
  width: 100%;
}
table#portfolio-nav td {
  text-align: center;
}
table#portfolio-nav td#instructions {
  margin: 0;
  padding: 0;
  width: 288px;
}
table#portfolio-nav td.active {
  background-color: #847159;
}
table#portfolio-nav td a {
  color: #ccccad;
  font-size: 13px;
  text-decoration: none;
}
table#portfolio-nav td a:hover {
  text-decoration: underline;
}
table#portfolio-nav td a.active {
  color: white;
  text-decoration: underline;
}
table#portfolio-nav td.nav-item {
  background-color: #585831;
  border-left: 1px solid white;
  height: 36px;
  width: 170px;
}
table#portfolio-thumbnails {
  border-bottom: 2px solid #8f7153;
  background-color: #6a5a50;
  margin: 0;
  padding: 20px 0;
  width: 800px;
}
table#portfolio-thumbnails td {
  margin: 0;
  padding: 0 0 26px 0;
  text-align: center;
  vertical-align: bottom;
  width: 200px;
}
ul#portfolio-photos-list {
  list-style-type: none;
  margin: 25px 0 0 15px;
  padding: 0;
}
ul#portfolio-photos-list li {
  cursor: move;
  font-size: 16px;
  margin: 20px 0;
}