/* CSS Document */

body {
	background-color: #666;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

a, a:visited {
	color: #EFB10D;
	text-decoration: none;
}

a:hover, a.active {
	color: black;
}

a img {
	border: 0px;
}

form, fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#wrapper {
	background-image: url(/img/background_header.jpg);
	background-repeat: no-repeat;
	width: 994px;
	margin: 0 auto;
	clear: both;
}

#main {
	width: 940px;
	margin: 0 auto;
	clear: both;
}

#header {
	height: 215px;
	color: white;
	padding-top: 12px;
}

#header .businesscard {
	padding: 125px 20px 0px 260px;
	color: #EFB10D;
}

#header .nav {
	width: 910px;
	margin: 0 auto;
	clear: both;
	text-align: justify;
	padding: 8px 0px 0px 5px;
	color: black;
}

#header .nav a {
	color: black;
	font-style: italic;
	padding: 0px 5px;
}

#header .nav a:hover, #header .nav a.active {
	color: #CC0000;
}

#footer {
	padding: 20px 0px;
}

/***** CONTENT CLASSES *****/

.orange {
	color: #EFB10D;
}

.bg_darkgrey {
	background-color: #666;
}

.col940 {
	width: 940px;
}

.col670 {
	width: 670px;
}

.col500 {
	width: 500px;
}

.col400 {
	width: 400px;
}

.col250 {
	width: 250px;
}

.col128 {
	width: 128px;
}

.col75 {
	width: 70px;
}

.col75 img {
	width: 60px;
	padding: 0px;
	margin: 4px 0px 0px 0px;
	text-align: center;
	border: 1px solid #333;
}

.boxwide {
	background-image: url(/img/background_features_wide.jpg);
	background-repeat: repeat-y;
	border: 1px solid #333;
	padding: 9px 12px;
}

.boxnarrow {
	background-image: url(/img/background_features_narrow.jpg);
	background-repeat: repeat-y;
	border: 1px solid #333;
	padding: 9px 12px;
}

.boxnarrow ol, .boxnarrow ol li, .boxnarrow ul, .boxnarrow ul li {
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
}

.boxnarrow br {

}

.boxwide a, .boxnarrow a {
	color: #CC0000;
}

.boxwide a:hover, .boxnarrow a:hover {
	color: #EFB10D;
}

.searchbox {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	letter-spacing: -0.05em;
	text-align: center;
	width: 212px;
	border: 1px solid #333;
	color: #666;
	padding: 2px 5px;
	margin: 0px;
}

#property_rotator {
	display: block;
	width: 478px;
	height: 358px;
	overflow: hidden;
	border: 0px;
}

#property_rotator, .property_images {
	background-position: center center; 
	background-repeat: no-repeat; 
	width: 478px; 
	height: 358px; 
	border: 1px solid #333;
}


#feature_rotator, #feature_rotator .feature {
	display: block;
	width: 400px;
	height: 225px;
	overflow: hidden;
}

#feature_rotator .mainimage {
	background-position: center center; 
	background-repeat: no-repeat; 
	width: 238px; 
	height: 178px; 
	border: 1px solid #333;
}

#feature_rotator .subimage {
	background-position: center center; 
	background-repeat: no-repeat; 
	width: 113px; 
	height: 84px; 
	border: 1px solid #333;
}

#featurepager a, #paging a {
	width: 26px;
	height: 22px;
	color: #CCC;
	background-image: url(/img/pager_normal.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
}

.view_images {
	background-position: center center; 
	background-repeat: no-repeat; 
	width: 200px; 
	height: 150px; 
	border: 1px solid #333;
}

#paging span {
	/*width: 26px;
	height: 22px;*/
	color: #CCC;
	display: block;
	float: left;
}

#featurepager a.activeSlide, #paging span.current { 
	width: 26px;
	height: 22px;
	color: #EFB10D;
	background-image: url(/img/pager_highlight.jpg);
	background-repeat: no-repeat;
}

#featurepager a:focus,  #paging a:focus { 
	outline: none; 
}

#paging .directional {
	background-image: none;
	width: 14px;
}

#openhouses {
	height: 263px;
	overflow: auto;
}

#rentals {
	height: 203px;
	overflow: auto;
}

#openhouses a, #rentals a {
	display: block;
	height: 33px;
	overflow: hidden;
	background-image: url(/img/icon_openhouse_normal.gif);
	background-repeat: no-repeat;
	background-position: center right;
	margin: 3px 3px 0px 0px;
	font-size: 11px;
}

#openhouses a:hover, #rentals a:hover {
	background-image: url(/img/icon_openhouse_highlight.gif);
}

#openhouses .datetime {
	/* background-color: #666; */
	color: black;
	font-size: 10px;
	clear: both;
	padding: 0px 4px 0px 4px;
	margin: 0px 0px 3px 0px;
	border-bottom: 1px solid #333;
}


.aotmpic {
	background-position: center top; 
	background-repeat: no-repeat; 
	width: 118px;
	height: 148px;
}

.agent {
	width: 304px;
	height: 184px;
	padding: 5px;
	border: 1px solid #333;
	background-color: #CCC;
	margin-bottom: 10px;
	overflow: hidden;
}

.agent .agentbio {
	width: 170px;
	height: 130px;
	overflow: auto;
	font-size: 11px;
	padding: 4px 3px;
	margin-top: 5px;
	background-color: #DEDEDE;
}

.propertylist {
	
}

.propertylist td, .propertylist th {
	border-bottom: 1px solid #999;
}

.propertylisting {
	width: 304px;
	padding: 5px;
	border: 1px solid #333;
	background-color: #CCC;
	margin-bottom: 10px;
}

.rentallisting {
	width: 286px;
	padding: 5px;
	border: 1px solid #333;
	background-color: #CCC;
	margin-bottom: 10px;
}

.award {
	float: left;
	display: inline;
}


/***** QUERY DEBUG CODE *****/

table.cake-sql-log {
	width: 940px;
	font-size: 10px;
	border: 1px solid #333;
	background-color: #CCC;
	margin: 10px auto;
	clear: both;
}

table.cake-sql-log td, table.cake-sql-log th {
	border-bottom: 1px solid #666;
	padding: 3px;
}

table.cake-sql-log caption {
	color: #CCC;
	border: 1px solid #333;
	background-color: #660000;
}

table.cake-sql-log caption:before {
	content: "DATABASE DEBUG: ";
}