/*
---------------------------------------------------------------------
            Main Content Styling
---------------------------------------------------------------------
*/
body {
  font: 75%/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000;
  background: #f5f5ed;
  margin: 0 0 0 0;
  padding: 0;
}
.skip {
   position: absolute; left: -5000px;
}
h1, h2, h3
{
  color: #660000;
}
h1 {
  font-size: 140%;
}
h2 {
  font-size: 120%;
}
h3 {
  font-size: 100%;
}
#container{
    position: absolute;
    top: 0px;
    left: 0px;
	background-color: #f5f5ed;
	color : #000;
	margin-bottom: 10px;
	width: 899px;
}
#header {
	width: 183px;
    height: 499px;
}
#header2 {
    position: absolute;
    top: 0px;
    left: 183px;
	background-image: url(images/bgr.jpg);
	background-repeat: repeat;
	height: 92px;
	width: 716px;
}
#content {
    position: absolute;
    top: 100px;
	margin-left: 181px;
    padding: 1px 10px 0 10px;
	width: 697px;
}
#img1 {
  padding: 7px 0px 7px 7px;
  float: right;
}
.bcrumbs {
    font-size: 95%;
}
#list {
	background: #d7d7d7;
	color: #000;
	border: 2px dotted #999;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}
#list img {
	padding: 1.5px;
}
p#img2 {
	padding-left: 2px;
	padding-right: 2px;
}
p#img2 a {
  border: 0;
  background-color:#ccc;
}

#footer {

  margin-top: 40px;
  padding-top: 10px;
  padding-bottom: 13px;
  background: #e9e8d6;
  color: inherit;
  text-align: center;
  font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#footer a {
  color: #6B2802;
  background: transparent;
  text-decoration: none;
}
#footer a:hover {
  color: #660000;
  background: transparent;
  text-decoration: underline;
}
#copy {
  font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 10px;
}
.spacer {
  height: 250px;
}
a {
  color: #660000;
  background: transparent;
  text-decoration: none;
}
a.bld {
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}
.resources li, .resources a {
  color: #9a4445;
}
.resources a:hover {
  color: #660000;
}
#nav {
	position: absolute;
	left: 20px;
	top: 187px;
	color: #6B2802;
	background: #e9e8d6;
	clear: both;
}
#nav a {
  font: bold 100%/130% Verdana, Geneva, Arial, Helvetica, sans-serif;
  display: block;
  padding: 6px 4px 6px 30px;
  color: #6B2802;
  background: #e9e8d6;
  text-decoration: none;
}
#nav a.about {
   background: #e9e8d6 url(images/button_light.jpg) left center no-repeat;
   color: inherit;
 }
#nav a.port {
   margin-left: 10px;
   background: #e9e8d6 url(images/button_light.jpg) left center no-repeat;
   color: inherit;
 }
#nav a.projects {
   margin-left: 18px;
   background: #e9e8d6 url(images/button_medium.jpg) left center no-repeat;
   color: inherit;
}
#nav a.rent {
   margin-left: 17px;
   background: #e9e8d6 url(images/button_medium.jpg) left center no-repeat;
   color: inherit;
}
#nav a.sale {
   margin-left: 14px;
   background: #e9e8d6 url(images/button.jpg) left center no-repeat;
   color: inherit;
}
#nav a.contact {
   background: #e9e8d6 url(images/button.jpg) left center no-repeat;
   color: inherit;
}
#nav a:hover, div#nav a#active {
  background: url(images/hover_button.jpg) left center no-repeat;
  color: inherit;
}
#print, #url {
  display: none;
}

.apt {
  width: 25%;
  padding-left: 5px;
}
.rent_amount, deposit {
  width: 20%;
  border-left: 2px;
  border-color: #ccc;
}
.bedroom {
     width: 35%;
}
caption {
  font-weight: bold;
  padding: 10px;
}
.grey {
  background: #d7d7d7;
  color: #000;
}
#rentals thead th {
  text-align: left;
  color: #000;
}
#rentals thead th {
  border-bottom: 2px solid #ccc;
  padding: 5px 5px 5px 15px;
}
#rentals td, #rentals tbody th {
  padding: 6px 6px 6px 15px;
  font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: left;
}
#top p {
  margin-top: 0;
}
.center {
  text-align: center;
}


/*-----------------------------------------------------------------
              Image Gallery
-------------------------------------------------------------------
*/
#gallery {
  margin-top: 20px;
  text-align: center;
}
#slideshow {
  margin-top: 20px;
  font-size: .95em;
  font-weight: bold;
  color: #9c0e1e;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
#thumbnails {
  background-color: #000;
  color: #fff;

}
#data_table {
  border: 4px solid #fff;

  padding: 20px 2px 2 px 2px;
}
td img {
  border: 0;
}
#top_col {
  padding: 2px;
}
#imgPhotoView {
  float: left;
  padding-right: 10px;
}

#btm_col {
  margin-top: 4px;
  background: #ffffff;
  color: #000;
  clear: both;
}
td#lt_col {
  width: 40%;
}

#rent_details {
  font: 1.1em/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
  background: #ffffff;
  color: #000;
}
#top_col td {
  font: 1.1em/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#subnav {
  padding: 4px 15px 4px 15px;
  background-color: #D8E4EF;
  height: 20px;
}

#lt_arrow {
  padding: 0 10px 0 15px;
}
#rt_arrow {
  padding: 0 15px 0 10px;
}
.center table  {
  margin-left: auto;
  margin-right: auto;
}


/*
-------------------------------------------------------------------
                Portfolio Styling
-------------------------------------------------------------------
*/
#projects {
  font: 90%/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
  background: #fbfbf3;
  color: #000;
  border: 2px dotted #999;
  padding: 4px;
  overflow: auto;
  margin-top: 20px;
}
#projects table {
   background: #fbfbf3;
}

#left_content {
  padding-left: 5px;
  padding-right: 5px;
}
#pic {
  float: left;
}
#project_list {
    margin-top: 6px;
	margin-bottom: 0;
	font-size: 0.95em;
	line-height: 100%;
	height: 130px;
}
#project_list ul li {
  list-style-type: none;
  margin-left: -40px;
}
#project_list ul li a {
  color: #9c0e1e;
}
#rent_details ul li a {
   margin-left: -60px;
}
.subnav_port {
  float: left;
  width: 45%;
  height: 60px;
}
.clear {
  clear: both;
  margin-bottom: 0;
}
ul#apt_features {
  list-style-type: disc;
  padding: 5px;
  float: left;
  margin-left: 15px;
}


/*
-------------------------------------------------------------------
              Form Styling
-------------------------------------------------------------------
*/

form, fieldset {
  margin: 0;
  padding: 0;
}
form {
  padding: 1em 0;
  width: auto;
  color: #000;
}
#inquiry {
  background: #d7d7d7;
}

fieldset {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 5px;
  border: 1px solid #F5F5ED;
}
legend {
  padding: 0 5px;
  color: #9c0e1e;
  background: #d7d7d7;
  font-weight: bold;
  text-transform: uppercase;
  margin-left: 2em;
  margin-bottom: 1em;
}
div.row {
  width: 90%;
  margin: 0 auto;
  padding: 1em 0;
}
label {
  vertical-align: top;
  font-weight: bold;
  color: #6B2802;
  background: #d7d7d7;
}
input {
  font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
  vertical-align: middle;
}
input#name, input#email, input#phone {
   width: 200px;
   border: 1px solid #999;
   background: #fff;
   color: #000;
}
input#morning, input#afternoon, input#evening {
    border: 1px solid #999;
}
textarea {
  width: 300px;
  background: #fff;
  color: #000;
  border: 1px solid #999;
  overflow: auto;
}
#project {
   font: 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
   background: #fff;
   color: #000;
}

#submit {
  border: 1px solid #999;
  background: #E9E8D6;
  color: #000;
  font-weight: bold;
  padding: 3px;
}
#center {
	text-align: center;
	}
#projecttime {
  margin-left: 89px;
}
#budget {
  margin-left: 148px;
}
input#name {
  margin-left: 121px;
}
input#email {
  margin-left: 123px;
}
input#phone {
  margin-left: 62px;
}
.space {
  padding-top: 10px;
}