@charset "utf-8";
/* CSS Document */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Karla', sans-serif;
}
h1, h1 a {
	color: #000;
	font-size: 22px;
	line-height: 150%;
}
h2, h2 a {
	color: #000;
	font-size: 18px;
	line-height: 150%;
}
h3, h3 a {
	color: #000;
	font-size: 12px;
	line-height: 150%;
}
p {
	margin: 0px 0px 15px 0px;
}
p, div, span, a {
	color: #5c5c5c;
	font-size: 12px;
	line-height: 150%;
	font-family: 'Karla', sans-serif;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ul li {
	list-style: none;
}

/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

html {
	background: #FFF url(../images/layout/html_bg.jpg) repeat-x;
}
#main {
	width: 980px;
	min-height: 100%; /* Sticky footer */
	height: auto !important; /* Sticky footer */
	height: 100%; /* Sticky footer */
	margin: 0 auto; /* Sticky footer: the bottom margin is the negative value of the footer's height */
}
/* Use in lieu of excess markup. */

/* GENERIC CLASSES */

karla {
	font-family: 'Karla', sans-serif;
}
.white {
	color: #FFF;
}
.blue_green {
	color: #65818f;
}
.inherit {
	color: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-decoration: inherit;
}
.blue_btn {
	width: 91px;
	height: 24px;
	display: inline-block;
	color: #65818f;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	background: url(../images/layout/blue_btn_bg.png) no-repeat;
}
#blue_btn_search {
	width: 102px;
	height: 32px;
	display: block;
	color: #65818f;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	margin: 28px 0 0 0;
	background: url(../images/layout/blue_btn_search_bg.png) no-repeat;
}
.horz_steps {
	height: 2px;
	background: url(../images/layout/horizontal_steps.png) repeat-x;
}
.vert_steps {
	padding-right: 12px;
	background: url(../images/layout/vertical_steps.png) top right repeat-y;
}
.ten_twenty_left {
	margin: 0 10px 0 20px;
}
.ten_twenty_right {
	margin: 0 20px 0 10px;
}

/* HEADER */


#header {
	height: 265px;
}
#main_nav {
	width: 100%;
}
#main_nav .center_width {
}
a#logo {
	float: left;
	width: 276px;
	height: 84px;
	display: block;
	overflow: hidden;
	margin: 40px 0 0 50px;
	text-indent: -9999em;
	background: url(../images/layout/logo.png) no-repeat;
}
.relative {
	z-index: 5000;
}
#realtor_box {
	float: right;
	text-align: right;
	margin: 65px 60px 0 0;
}
#realtor_box a:hover {
	text-decoration: underline;
}
#realtor_box a#realtor_btn {
	color: #FFF;
	width: 342px;
	height: 39px;
	display: block;
	font-size: 16px;
	overflow: hidden;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	background: url(../images/layout/realtor_btn_bg.png) no-repeat;
}

#search_banner {
	width: 970px;
	height: 88px;
	margin: 0 auto;
	background: url(../images/layout/header_banner_bg.png) no-repeat;
}
#search_banner_inner {
	margin: 0 60px;
}
#search_banner_inner span {
	float: left;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 88px;
	margin: 0 10px 0 20px;
}
#search_banner_inner span#pipe {
	width: 4px;
	height: 41px;
	display: block;
	margin: 24px 20px 0;
	background: url(../images/layout/search_spacer.png) no-repeat;
}
/* CONTENT */

.listing {
	width: 220px;
	min-height: 528px;
	background: #FFF;
	-webkit-box-shadow:  0px 0px 4px 2px rgba(0, 0, 0, .2);
    box-shadow:  0px 0px 4px 2px rgba(0, 0, 0, .2);
}
.listing_inner {
	margin: 0 10px;
	padding: 10px 0;
}


/* listing table */

.listing_info {}
.listing_info ul {
	margin: 0;
}
.listing_info ul li {
	list-style: none;
}
.listing_info p.price {
	margin: 0;
	color: #7897a6;
	font-size: 16px;
}
.realtor_pic {
	width: 70px;
	background: #e8f9ff;
	-webkit-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, .2);
    box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, .2);
}
.realtor_pic img {
	display: block;
	margin: 0 auto;
}

.realtor_pic_large {
	width: 90px;
	background: #e8f9ff;
	-webkit-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, .2);
    box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, .2);
}
.realtor_pic_large img {
	display: block;
	margin: 0 auto;
}

.listing_blurb {}
.listing_blurb p.realtor_name {
	margin: 0;
	color: #7897a6;
	font-size: 16px;
}

#details_box {
	width: 960px;
	min-height: 495px;
	background: #FFF;
	margin: 0 auto;
	-webkit-box-shadow:  0px 0px 4px 2px rgba(0, 0, 0, .2);
    box-shadow:  0px 0px 4px 2px rgba(0, 0, 0, .2);
}
#details_left {
	float: left;
	width: 270px;
	height: 100%;
}
#details_right {
	float: right;
	width: 630px;
	height: 100%;
}
ul.listing_details {
	margin: 0;
}
ul.listing_details li {
	list-style: none;
	font-size: 14px;
}
ul.listing_details li strong {
	color: #65818f;
}

/* FOOTER */


#footer {
	width: 970px;
	height: 214px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/layout/footer_banner_bg.png) no-repeat;
}
a#previous_btn {
	width: 26px;
	height: 39px;
	display: block;
	background: url(../images/layout/footer_previous_arrow.png) no-repeat;
}
a#next_btn {
	width: 26px;
	height: 39px;
	display: block;
	background: url(../images/layout/footer_next_arrow.png) no-repeat;
}
#footer_inner {
	width: 754px;
	height: 139px;
	margin: 0 auto;
	background: url(../images/layout/footer_banner_inner_bg.png) no-repeat;
}
.content_inner {
	margin: 0 20px;
	background: #FFF;
}
.slide_spacer {
	float: left;
	width: 12px;
	height: 110px;
	margin: 6px 4px 0;
	background: url(../images/layout/footer_spacer.png) no-repeat;
}

/* P7 */

.p7menubar {
	float: left;
	margin: 28px 0 0 0;
}
.p7menubar a {
	display: block;
}
.p7menubar a.trigger {}
.p7menubar li {
	float: left;
	width: 9em;
	list-style-type: none;
	margin: 0;
}
.p7menubar li {
	position: relative;
}
/* hide from IE mac \*/
    .p7menubar li {
	position: static;
	width: auto;
}
/* end hiding from IE5 mac */
.p7menubar li ul, .p7menubar ul li {
	width: 100%;
}
.p7menubar li ul {
	position: absolute;
	display: none;
	margin: 0;
}
.p7menubar li:hover a, .p7menubar a:focus, .p7menubar a:active, .p7menubar li.p7hvr a {
}
.p7menubar li:hover ul, .p7menubar li.p7hvr ul {
	display: block;
}
.p7menubar li:hover a, .p7menubar a:focus, .p7menubar a:active, .p7menubar li.p7hvr a {
}
.p7menubar li:hover a, .p7menubar a:focus, .p7menubar a:active, .p7menubar li.p7hvr a {
}
/* Set styles below */

.p7menubar a {
	width: 168px;
	height: 32px;
	color: #65818f;
	line-height: 28px;
	font-size: 14px;
	padding: 0 10px;
	background: url(../images/layout/p7_bg.png) no-repeat;
	font-family: 'Karla', sans-serif;
}
.p7menubar a:hover {
	text-decoration: none;
}
.p7menubar li ul {
	width: 168px;
}
.p7menubar li ul li a {
	font-weight: normal;
	background: #FFF none;
}
.p7menubar li ul li a:hover {}
/* drop over code */

.p7menubar li:hover ul li ul, .p7menubar li.p7hvr ul li ul {
	position: absolute;
	display: none;
	margin: 0px;
	margin-left: 200px;
	margin-top: -20px;
}
.p7menubar li:hover ul li:hover ul, .p7menubar li.p7hvr ul li:hover ul {
	display: block;
	border: 1px solid #FFFFFF;
}


/* P8 */

.p8menubar {
	float: left;
	margin: 28px 0 0 0;
}
.p8menubar a {
	display: block;
}
.p8menubar a.trigger {}
.p8menubar li {
	float: left;
	width: 9em;
	list-style-type: none;
	margin: 0;
}
.p8menubar li {
	position: relative;
}
/* hide from IE mac \*/
    .p8menubar li {
	position: static;
	width: auto;
}
/* end hiding from IE5 mac */
.p8menubar li ul, .p8menubar ul li {
	width: 100%;
}
.p8menubar li ul {
	position: absolute;
	display: none;
	margin: 0;
}
.p8menubar li:hover a, .p8menubar a:focus, .p8menubar a:active, .p8menubar li.p8hvr a {
}
.p8menubar li:hover ul, .p8menubar li.p8hvr ul {
	display: block;
}
.p8menubar li:hover a, .p8menubar a:focus, .p8menubar a:active, .p8menubar li.p8hvr a {
}
.p8menubar li:hover a, .p8menubar a:focus, .p8menubar a:active, .p8menubar li.p8hvr a {
}
/* Set styles below */

.p8menubar a {
	width: 77px;
	height: 32px;
	color: #65818f;
	line-height: 28px;
	font-size: 14px;
	padding: 0 10px;
	background: url(../images/layout/p8_bg.png) no-repeat;
	font-family: 'Karla', sans-serif;
}
.p8menubar a:hover {
	text-decoration: none;
}
.p8menubar li ul {
	width: 77px;
}
.p8menubar li ul li a {
	font-weight: normal;
	background: #FFF none;
}
.p8menubar li ul li a:hover {}
/* drop over code */

.p8menubar li:hover ul li ul, .p8menubar li.p8hvr ul li ul {
	position: absolute;
	display: none;
	margin: 0px;
	margin-left: 200px;
	margin-top: -20px;
}
.p8menubar li:hover ul li:hover ul, .p8menubar li.p8hvr ul li:hover ul {
	display: block;
	border: 1px solid #FFFFFF;
}

.item:hover {
	background-color: #ccc;			
}

/* dashboard house list table */
#list {
	border: solid 1px #CCC;	
	width: 920px;
}

#head th {
	background-color: #CCC;	
}

.drow td {
	border-bottom: solid 1px #ccc;
}

.drow:last-childe td {
	border-bottom: none; 	
}