/*
Theme Name: Steele Consulting Group
Theme URI: http://www.arrangingpixels.com
Description: Custom theme created by Arranging Pixels for Steele Consulting Group.
Version: 1.0
Author: Arranging Pixels LLC
Author URI: http://www.arrangingpixels.com/
Tags: custom theme

*/

/* 
   ---------- SITE-WIDE STYLES ---------- 
   --------------------------------------
   --------------------------------------
*/

* {
	margin: 0;
	padding: 0;
	outline: none;
}
img { border: none; }
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Trebuchet MS", Segoe UI, Arial, sans-serif;
	background: #030303;
	color: #4b4b4b;
}
a{ color: #316589; }


.alignleft { float: left; margin: 0 12px 12px 0; }
.alignright { float: right; margin: 0 0 12px 12px; }

#pagetitle {
	font-size: 300%;
	float: left;
	color: #fff;
	text-transform: uppercase;
}

#content h1.thetitle, #content h1.listingtitle {
	font-weight: normal;
	font-size: 220%;
	letter-spacing: -.02em;
	color: #5b829f;
	background: url('images/back-h1.jpg') no-repeat 0 bottom;
	padding: 0 0 14px 0;
	margin: 0 0 12px 0;
}

h2#logo {
	display: block;
	text-indent: -9999px;
	width: 128px;
	height: 170px;
	background: url('images/logo.png') no-repeat 0 0;
	position: absolute;
	top: 3px;
	margin: 0 0 0 -18px;
	z-index: 9999;
}
h2#logo a {
	display: block;
	text-indent: -9999px;
	width: 128px;
	height: 170px;
}
h2 {
	color: #ffffff;
}
h2 a {
	color: #ffffff;
	text-decoration: none;
}
h2.title {
	font-size: 250%;
}
h2#phone {
	width: 143px;
	height: 47px;
	position: absolute;
	margin: 41px 0 0 817px;
	padding: 0;
	background: url('images/phone.png') no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
#slogan {
	font-style: italic;
	font-size: 110%;
	position: absolute;
	margin: 116px 0 0 124px;
	color: #5b809d;
}
.page h2, .page h3, .page h4 {
	color: #333;
	font-weight: normal;
}
.page h2 {
	margin: 0 0 12px 0;	
}
.page h3 {
	color: #5b829f;
}
.page img {
	padding: 4px;
	background: #fff;
	border: 1px solid #eaeaea;
}


p {
	margin: 2px 0 12px;
}
.wrap {
	width: 960px;
	height: 100%;
	margin: 0 auto;	
}
#top {
	height: 100px;
	overflow: hidden;
	clear: both;
	background: url('images/back-header.jpg') repeat-x 0 0;
	border-bottom: 4px solid #ffffff;
	font-size: 120%;
}

#siteback {
	overflow: hidden;
	background: #030303 url('images/back-city.jpg') no-repeat center -100px;
}

#middle {
	height: 80px;
	overflow: hidden;
	clear: both;
	/*background: url('images/back-skyline.jpg') repeat-x center bottom; */
}
#middle #fblike {
	float: right;
	width: 80px;
	padding: 26px 0 0;
}
#middle #weather {
	float: right;
	text-align: right;
	padding: 10px 0 0 0;
	color: #668eaa;
	font-size: 110%;
	text-transform: uppercase;
}
#middle #weather ul {
	overflow: hidden;
	list-style: none;
}
#middle #weather ul li {
	float: left;
	width: 75px;
}
#middle #weather .currenttemp {
	font-size: 200%;
}
#middle span.currdate {
	font-weight: bold;
}
#site {
	overflow: hidden;
	clear: both;
	font-size: 120%;
	padding: 0;
}
#site .wrap {
	width: 960px;
	min-height: 700px;
}
#header {
	
}
#top #toplinks {
	position: absolute;
	height: 24px;
	width: 258px;
	overflow: hidden;
	margin: 0 0 0 709px;
}
#top #toplinks a#livechat {
	display: block;
	float: left;
	width: 86px;
	height: 222px;
	text-indent: -9999px;
	background: url('images/livechat.jpg') no-repeat 0 0;
	margin: 0 8px 0 0;
	opacity: .8;
}
#top #toplinks a#facebook {
	display: block;
	float: left;
	width: 129px;
	height: 24px;
	text-indent: -9999px;
	background: url('images/facebook.png') no-repeat 0 -48px;
}
#top #toplinks img#chatbadge {
	position: absolute;
	margin: 6px 0 0 -152px;
}
#top ul.nav {
	overflow: hidden;
	width: 850px;
	padding: 25px 0 0 110px;
	font-weight: bold;
	list-style: none;
}
#top ul.nav li {
	float: left;
	height: 75px;
	background: url('images/nav-states.png') no-repeat 0 -225px
}
#top ul.nav li.first {
	background: url('images/nav-states.png') no-repeat right -150px
}
#top ul.nav li:hover {
	background: url('images/nav-states.png') repeat-x 0 0;
}
#top ul.nav li a {
	display: block;
	height: 27px;
	padding: 48px 10px 0;
	color: #ffffff;
	background: url('images/nav-states.png') no-repeat right -150px;
	text-transform: uppercase;
	text-decoration: none;
}
#top ul.nav li.social { display: none; }
#home #top ul.nav a.homelink,
#dev #top ul.nav a.devlink,
#devs #top ul.nav a.devlink,
#blog #top ul.nav a.bloglink,
#services #top ul.nav a.servicelink,
#prop-search #top ul.nav a.searchlink,
#listings #top ul.nav a.listingslink,
#about #top ul.nav a.aboutlink {
	color: #3f6988;
	background: url('images/nav-states.png') repeat-x 0 -75px;
}
#devs #top ul.nav li.drop a:hover, #devs #top ul.nav li.drop:hover a, #dev #top ul.nav li.drop:hover a {
	color: #fff;
	background: url('images/nav-states.png') repeat-x 0 0;
}
#top ul.nav li.drop div.dropme {
	position: absolute;
	left: -9999px;
	width: 500px;
	padding: 0;
	margin: 0 0 0 -4px;
	border: 3px solid #fff;
	border-top: none;
	background: url('images/back-dropme.png') repeat 0 0;
}
#top ul.nav li.drop:hover div.dropme {
	left: auto;
}
#top ul.nav li.drop ul {
	padding: 12px 0 6px;
	overflow: hidden;
}
#top ul.nav li.drop ul li {
	float: left;
	border: none;
	color: #fff;
	width: 250px;
	padding: 0;
	height: auto;
	background: none;
}
#dev #top ul.nav li.drop:hover ul li a, #devs #top ul.nav li.drop:hover ul li a, #top ul.nav li.drop ul li a {
	padding: 6px 12px;
	height: auto;
	background: url('images/nav-border.png') no-repeat -28px bottom;
	color: #C0DDED;
}
#top ul.nav li.drop:hover ul li a:hover, #devs #top ul.nav li.drop:hover ul li a:hover, #dev #top ul.nav li.drop:hover ul li a:hover {
	background: #43657c;
	color: #ffffff;
}

#content {
	background: #f3f3f3;
	overflow: hidden;
}
#content .wrapme {
	padding: 18px;
	overflow: hidden;
}

#content #left {
	float: left;
	width: 600px;
	padding: 18px 0 18px 18px;
}
.page ul {
	padding-left: 24px;
	padding-bottom: 8px;
}
.page ul li {
	padding: 2px 0 6px;
	line-height: normal;
}
#content #right {
	float: left;
	width: 300px;
	margin: 0 0 0 22px;
}

#nice-side {
	width: 282px;
	padding: 18px 0 0;
	margin: 0 0 0 14px;
	background: url('images/back-side.jpg') repeat-y 0 0;
}
#nice-side .bottom {
	background: url('images/back-side-bottom.jpg') no-repeat 0 bottom;
	height: 80px;
	clear: both;
}

#heading {
	height: 42px;
	padding: 18px 16px 0;
	background: url('images/back-heading.jpg') repeat-x 0 0;
	border-bottom: 3px solid #a6c1d5;
	overflow: hidden;
}
#heading .desc {
	float: right;
	text-align: right;
	color: #c5dbeb;
	font-size: 90%;
}

ul.halflist {
	overflow: hidden;
	padding: 0 0 0 20px;
}
ul.halflist li {
	width: 50%;
	float: left;
}

blockquote {
	padding: 0 30px 0 0;
	color: #8E8E8E;
	font-style: italic;
}

hr { background: #ccc; height: 1px; clear: both; margin: 30px 0; border: none; }

#footer {
	clear: both;
	padding: 14px 0 40px;
	overflow: hidden;
}
#footer ul.nav {
	list-style: none;
}
#footer ul.nav li {
	float: left;
}
#footer ul.nav li.social { float: right; }
#footer ul.nav li a {
	padding: 4px 12px;
	color: #787878;
	font-size: 85%;
	text-decoration: none;
	text-transform: uppercase;
}
#footer ul.nav li a:hover {
	color: #fff;
}
#footer ul.nav li.drop ul {
	display: none;
}
#footer #credits {
	width: 500px;
	float: left;
	color: #454545;
	padding: 20px 0 0 16px;
	line-height: 200%;
}
#footer #arrangingpixels {
	width: 257px;
	float: right;
	padding: 22px 0 0 0;
}
#footer #arrangingpixels #ap {
	display: block;
	width: 257px;
	height: 47px;
	background: url('images/ap.png') no-repeat 0 0;
	text-indent: -9999px;
}


/* 
   ------------ ABOUT STYLES ------------
   --------------------------------------
   --------------------------------------
*/

#about {

}
#about .bio {
	padding: 0 0 45px 0;
}
#about .bio h2, #about .bio h2 a {
	color: #5e86a2;
	font-size: 140%;
	text-transform: uppercase;
	border-bottom: 1px solid #ddd;
}
#about .bio h3 { margin: 0 0 14px; padding: 0; }
#about .bio img {
	width: 130px;
	height: auto;
	float: right;
	padding: 4px;
	margin: -18px 0 0 14px;
	background: #fff;
	border: 1px solid #ccc;
}
#about .bio .info {
	overflow: hidden;
	padding: 6px 0 0 0;
}

.single .info strong {
	font-size: 120%;
}
.single .info img {
	float: right;
	margin: 0 0 14px 14px;
	padding: 6px;
	background: #fff;
	border: 1px solid #ddd;
}

#about #nice-side h3 {
	padding: 0 0 8px 18px;
	text-transform: uppercase;
}
#about #nice-side ul#bios {
	padding-bottom: 30px;
	list-style: none;
}
#about #nice-side ul#bios li {
	
}
#about #nice-side ul#bios a {
	display: block;
	padding: 3px 0 3px 18px;
	border-bottom: 1px solid #f3f3f3;
	text-decoration: none;
}
#about #nice-side ul#bios a:hover {
	background: #5c83a0;
	color: #fff;
}
#about #nice-side #contactinfo {
	color: #5a7f9a;
	font-weight: bold;
	padding: 0 0 0 18px;
}
#about #nice-side #contactinfo p {
	padding: 8px 0 28px 0;
	line-height: 140%;
}

#nice-side #side-contact {
	padding: 14px 12px 14px 0;	
}
#side-contact table {
	margin: 0 12px 0 18px;	
}
#side-contact th {
	text-transform: uppercase;
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	color: #5e86a2;
}
#side-contact input, #side-contact textarea  {
	width: 98%;
	margin: 0 0 6px;
	padding: 2px;
	background: #f8f8f8;
	border: 1px solid #eaeaea;
	font-family: "Segoe UI", Arial, sans-serif;
}
#side-contact input#scgemail {
	width: 90%;	
}
#side-contact #sidesend {
	border: none;
	padding: 0;
	width: 250px;
	height: 25px;
}



/* 
   ------------- BLOG STYLES ------------
   --------------------------------------
   --------------------------------------
*/
#blog #content, #dev #content, #dev-splash #content, #devs #content {
	background: none;
}
#blog, #dev, #dev-splash {
	color: #cccccc;
}
#blog a { color: #6C9AB4; }
#blog a:visited { color: #B2B2B2; }
#blog a:hover { color: #fff; }
#blog #siteback {
	background-position: center -64px;
}
#blog #site .wrap {
	width: 920px;
	min-height: 700px;
}
#blog #middle { height: 200px; }
#blog #middle .wrap {
	background: url('images/back-blog.png') no-repeat 18px bottom;
}
#blog #middle #blinky {
	width: 980px;
	height: 60px;
	position: absolute;
	left: 50%;
	margin: 125px 0 0 -505px;
}
#blog #middle #blinky #blinkme-on {
	background: url('images/blink.png') no-repeat 0 0;
	height: 60px;
	width: 980px;
}
#blog #middle #blinky #blinkme-off {
	background: url('images/blink-off.png') no-repeat 0 0;
	height: 60px;
	width: 980px;
}
#blog .narrowcolumn {
	width: 600px;
	float: left;
	margin: 0 34px 0 0;
}
#blog .post {
	padding: 0 0 18px;
	border-bottom: 6px solid #2c475a;
	margin: 0 0 18px 0;
}
#blog .post .wrapper {
	background: url('images/back-trans.png') repeat 0 0;
	padding: 28px 28px 18px 28px;
	margin: 0;
	opacity: 1;
}
#blog .post p {
	margin: 0 0 16px 0;
}
#blog .post ul, #blog .post ol {
	padding: 0 0 18px 24px;	
}

#blog #sidebar {
	width: 200px;
	float: left;
	padding: 18px 18px 0;
	background: url('images/back-sidebar.png') repeat 0 0;
}
#blog #sidebar ul {
	list-style: none;
}
#blog #sidebar ul li {
	padding: 0 0 22px 0;
}
#blog #sidebar ul li ul {

}
#blog #sidebar ul li ul li {
	padding: 0;
}
#blog #sidebar a {
	color: #6c9ab4;
}

#respond h3 {
	font-size: 150%;
}

#commentform {
	padding: 10px 0 30px;
}
#commentform input, #commentform textarea {
	margin: 4px 0;
	padding: 2px;
	background: #222;
	color: #fff;
	font: normal 110% Segoe UI, Arial, Helvetica, sans-serif;
	border: 1px solid #333;
}
#commentform textarea {
	width: 550px;
}

#blog .archivewrap h3 a {
	text-decoration: none;
	font-size: 160%;
}

/* 
   -------- CONTACT PAGE STYLES --------- 
   --------------------------------------
   --------------------------------------
*/

#contact {

}

/* 
   ---------- DEVELOPMENT SPLASH PAGE STYLES ---------- 
   ----------------------------------------------------
   ----------------------------------------------------
*/
#devs #site {
	padding: 0;
}
#devs #middle, #dev #middle {
	height: 160px;
	overflow: hidden;
	clear: both;
	background: url('images/back-skyline.jpg') repeat-x center bottom;
}
#devs #middle .wrap, #dev #middle .wrap {
	background: url('images/back-devs.png') no-repeat 18px 90px;
}
#devs #middle #blinky, #dev #middle #blinky {
	margin: 85px 0 0 -505px;
}
#devs #content {
	width: 920px;
	background: url('images/back-trans.png') repeat 0 0;
}

#devs .post {
	clear: both;
	overflow: hidden;
	padding: 20px 0;
	border-bottom: 3px solid #202930;
}
#devs .soldoverlay {
	display: block;
	width: 932px;
	height: 170px;
	position: absolute;
	background: transparent url('images/sold-overlay.png') no-repeat center center;
	margin: -20px 0 0;
	z-index: 9;
}
#devs .post h2 {
	font-size: 200%;
}
#devs .post .entry {
	width: 440px;
	padding: 0 20px 14px 20px;
	float: left;
	color: #999;
}
#devs .devthumb {
	width: 182px;
	float: left;
	margin: 0;
	padding: 0 0 0 30px;
}
#devs .devthumb img {
	border: 6px solid #ffffff;
}

#devs .post a.more-link {
	display: none;
}
#devs .post .showmore {
	float: right;
	width: 200px;
	height: 45px;
	padding: 40px 0 0 0;
}
#devs .post a#showmore {
	display: block;
	width: 199px;
	height: 45px;
	background: url('images/showmore.png') no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	margin-left: 12px;
}

/* 
   ---------- DEVELOPMENT PAGE STYLES ---------- 
   ---------------------------------------------
   ---------------------------------------------
*/
#dev #site {
	padding: 0;
}
#dev #content {
	width: 880px;
	padding: 20px;
	background: url('images/back-trans.png') repeat 0 0;
	overflow: hidden;
	min-height: 800px;
}
#dev h2.title {
	color: #dff2ff;
	font-size: 340%;
}
#dev .entry {
	width: 562px;
	float: left;
	font-size: 110%;
}
#dev .entry p {
	line-height: 150%;
	margin: 0 0 16px 0;
}
#dev #slideshow {
	width: 546px;
	height: 368px;
	background: #242424;
	padding: 8px;
	margin: 0 0 18px 0;
}
#dev #slideshow a#prev, #dev #slideshow a#next {
	display: block;
	width: 47px;
	height: 90px;
	text-indent: -9999px;
	position: absolute;
	margin: 132px 0 0 0;
	z-index: 999;
	opacity: .85;
}
#dev #slideshow a#prev:hover, #dev #slideshow a#next:hover {
	opacity: 1.0;
}
#dev #slideshow a#prev {
	background: url('images/slide-arrows.png') no-repeat 0 0;
}
#dev #slideshow a#next {
	background: url('images/slide-arrows.png') no-repeat -47px 0;
	margin-left: 499px;
}
#dev #slideshow .imgholder {
	position: absolute;
	overflow: hidden;
	width: 546px;
	height: 368px;
	background: #fff;
}
#dev #slideshow .imgholder img {
	position: absolute;
	width: 546px;
	height: auto;
}
#dev #sidewrap {
	float: right;
	width: 300px;
	padding: 0;
}
#dev #sidebar {
	width: 256px;
	padding: 10px 22px 22px;
	background: url('images/back-devside.png') no-repeat 0 0;
	position: absolute;
	margin: 0 0 0 31px;
	color: #dff2ff;
	line-height: 120%;
}
#dev #sidebar h3 {
	font-size: 140%;
	border-bottom: 1px solid #dff2ff;
	margin: 22px 0 12px;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: -.02em;
}
#dev #sidebar a { 
	color: #b0d9f9;
	text-decoration: none;
}
#dev #sidebar a:hover {
	color: #fff;
	text-decoration: underline;
}
#dev #catlist {
	position: absolute;
	padding: 40px 0 0 0;
	list-style: none;
}
#dev #catlist h3 {
	border: none;
	padding: 0;
	margin: 8px 0 0 0;
	text-transform: uppercase;
	font-size: 150%;
	color: #dff2ff;
}
#dev #catlist ul { list-style: none; }
#dev #catlist ul li {
	padding: 4px 0;
}
#dev #catlist a {
	color: #649ECE;
}
#dev #catlist a:hover {
	color: #fff;
}


/* 
   ---------- HOME PAGE STYLES ---------- 
   --------------------------------------
   --------------------------------------
*/

#home {

}
#home #focus {
	height: 300px;
	background: #6d94af url('images/index-focus-back.jpg') repeat-x 0 0;
	padding: 10px;
	overflow: hidden;
}
#home #focus #home-search {
	width: 550px;
	height: 300px;
	background: url('images/index-search.jpg') no-repeat 0 0;
	float: left;
}
#home-search a {
	color: #d3edff;
}
#home-search a:hover {
	color: #fff;
}
#home-search h2 {
	width: 278px;
	height: 75px;
	background: url('images/index-search-h2.png') no-repeat 14px 18px;
	text-indent: -9999px;
	padding: 18px 0 0 14px;
}

/*
#home-search label {
	width: 140px;
	float: left;
	padding: 0 10px 5px 0;
	color: #d3edff;
	font-size: 80%;
}
#home-search select, #home-search input {
	clear: both;
	padding: 2px;
	color: #316589;
	font: normal 110% "Segoe UI", Arial, sans-serif;
}
#home-search #searchnow {
	padding: 0;
	margin: 8px 0 14px 0;
}
#home-search a.mapsearch {
	font-size: 85%;
}
#home-search a#commercial {
	position: absolute;
	display: block;
	width: 220px;
	height: 25px;
	margin: -15px 0 0 270px;
	text-indent: -9999px;
}
*/
#home-search ul { list-style: none; padding: 11px 0 0 0; }
#home-search ul li:hover { background: url('images/home-search-hover.png') repeat-y 0 0; }
#home-search a {
	display: block;
	height: 25px;
	background: url('images/home-search-links.png') no-repeat 0 8px;
	text-indent: -9999px;
	margin: 0;
}
#home-search a#detachedlink { background-position: 14px 5px; }
#home-search a#singlelink { background-position: 14px -20px; margin: 1px 0 0 0; }
#home-search a#investlink { background-position: 14px -45px; margin: 1px 0 0 0; height: 24px; }
#home-search a#rentallink { background-position: 14px -71px; margin: 1px 0 0 0; }
#home-search a#commercelink { background-position: 14px -96px; margin: 0 0 1px 0; }
#home-search a#landlink { background-position: 14px -121px; height: 24px; margin: 0 0 1px; }
#home-search a#reolink { background-position: 14px -146px; height: 26px; }

#home #focus #home-featured {
	width: 387px;
	height: 300px;
	float: left;
	background: #fff;
	overflow: hidden;
	border-left: 3px solid #ededed;
}
#home #focus #home-featured .props {
	height: 88px;
	padding: 10px 10px 0 10px;
	background: url('images/index-featured-back.jpg') no-repeat right bottom;
	border-bottom: solid 3px #ededed;
	color: #3f3f3f;
	font-size: 90%;
	overflow: hidden;
}

#home-featured .props a {
	text-decoration: none;
}
#home-featured .props a.listlink {
	display: block;
	position: absolute;
	height: 98px;
	width: 387px;
	margin: -10px 0 0 -10px;
	text-indent: -9999px;
	opacity: .7;
	background: url('images/empty.png') no-repeat 0 0;
}
#home-featured .props a.New { background: url('images/status-new.png') no-repeat 0 0; }
#home-featured .props a.UnderContract { background: url('images/status-contract.png') no-repeat 0 0; }
#home-featured .props a.Sold { background: url('images/status-sold.jpg') no-repeat 0 0; opacity: .5; }
#home-featured .props a.PriceChange { background: url('images/status-reduced.png') no-repeat 0 0; }
#home-featured .props a p {
	color: #4b4b4b;
}
#home-featured .props p {
	margin-bottom: 4px;
}
#home-featured .props img {
	width: 108px;
	height: 74px;
	float: left;
	padding: 4px;
	margin: 0 10px 0 0;
	background: #fff;
	border-right: solid 1px #eaeaea;
	border-bottom: solid 2px #eaeaea;
}
#home #focus #home-featured .open {
	background: #fff url('images/status-open1.jpg') no-repeat right bottom;
}
#home-featured h3 {
	font: bold 170% "Trebuchet MS", "Segoe UI", Arial, sans-serif;
	color: #316589;
	letter-spacing: -.02em;
	
}
#home-featured h3 .lighter {
	font-weight: normal;
	font-size: 80%;
}
#home-featured a.showmore {
	
}

#home #level2 #area {

}
#home #area ul {
	list-style: none;
}
#home #area ul li {
	float: left;
	width: 142px;
	margin: 1px 2px 1px 0;
}
#home #area ul li a {
	display: block;
	font-size: 90%;
	text-decoration: none;
	background: #dadee0;
	padding: 3px 6px;
}
#home #area ul li a:hover {
	background: #fff;
	text-decoration: underline;
}


#home #level2 {
	background: url('images/index-level2-back.jpg') no-repeat 0 0;
	overflow: hidden;
}
#home #level2 .mainbox {
	width: 288px;
	float: left;
	padding: 16px;
}
#home #level2 h3 {
	color: #2c5979;
	font-size: 250%;
	padding: 6px 0 18px;
}

#home #level2 #news h4 {
	color: #2c5979;
	font-size: 180%;
	font-weight: normal;
}
#home #level2 #news h4 a {
	text-decoration: none;
}
#home #level2 #news h4 a:hover {
	text-decoration: underline;
}
#home #news .lighter {
	text-transform: uppercase;
	color: #5c84a1;
	font-size: 85%;
	letter-spacing: .2em;
}
#home #news .entry {
	padding: 10px 0 0;
}
#home #news .entry p {
	margin: 0 0 14px;
}
#home #news img { width: 275px; height: auto; }
a.readmore {
	display: block;
	width: 127px;
	height: 25px;
	text-indent: -9999px;
	background: url('images/readmore.jpg') no-repeat 0 0;
}



#home #level2 #featured-dev {
	color: #fff;
}
#home #level2 #featured-dev a {
	color: #b5e1fe;
}
#home #level2 #featured-dev h3 {
	color: #fff;
	font-size: 210%;
	padding-bottom: 24px;	
}
#home #level2 #featured-dev h4 {
	color: #b5e1fe;
	font-size: 160%;
	font-weight: normal;
	padding: 8px 0 2px;
}
#home #level2 #featured-dev .imghold {
	width: 268px;
	height: 136px;
	border: 6px solid #fff;
	overflow: hidden;
}
#home #level2 #featured-dev .imghold img {
	width: 268px;
	height: auto;
}
#home #level2 #featured-dev p {
	line-height: 130%;
	padding: 0 0 8px;
}
#home #level2 #featured-dev h4 a {
	color: #b5e1fe;
	text-decoration: none;
}
#home #level2 #featured-dev h4 a:hover {
	text-decoration: underline;
}
#home #level2 a.checkout {
	display: block;
	text-indent: -9999px;
	width: 145px;
	height: 25px;
	background: url('images/checkitout.jpg') no-repeat 0 0;
}



#home #level3 {
	background: #f2f2f2 url('images/index-level3-back.jpg') no-repeat 0 0;
	overflow: hidden;
}
#home #level3 .mainbox {
	width: 288px;
	float: left;
	padding: 16px 16px 20px;
}
#home #level3 h4 {
	color: #2c5979;
	font-size: 180%;
	padding: 14px 0 18px;
}
#home #level3 h4 a { text-decoration: none; color: #2c5979; }
#home #level3 #calc input {
	padding: 2px;
	margin: 0 0 8px;
}
#home #level3 #calc label {
	padding: 0;
}
#home #testimonial p {
	margin: 0 0 14px;
}
#home #testimonial .name {
	font-weight: bold;
	text-align: right;
	font-style: italic;
	color: #2c5979;
	font-size: 130%;
	letter-spacing: -.01em;
}
#home #testimonial .name .title {
	font-size: 70%;
	letter-spacing: normal;
	color: #666;
}
#home #partners img {
	padding: 4px;
	background: #fff;
	border: 2px solid #ddd;
	border-top: none;
	border-left: none;
	max-width: 276px;
	height: auto;
}

/* 
   --------- LISTING PAGE STYLES -------- 
   --------------------------------------
   --------------------------------------
*/

#listings .wrapme {
	padding: 15px 0 22px 15px;
}

#listings h3 {
	text-transform: uppercase;
	font-size: 170%;
	padding: 24px 0 10px;
	color: #316589;
}
#listings h3 .subhead {
	text-transform: none;
	font-size: 60%;
	font-weight: normal;
}

#listings ul#sortme {
	font-size: 110%;
	background: #fff;
	border: 3px solid #d5dfe7;
	overflow: hidden;
	margin: 0 14px 0 0;
	list-style: none;
}
#listings ul#sortme li {
	float: left;
	padding: 4px 14px;
	border-right: 1px solid #e6edf2;
}
#listings ul#sortme li a {
	text-decoration: none;
}
#listings ul#sortme li a:hover {
	text-decoration: underline;
}

#listings .listing {
	width: 276px;
	height: 84px;
	padding: 10px 8px 10px 10px;
	border: 3px solid #e2e8ec;
	background: #fff;
	float: left;
	margin: 0 15px 15px 0;
	color: #5e86a2;
}
#listings .listing.open {
	background: #fff url('images/status-open1.jpg') no-repeat 0 bottom;
}
#listings .listing a {
	text-decoration: none;
	color: #5e86a2;
}
#listings .listing a:hover {
	text-decoration: underline;
}
#listings .listing .imghold {
	float: left;
	margin: 0 10px 0 0;
	padding: 3px;
	background: #fff;
	width: 90px;
	border: 1px solid #ccc;
	max-height: 74px;
	overflow: hidden;
}
#listings .listing .imghold img {
	width: 90px;
	height: auto;
}
#listings .listing .info {
	width: 166px;
	float: left;
	letter-spacing: -.01em;
}
#listings .price {
	font-weight: bold;
	font-size: 125%;
	letter-spacing: -.05em;
}
#listings .listing p {
	color: #696969;
	font-size: 90%;
	line-height: 120%;
	margin: 0;
}
#listings .listing:hover {
	background: #567a95 url('images/back-listinghover.jpg') no-repeat right bottom;
	color: #fff;
}
#listings .listing:hover a {
	color: #fff;
}
#listings .listing:hover p {
	color: #def2ff;
}
#listings .listing a.listlink {
	display: block;
	position: absolute;
	width: 294px;
	height: 104px;
	margin: -10px 0 0 -10px;
	text-indent: -9999px;
	opacity: .7;
	background: url('images/empty.png') no-repeat 0 0;
}
/*#listings .listing a.Active { background: url('images/status-active.png') no-repeat 0 0; } */
#listings .listing a.New { background: url('images/status-new.png') no-repeat 0 0; }
#listings .listing a.UnderContract { background: url('images/status-contract.png') no-repeat 0 0; }
#listings .listing a.Sold { background: url('images/status-sold.jpg') no-repeat 0 0; opacity: .5; }
#listings .listing a.PriceChange { background: url('images/status-reduced.png') no-repeat 0 0; }




#listings h1.listingtitle { margin-bottom: 0; }
#listings h3 { clear: both; }
#listings h4#address {
	padding: 0 0 12px 0;
	color: #666;
}
#listings #leftinfo {
	width: 284px;
	float: left;
}
#listings a#brochurelink {
	display: block;
	text-indent: -9999px;
	width: 286px;
	height: 22px;
	background: url('images/brochurelink.jpg') no-repeat 0 0;
}
#listings a#virtualtourlink {
	display: block;
	text-indent: -9999px;
	width: 286px;
	height: 22px;
	background: url('images/virtualtourlink.jpg') no-repeat 0 0;
}
#listings #fsrep-images {
	overflow:hidden;
	width: 268px;
	padding: 8px 8px 4px;
	background: #fff;
	border-left: 1px solid #E8E8E8;
	border-top: 1px solid #E8E8E8;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
}
#listings img#mainimg {
	clear: both;
	float: left;
	width: 254px;
	padding: 6px;
	background: #fff;
	border: 1px solid #e8e8e8;
	margin: 0 0 8px 0;
}
#listings #fsrep-images img.addimg {
	padding: 3px;
	margin: 0 4px 4px 0;
	background: #fff;
	border: 1px solid #e8e8e8;
	float: left;
	width: 55px;
}
#listings #maininfo {
	color: #5b829f;
	font-size: 130%;
	width: 290px;
	float: left;
	padding: 0 0 0 14px;
}
#listings #maininfo ul.moreinfo {
	font-size: 80%;
	color: #666;
	padding: 12px 0 14px 0;
	list-style: none;
}
#listings ul.moreinfo li {
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#listings #maininfo ul.moreinfo li strong {
	display: block;
	float: left;
	width: 130px;
}
#listings #maininfo ul.moreinfo li p {
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
}
#listings #addinfo ul.moreinfo li p {
	float: right;
	width: 480px;
	margin: 0;
	padding: 0;
}
#listings li.soldin {
	color: #990000;
	font-size: 110%;
}
#listings a#roomlink {
	font-size: 90%;
	text-decoration: none;
}
#listings a#roomlink:hover {
	text-decoration: underline;
}
#listings a#roomlink .smallview {
	text-transform: uppercase;
	font-size: 60%;
	letter-spacing: .2em;
	color: #999;
}
#listings #rooms { display: none; }


#listings h2.price { 
	padding: 0;
	margin: 0;
	font-weight: normal;
	color: #5b829f;
	font-size: 160%;
}
#listings h3.bedsbaths {
	font-weight: normal;
	font-size: 100%;
}
#listings #addinfo {
	clear: both;
	padding: 18px 0 0 8px;
}
#listings h3.addinfo {
	color: #5b829f;
	font-size: 140%;
	font-weight: normal;
	border-bottom: 1px solid #eaeaea;
	margin: 0 0 12px 0;
}
#listings h4.contact {
	font-weight: normal;
	font-size: 130%;
	padding: 0 0 0 18px;
}
#listings .openhouse {
	width: 88px;
	background: #c10000;
	overflow: hidden;
	padding: 0 4px 4px;
	text-align: center;
	position: absolute;
	margin: 0 0 0 130px;
}
#listings .openhouse.second { margin-left: 228px; }
#listings .openhouse h3.header {
	color: #fff;
	font-size: 80%;
	letter-spacing: -.02em;
	text-transform: uppercase;
	margin: 0;
	padding: 3px 0;
	
}
#listings .openhouse .datetime {
	background: #d9d9d9 url('images/back-openhouse.jpg') repeat-y 0 0;
	color: #000;
	padding: 6px 0 2px;
}
#listings .openhouse .datetime h4, #listings .openhouse .datetime h5 {
	margin: 0;
	padding: 0;
}
#listings .openhouse .datetime h4.month {
	letter-spacing: .15em;
	text-transform: uppercase;
	font-size: 70%;
}
#listings .openhouse .datetime h4.day {
	font-size: 250%;
	padding: 0 0 -4px;
	margin: 0 0 -5px;
}
#listings .openhouse .datetime h5 {
	font-weight: normal;
	font-size: 80%;
	margin: -3px 0 0 0;
	font-style: italic;
}


/* 
   --------- SERVICES PAGE STYLES ------- 
   --------------------------------------
   --------------------------------------
*/

#services #content #left {
	width: 620px;
}
#services #content #right {
	width: 300px;
	margin: 0 0 0 0;
}
#services ul.category_list li.category_box {
	width: 310px;
	min-height: 140px;
	padding-bottom: 18px;
	float: left;
	list-style: none;
}
#services li.category_box img.previmg {
	background: #fff;
	padding: 4px;
	border: 1px solid #eaeaea;
	float: left;
	width: 70px;
	height: 60px;
	margin: 0 10px 0 0;
}
#services h3.category_title {
	padding: 0 0 6px 0;	
}
#services #left ul.category_posts {
	width: 220px;
	float: left;
	list-style: none;
}
#services #left ul.category_posts li {
	line-height: 110%;
	padding: 0 0 5px 8px;
}
#services #left ul.category_posts a {
	text-decoration: none;	
}
#services #left ul.category_posts a:hover {
	text-decoration: underline;
	color: #222;
}
#services #nice-side {
	font-size: 90%;	
}
#services #nice-side h3 {
	padding: 0 0 6px 18px;	
}
#services #nice-side ul {
	padding: 0 0 14px;
	list-style: none;
}
#services #nice-side ul li {
	
}
#services #nice-side a {
	display: block;
	padding: 2px 0 2px 18px;
	border-bottom: 1px solid #f3f3f3;
	text-decoration: none;
}
#services #nice-side a:hover {
	background: #5c83a0;
	color: #fff;	
}

#tests .textwrap { padding: 16px; }
#tests .test{
	padding: 6px 24px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 18px;
}
#tests .test .name {
	color: #5b829f;
	font-size: 130%;
	text-align: right;
	font-style: normal;
}
#tests .test .name .title {
	font-size: 80%;
	color: #666;
	font-style:italic;
}


#right #testimonial {
	padding: 0 18px;
}
#right #testimonial h4 {
	color: #5b829f;
	font-size: 140%;
	text-transform: uppercase;
}
#right #testimonial .name {
	color: #5b829f;
	font-size: 120%;
	text-align: right;
}
#right #testimonial .name .title {
	font-size: 80%;
	color: #666;
	font-style:italic;
}

#nice-side .thanks {
	padding: 14px 0 0 18px;
}
#nice-side .thanks h3 {
	padding: 0 !important;
	color: #5b829f;
	font-size: 150%;
}





#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}
