/**
 *
 * @author	Michael Huang, www.mikhuang.com
 * @date_created Feb 23, 2009
 *
 */
body {
	background: #ede4d3 url(../img/base/body-background.png) repeat-x;
	font-family: 'Palatino Linotype', Georgia, serif;
}
#container{
	width:900px;
	margin:0 auto;
}
#content_wrap {
	background:#EDE4D3 url(../img/base/content_wrap-background.png) no-repeat right top;
	margin-top:-1px;
	position:relative;
	border-left:1px solid #C4B3A1; 
	padding-right:18px;  
	float: left;
	width:880px;
} 
/*
header nav
*/
#header{
	background: transparent url(../img/base/header-background.png) no-repeat right bottom;
	height:114px;
}
#nav_main {
	margin-top: 5px; 
}
#nav_main ul {   
}
#nav_main li { 
	float: left;	 
	display: list-item;
	margin-right: 1px;
}
#nav_main li a {
	display: block;
	position: relative; 
	text-decoration: none; 
}
#nav_main li a b {
	display: block;
	position: relative; 
	float: left;
	height: 38px;
	width: 13px;	
	background: url(../img/base/nav_main-li.png) top left;
}
#nav_main li a em {
	display: block; 
	position: relative;
	float: left;
	background: url(../img/base/nav_main-li.png) top right;
	padding: 0 18px 0 5px;
	font-size: 15px; 
	color: #666;
	height: 38px;
	line-height: 38px; 
	font-style: normal;
} 
#nav_main li a:hover b { 
	background-position: left 38px !important; 
}
#nav_main li a:hover em {
	background-position: right 38px !important;  
}
#nav_main li.current a {   
	cursor: default !important;
}
#nav_main li.current a b { 
	background-position: left -38px !important; 
}
#nav_main li.current a em {
	background-position: right -38px !important;   
	color: #7B3A1A;
}
#content.narrow_left_col{
	background:#fff url(../img/base/content-background.png) repeat-y left;
	float:left;
}
#content {  
background:#fff;
}
#footer {
background:#fff;
	font-size: 84%;
	color: #666;
	float:left;
	clear:both;
	margin:0;
	padding:3em 0;
	border:1px solid #DCD1C1;
	border-width:1px 0;
	width:100%;
	text-align:center;
}
.unit-table-view {
	
}
.side_col {
	width:192px;
	float:left;
	margin-bottom:2em;
}
.main_col {
	width:688px;
	float:left;
}
.side_col h3 {
	margin:0;
	background:#617F9B;
	color:#fff;
	padding:0.25em .5em;
	border-bottom:1px solid #666666;
}
.side_col .input label{
	font-size: 84%;
	color: #666;
}
 .padding {
	padding: .25em .75em;
 }
.side_col .padding, .main_col .padding {
	padding:.25em .5em;
}
.main_col .count {
	float:right;
	font-size: 84%;
	color: #666;
	margin-top:1em;
}
a:link {
	color:#577090;
}
h1 {
	font-size:151%;
	color:#666;
	margin:0.25em 0;
}
h2 {
	font-size:141%;
	color:#999;
	margin:0.25em 0;
}
h3 {
	font-size:100%;
	font-family: Helvetica, Arial, sans-serif;
	color:#666;
	font-weight:bold;
	margin:1em 0;
}
#content p {
	/*margin-bottom:2em;*/
	line-height: 1.25;
}
#content blockquote {
	margin-left: 2em;
}
table.listings {
	width: 100%;
	border-collapse:collapse;
	/*border-top:1px solid #d4c7b6;*/
	/*font-size:84%;*/
} 
table.listings .altrow {
	background:#F5F0E7;
	border:1px solid #E9DDCA;
	border-width:1px 0;
}
table.listings td {
	vertical-align:top;
	/*border-bottom:1px solid #d4c7b6;*/
	padding:.25em 7px;
}
table.listings td.thumb {
	width:108px; 
	padding-top:10px;
}
table.listings p.description {
	color:#999;
}
table.listings p.date_available {
	font-style:italic;
}
table.listings span.openhouse {
	font-weight:bold;
	color:rgb(217, 0, 7);
}
table.listings td.details {
	padding-left:7px;
	/*padding-right:0;*/
	text-align:right;
	white-space:nowrap; 
}
table.listings p.details {
	font-style:italic;
}
table.listings p.rent, table.listings p.title {
	font-size:124%;
}
.paging div.disabled {
	display:none;
}


.topbar, .topbarfloat  {
	background:#EEE9E3; 
	border-bottom:1px solid #D4C7B6;
	padding:0.25em 0.5em;
}
.topbarfloat {
	float: left;
	width:100%;
	padding:0;
}
.topbar a {
	text-decoration:none;
}
.topbar a:hover {
	text-decoration:underline;
} 
.topbarfloat .lefthalf,.topbarfloat .righthalf{
	float:left;
	width:40%;
	padding:0.25em 0.5em;
}
.topbarfloat .righthalf {
	float:right;
}
.alignright {
	text-align:right;
}
.units {
	clear:both;
}
ul.areas {
	display:block;
	position:relative;
	height:542px;
	background: url(../img/base/home-map2.png) no-repeat left top;
	text-shadow: #fff 2px 2px 4px;
	margin-left:1px;
	border-bottom:1px solid #DCD1C1;
}
ul.areas li { position: absolute; font-size:125%; line-height:1; color:#777;}
ul.areas li a { font-size: 80%;}
ul.areas li.albany { top: 10px; left: 56px;}
ul.areas li.hills { top: 45px; left: 460px;}
ul.areas li.clarmont { top: 470px; left: 560px;}
ul.areas li.downtown { top: 290px; left: 365px;}
ul.areas li.elmwood { top: 355px; left: 478px;}
ul.areas li.northb { top: 87px; left: 183px;}
ul.areas li.oakland { top: 495px; left: 245px;}
ul.areas li.southb { top: 390px; left: 299px;}
ul.areas li.westb { top: 320px; left: 95px;}

.message {
	border:1px solid #ccc;
	margin:1em 1em .5em;
	padding:.5em 1em;
	background:#ffc;
}
.small {
	font-size: 75%;
}


/* form tables */

.form-table td {
border-collapse:collapse;
border-bottom:1px solid #ccc;
vertical-align:top;
padding:0.5em 0.5em 0.5em 0;
}
/* Maintenance Request Form table */
.form-table tr.bdr-none td {
border:0;
}
textarea.bigger {
width:98%;
height:8em;
}

/* colors for success message, warning */
.success {
	background: #7fe22f;
}
.warning {
	background: #e52c37;
	color:#fff;
}