/* was base.css:*/
html, body, p, img, strong, h1, h2, h3, ul, li, form, hr, table, tr, td, tbody, blockquote, iframe {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
}
a {
  text-decoration: none;
  outline: none;
}
ul {
  list-style: none;
}


body {
  font-family: Arial;
}

.cleared:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.cleared {
  zoom: 1;
}
.left {
  float: left; display: inline;
}
.right {
  float: right; display: inline;
}
.on {
  display: block !important;
}
span.on {
  display: inline !important;
}
table.on, table.focus {
  display: table !important;
}

a.image, iframe.frame {
  float: left;
  display: inline;
  margin-right: 12px;
}
a.image img {
  display: block;
}
.BL {
  display: block !important;
  float: none !important;
  clear: both;
  margin-right: 0 !important;
}
.ic {
  display: block;
  text-indent: -999em;
  overflow: hidden;
}

.gallery {
  clear: both;
}
.gallery .image {
  display: none;
  margin: 0;
}
.gallery .thumb, .gallery .foc {
  display: block;
}
.gallery .thumb {
  position: relative;
  left: 5px;
  margin-bottom: 5px;
}
* html .gallery .thumb {
  left: -46px;
}
.gallery .last {
  margin-bottom: 0 !important;
}

.table td.hasImage {
  padding: 0;
}


/*end base.css*/


body {
  font: 12px Arial;
  background: #282929 url(/images/body.gif);
}
body, .text {
  color: #fff;
}

h1.heading {
  margin: 0;
}
#band {
  font-size: 16px;
}

.p {
  margin: 14px 0;
}
.p strong {
  color: #999;
}
.p a {
  text-decoration: underline;
}
p.intro {
  font-size: 16px;
}
.heading {
  display: block;
  font-size: 20px;
  background: #1c1a1a;
  line-height: 30px;
  padding: 0 7px;
}
.sub-heading {
  font-size: 18px;
}
.intro {
  font-size: 18px;
}

.image, .frame {
  float: left;
  margin-right: 14px;
}
.image img, .frame {
  display: block;
  border: 1px solid #4c4d4d;
}
.BL img {
  border: 0;
}

.Panels {
  padding-top: 8px;
}
.Panel {
  float: left;
  width: 232px;
  position: relative;
  height: 280px;
  color: #ccc;
  margin-right: 8px;
  margin-bottom: 8px;
  border: 1px solid #4c4d4d;
  background: #282929;
}
.end {
  margin-right: 0;
}
.Panel .image {
  float: none;
  display: block;
	margin-right: 0;
}
.Panel img {
  border: none;
}
.Panel .heading {
  color: #fff;
  font-size: 14px;
  text-align: left;
  margin-top: 0;
  background: #191717 url(/images/Panel/gradient.gif) bottom repeat-x;
}
.Panel .p {
  padding: 0 7px;
}
.Panel .status {
  position: absolute;
  z-index: 2;
  width: 116px;
  height: 116px;
  right: 0;
  top: 27px;
}
.Panel .Now-sold { background: url(/images/Panel/status/sold.png) }
.Panel .Deposit-paid { background: url(/images/Panel/status/paid.png) }
.Panel .Now-available { background: url(/images/Panel/status/available.png) }

* html .Panel .Now-sold { background: url(/images/Panel/status/sold.gif) }
* html .Panel .Deposit-paid { background: url(/images/Panel/status/paid.gif) }
* html .Panel .Now-available { background: url(/images/Panel/status/available.gif) }


.heading .Now-available { background: #9f8041 }
.heading .Now-sold { background: #c80025 }
.heading .Deposit-paid { background: #4c667f }


.gallery {
  border: 0 solid #4c4d4d;
  border-width: 0 0 1px 1px;
}
.gallery .thumb img {
  border-width: 1px 1px 0 0;
}
.gallery .foc img {
  border-width: 1px 1px 0 0; 
}
.gallery .image {
  position: static;
  margin: 0;
}
* html .gallery .thumb {
/*  left: -46px;*/
}

/*.gallery .image {
  margin-right: 0;
}
.gallery img {
  border-width: 1px 1px 0 0;
}*/

.gallery .LB {
  display: none;
}
.gallery .open {
  display: block;
  position: fixed;
  top: 50%; left: 50%;
  z-index: 3;
  margin-left: -375px; margin-top: -235px;
}

#close {
  display: none;
}
.LBed #close {
  position: fixed;
  top: 50%; left: 50%;
  z-index: 4;
  margin-left: 359px; margin-top: -234px;
  display: block;
  width: 17px; height: 17px;
  background: url(/images/close.png);
}
* html .LB, * html #close {
  display: none !important;
}

#Side .p {
  text-align: left;
  padding: 0 21px;
}
#Side .bullet {
  margin: 0 10px;
  padding: 8px 12px;
  font-size: 13px;
  border-bottom: 1px solid #626262;
}
#Side h2, #Side h3 {
  font-size: 16px;
  line-height: 30px;
  background: #221f1f;
}
#Side strong {
  color: 999;
}
#Side #Contact {
  font-size: 133%;
}

.table {
  width: 100%;
  background: #7b7b7b;
}
.table td {
  padding: 8px 14px;
/*  border: 0 solid #7b7b7b;
  border-width: 1px 1px 0 0;
*/
}
/*.table tr.last td {
  border-bottom-width: 1px;
}
.table td.first {
  border-left-width: 1px;
}*/
/* dark-to-light: */
.table td,
.table .td4 { background: #484848 }

.table .td1 { background: #191717 }
.table .td2 { background: #343434 }
.table .td3 { background: #3c3c3c }
.table .td5 { background: #666666 }
.table .td6 { background: #979797 }
.table .td7 { background: #cacaca }
.table .td6 .text, .table .td7 .text {
  color: #333;
}

.Col {
  width: 960px;
  margin: 0 auto;
}


#Head {
  line-height: 30px;
  padding-top: 18px;
  padding-bottom: 10px;
  text-align: center;
  background: #282929;
}
#Head a {
  color: #ccc;
  font-size: 1.08em;
  padding: 0 18px;
}
#Logo {
  display: block;
  width: 399px;
  height: 64px;
  margin: 0 auto;
  background: url(/images/Logo.gif);
}
#Article {
  width: 640px;
  float: left;
  margin: 14px 20px;
}
#Side {
  width: 280px;
  float: right;
}
.withSide {
  background: url(/images/Side.gif) right repeat-y
}
* html .withSide {
  background: none;
}
#Foot {
  clear: both;
  padding: 40px 0;
  background: #282929;
}
#Foot,
#Foot a {
  color: #ccc;
}
#Tag {
  float: left;
  margin: 0 20px;
}
#Contact {
  float: right;
  margin: 0 20px;
  width: 30%;
}