body, html{
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  color:#3b3419;
  font-size:8pt;
}
a{ color:#3B3419; }
a:hover{ text-decoration:none; }

a:active, a:focus{ 
  border:none; 
  outline:none; 
}
img{ 
  border:none; 
  outline:none; 
}
#home-logo{ padding-top:10px; }
.outer-container{
	background:#FFF url(img/interiortile.jpg) center top repeat-y;
	width:800px;
	margin:0 auto;
    padding:0;
	clear:both;
}
.container{
  width:753px;
  margin:0 auto;
  padding:0;
}

p.footer{
  clear:both; 
  padding:50px 0 15px 0;
  text-align:center;  
  color:#3B3419;
  font-size:9pt;
}
#header{ text-align:center; }
#header div{ float:left; }
#header div.right{ width:529px; }
#header div.right img{ 
  width:529px; 
  height:190px; 
}
#header div.left{ 
  width:224px; 
  text-align:center; 
}
#header div.left img{
  width:198px;
  height:93px;
}
#header div.left img{ padding:75px 0 0 0; }
#header div.bar{ 
  width:753px; 
  height:32px; 
  background-color:#3B3419; 
  float:left; 
  clear:both; 
  margin:3px 0; 
}
#nav{ width:165px; float:left; }
#nav a{ 
  padding:0; 
  margin:0 0 3px 0; 
  display:inline-block; 
  height:35px; 
  width:163px; 
  border:1px solid #3B3419; 
  text-decoration:none;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:7.5pt;
  font-weight:bold;
  text-transform:uppercase;
}#nav a:hover, #nav a.on{ color:#FFF; background-color:#3B3419; }
#nav a span{ display:inline-block; padding:12px 0 0 5px; }
#content{ width:550px; margin:0 19px 0 19px; display:inline-block; }

#min-content{ width:550px; display:inline-block; }
#content-home{ width:588px; display:inline-block; }
#content-home .left, #content-home .right{
  float:left;
  clear:none;
}
#content-home .left{
  margin-left:2px;
  width:550px;
  height:305px;
}
#content-home .right{
  width:36px;
  height:305px;
  background:url(img/pattern_home.jpg) left top no-repeat;
}
#content-home .content{
  float:left;
  clear:both;
  width:588px;
  margin-top:30px;
}
#content-home .content p{
  padding:0 30px;
  line-height:18pt;
}
div.dropdown{ font:bold; cursor:pointer; position:relative; border:1px solid #3B3419; width:150px; }
div.dropdown div.label{ padding:2px; font-weight:bold; }
div.dropdown div.panel{ display:none; position:absolute;padding:7px; z-index:1000; background-color:#FFF; border:1px solid #3B3419; margin-left:-1px; }
div.dropdown div.panel span.row{ padding:0 0 3px 0; }

img.thumb{
  float:left;
  width:110px;
  height:82px;
  border:1px solid #A29060;
  padding:1px;
  margin:0 2px;
}
img.thumb:hover{
  border:1px solid #3B3419;
}

#thumbscroll{
  padding:0;
  width:550px;
  height:86px;
  clear:both;
}
#thumbscroll div.scroller, #thumbscroll div.left, #thumbscroll div.right{
  float:left;
}
#thumbscroll div.left, #thumbscroll div.right{ width:38px; }
#thumbscroll div.scroller{
  position:relative;
  overflow:hidden;
  width: 474px;
  height:86px;
}
#thumbscroll div.scroller div.thumbs{
  width:20000em;
  position:absolute;
}
#thumbscroll div.scroller div.thumbs div {
	float:left;
}
#thumbscroll a.left, #thumbscroll a.right{
  cursor:pointer;
  display:inline-block;
  width:38px;
  height:86px;
  text-indent:-5000px;
}
#thumbscroll a.left{
  background:#FFF url(img/larr.jpg) 50% 50% no-repeat;
}
#thumbscroll a.right{
  background:#FFF url(img/rarr.jpg) 50% 50% no-repeat;
}
#content h1.rental-header{
  color:#3B3419;
  font-family:"Times New Roman", Times, serif;
  font-size:14pt;
  font-weight:normal;
  display:inline-block;
  margin:0;
  padding:10px 0;
}
table.contact td.left{
  text-align:right;
   width:150px;
}
ul.downloads li{
  list-style-type:square;
  color:#A29062;
  padding:10px 0;
}
h1.header{
  font-family:"Times New Roman", Times, serif;
  font-weight:bold;
  color:#3B3419;
  font-size:12pt;
  text-transform:uppercase;
  border-bottom:1px dotted #3B3419;
  clear:both;
}
#content p{
 margin:10px;
 line-height:15pt;
}
#content p.rental{
  padding:0 0 20px 0;
  margin:0;
}
#content p.description{
  font-size:11pt; 
  font-family:Georgia, 'Times New Roman', Times, serif
}
#content ul{
  margin:0;
  padding:0 0 0 12px;
  text-align:left;
}
#content .features-amenities{
  width:550px;
  clear:both;
  font-size:10pt; 
  font-family:Georgia, 'Times New Roman', Times, serif;
}
#content .features-amenities .features{
  width:200px;
  margin-left:50px;
  float:left;
}
#content .features-amenities .amenities{
  width:200px;
  margin-left:50px;
  float:left;
}

table.terms{
  margin:20px 0 15px 40px;
  width:410px;
  font-size:11pt; 
  font-family:Georgia, 'Times New Roman', Times, serif
}
table.terms td.term{
  width:150px;
}
table.terms td.price{
  width:125px;
}

table.listing{
  border-bottom:1px dotted #A29062;
  padding-bottom:7px;
  margin-bottom:7px;
}
table.listing a{
  font-family:"Times New Roman", Times, serif;
  font-size:11pt;
  color:#3b3419;
  text-decoration:none;
}
table.listing td{
  vertical-align:top;
}
table.listing a:hover{ color:#A29062; }

table.featured{
  background-color:#FFFFDF;
}
div.pagination{
  width:550px;
}
div.pagination div{
  float:left;
  padding:0;
  margin:0;
}
div.pagination .prev, div.pagination .next{
  width:75px;
}
div.pagination .next{
  text-align:right;
}
div.pagination .body{
  width:400px;
  text-align:center;
  white-space:normal;
}
.pagination a{
  padding:0 2px;
  text-decoration:none;
}
.pagination a.on{
  color:#fff;
  background-color:#3B3419;
}
#agent-list{
  width:411px;
  margin-left:73px;
}
#agent-list .agent{
  position:relative;
  float:left;
  margin:0 7px 7px 0;
  width:130px;
}
#agent-list .agent .name{
  position:absolute;
  bottom:0px;
  padding:10px 0;
  border-top:2px solid #FFF;
  z-index:100;
  vertical-align:middle;
  width:100%;
  text-align:center;
  font-weight:bold;
  font-size:10pt;
  background-color:#3B351B;
  color:#FFF;
}
#agent-list .agent .name .title{
  font-weight:normal;
  font-size:8pt;
}
.agent-bio-photo, .agent-bio{
  float:left;
}
.agent-bio{ width:360px; margin-top:0; padding-top:0; }
.agent-bio .contact-header{
  text-transform:uppercase;
  font-size:14px;
  font-family:Georgia, "Times New Roman", Times, serif;
  line-height:35px;
}

#featured-photo{
  text-align:center;
  padding:10px 0;
}
#featured-photo img{
  border:1px solid #A29060;
  padding:1px;
}
#featured-photo img:hover{
  border:1px solid #3B3419;
}
h1.listing, h2.listing{
  display:inline-block;
  padding:0;
  margin:7px 0 0 0;
}
.listing .row{
  float:left;
  clear:both;
  width:550px;
  padding:10px 0;
}
.listing .border{
  border:1px solid #A29060;
  width:548px;
}
.listing .row div{
  padding:0 7px;
}
.listing .row div div.details, .listing .row div div.details .left, .listing .row div div.details .right{
  padding:5px 0;
}
.listing .row div div.details .left, .listing .row div div.details .right, .listing .row div div.details .left table, .listing .row div div.details .right table{
  width:262px;
  float:left;
}
.listing .row div div.details .left table, .listing .row div div.details .right table{
  
}

table.listing{
  width:550px;
  line-height:10pt;
  border-bottom:1px dotted #A29062;
  padding-bottom:7px;
  margin-bottom:7px;
  border-collapse:collapse;
}
table.listing tr td{
  vertical-align:top;
}
table.listing tr td.row{
  padding:12px 0;
  border-bottom:1px dotted #CCC;
}
table.listing tr td.thumb{
  width:116px;
}
table.listing tr td.guts{
  width:434px;
}
table.listing tr td.guts table.guts{
  margin:0;
  padding:2px 0 1px 0;
}
table.listing tr td.guts table.guts tr td{
  margin:0;
  padding:0;
  height:10px;
}

/* Dropdown Checklist Start */
.ui-dropdownchecklist {
	height: 20px;
	border: 1px solid #ddd;
	border-right: 0;
	background: #fff url(img/dropdown.png) no-repeat center right;
}
.ui-dropdownchecklist-hover, .ui-dropdownchecklist-active {
	background-image: url(img/dropdown_hover.png);
	border-color: #5794bf;
}

.ui-dropdownchecklist-text {
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	margin-right: 17px; /* background dropdown.png image */
}

.ui-dropdownchecklist-dropcontainer {
	background-color: #fff;
	border: 1px solid #999;
}

.ui-dropdownchecklist-item {

}

.ui-dropdownchecklist-item-hover {
	background-color: #39f;
}

.ui-dropdownchecklist-item-disabled label {
	color: #ccc;
}

.ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text {
	color: #fff;
}

.ui-dropdownchecklist-group {
	font-weight: bold;
	font-style: italic;
}

.ui-dropdownchecklist-indent {
	padding-left: 20px;
}
/*    Dropdown Checklist End     */
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

/* OPTIONAL BUTTON STYLES for applying custom look and feel: */	

button,
button span
{
	background: transparent url(img/button_sprite.png) no-repeat;
}	

button,
button .btn-pri { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	text-align: center; 
	background-position: right -50px !important; 
}

button:active,
button .btn-pri:active{ background-position: right -150px !important; }
	
button span,
button .btn-pri span {
	font-family: arial, sans-serif;
	padding: 0 0 0 15px; 
	height:30px; 
	font-size:13px;
	line-height: 28px; 
	font-weight: bold;
	font-style: italic;
	background-position: left top; 
	color:#FFF; 
}
button:active span,
button .btn-pri:active span{ background-position: left -100px !important; }

button.btn-sec { background-position: right -150px !important; }

button.btn-sec span { background-position: left -100px !important; }

.form { padding: 5px; margin: 10px; }
.form label, 
.form span.label { margin-right: 10px; padding-right: 10px; width: 125px; display: block; float: left;  font-weight: bold; text-align: right; position: relative; }
.form input:focus,
.form input.error:focus, 
.form textarea:focus {	background-color: #FFC; border-color: #FC6; }
.form .field { margin-bottom: 1.5em; }
.form .field input, .form .field textarea
{
	padding: 4px;
	border: 1px solid #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.form .large { width: 200px; }
div.form-hider{ text-align:center; font-weight:bold; font-size:8pt; text-transform:uppercase; color:#3B3419; cursor:pointer; border-bottom:1px dotted #A29062; margin-bottom:7px; padding-bottom:3px; }
.form select{ display:none; }
.clearfix{ clear:both; }
span.listing-status{
  color:#C00;
  margin-left:5px;
}

#footer{
  clear:both;
  width:800px; 
  margin:0 auto; 
  background:url(img/layout-bottom.jpg) left bottom no-repeat; 
  height:90px;
}
#footer div.bar{
  float:left;
  clear:both;
  width:750px;
  padding-left:25px;
}
#footer div.bar div{
  width:750px;
  margin:0 0 12px 0;
  height:12px;
  border-bottom:1px dotted #dfdfdf;
}
#footer div.social{
  float:left;
  width:66px;
  padding-left:25px;
}
#footer div.social img{
  float:left;
  width:29px;
  height:29px;
}
#footer div.contact{
  float:left; 
  clear:none; 
  width:464px; 
  text-align:center; 
  font-weight:bold; 
  text-transform:uppercase; 
  margin-top:8px;
}
#footer div.newsletter{
  float:left; 
  clear:none; 
  width:220px;
}
#footer div.newsletter img{
  cursor:pointer;
}
.clearfix{ clear:both; }