@charset "utf-8";
/* Markup by Matthew Rochow */
/* http://www.matthewrochow.com */

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:top}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#00703c;}
a:hover {color:#00703c;}
body {background:#FFF url(../images/bg.png) left top repeat-x;color:#000;font:75%/125% Arial, Sans-Serif}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {margin:0 0 1em}
h1{color:#000;font:2em/28px Georgia, Serif}
h2 {color:#063;font:bold 1.085em Arial, Sans-Serif}

.label {
	font-weight: bold;
}
.greenButton {
  padding: 2px 0px 3px 0px;
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-top-color: #019953;
  border-left-color: #019953;
  border-bottom-color: #024d2a;
  border-right-color: #024d2a;
  background-color: #00703c;
  color: #FFFFFF;
  font-size: 11px;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  text-align: center;
}

/* Containers */
#page {background:#fff url(../images/page-bg.png) top no-repeat;margin:0 auto;padding: 14px 11px;width:951px}

/* Header */
#header {margin:0 auto;overflow:hidden;position:relative;width:900px}
#logo {float:left;margin: 0 30px 0 0}

	/*Slogan*/
	p#slogan {color:#666;float:left;font-size:.915em;height:66px;margin: 6px 0 0;overflow:hidden;position:relative;width:354px}
	p#slogan strong {color:#c93}
		
	/*Navigation*/
	ul#nav {float:right;list-style:none;width:320px}
	ul#nav li {float:left;margin: 0 0 0 1px}
	ul#nav li.first {margin: 0}
	
		/*Navigation links*/
		ul#nav li a {background:#006f3a;color:#fff;display:block;height:27px;line-height:27px;position:relative;text-align:center;text-decoration:none}
		ul#nav a:hover {color:#c93}
		ul#nav li a#listings-nav {width:106px}
		ul#nav li a#aboutus-nav {width:108px}
		ul#nav li a#contactus-nav {width:104px}
		
			/*Navigation Image Replacements*/
			ul#nav li a span {height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}
			ul#nav li a#listings-nav span {background:url(../images/nav.png) left top no-repeat}
			ul#nav li a#aboutus-nav span {background:url(../images/nav.png) -106px top no-repeat}
			ul#nav li a#contactus-nav span {background:url(../images/nav.png) right top no-repeat}
			
				/*Navigatio Hover Image Replacement*/
				ul#nav li a#listings-nav:hover span, ul#nav li.current a#listings-nav span {background-position:left bottom}
				ul#nav li a#aboutus-nav:hover span, ul#nav li.current a#aboutus-nav span {background-position:-106px bottom}
				ul#nav li a#contactus-nav:hover span, ul#nav li.current a#contactus-nav span {background-position:right bottom}
		 
	/*Contact Number*/
	p#contact {clear:right;float:right;font-size:2em;line-height:24px;margin:20px 1px 0 0;height:24px;overflow:hidden;position:relative;width:152px}
	p#contact span {background:url(../images/contact.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}
	
/*Intro*/
#intro {background:url(../images/banner.jpg) left top no-repeat;clear:both;height:252px;margin: 9px auto 0;position:relative;width:909px}
#intro div {background:url(../images/index-house.jpg) right top no-repeat;height:252px}
#intro p {font-size:1.5em;height:196px;left:351px;line-height:24px;overflow:hidden;position:absolute;top:35px;width:193px}
#intro p span {background:url(../images/intro-content.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}

	/*Subpage intro*/
	#contact #intro div {background:url(../images/sub-house.jpg) right top no-repeat;height:252px}
	#about #intro div {background:url(../images/about-house.jpg) right top no-repeat;height:252px}

/*listing Container*/
#main {margin: 24px auto 0;overflow:hidden;position:relative;width:906px}

	/*listings*/
	.listing {background:url(../images/listing-bg.png) center repeat-y;float:left;position:relative;width:282px}
	.listing div {background:url(../images/listing-top.png) left top no-repeat;float:left;position:relative;width:282px}
	.listing div div {background:url(../images/listing-bottom.png) right bottom no-repeat;float:left;min-height:120px;padding: 31px 4px 10px;position:relative;width:274px}
	* html .listing div div {height:auto !important;height:120px;overflow:visible}
	.listing div div div {background:none;padding:0;width:auto}
	.listing div div h2{color:#fff;font-size:1.135em;height:18px;left:4px;line-height:18px;padding:9px 0 0;position:absolute;text-align:center;top:4px;width:274px}
	.listing div div h2 strong {display:block;height:14px;margin: 0 auto;overflow:hidden;position:relative}
	.listing div div h2 strong span {display:block;height:100%;left:0;position:absolute;top:0;width:100%}

		/*Individual Properties*/
		.latest {margin: 0 28px 0 32px}
		
			/*Headers*/
			.featuredgold h2 {background: url(../images/featured_gold.png) left top no-repeat}
			.featuredgreen h2 {background: url(../images/featured_green.png) left top no-repeat}
			.featuredteal h2 {background: url(../images/featured_teal.png) left top no-repeat}
			.latestgold h2 {background: url(../images/latest_gold.png) left top no-repeat}
			.latestgreen h2 {background: url(../images/latest_green.png) left top no-repeat}
			.latestteal h2 {background: url(../images/latest_teal.png) left top no-repeat}
			.rentalsgold h2 {background: url(../images/rental_gold.png) left top no-repeat}
			.rentalsgreen h2 {background: url(../images/rental_green.png) left top no-repeat}
			.rentalsteal h2 {background: url(../images/rental_teal.png) left top no-repeat}
			
			/*listing Listing Thumbs*/
			.listing-thumb {float:left;width:120px}
			.listing-thumb ul{list-style:none;margin: 13px 0 0 9px}
			.listing-thumb ul li a {color:#033;font-size:.835em;font-weight:700}
			
			/*listing Listing Data*/
			.listing div div .listing-data {color:#333;font-size:.835em;float:right;margin: 12px 0 0;width:154px}
			.listing div div .listing-data h4 {font-size:1em;font-weight:700;padding: 0 0 4px;text-transform:uppercase}
			.listing div div .listing-data table {width:100%}
			.listing div div .listing-data table tr th {text-align:left}
	
/* Content*/
#main h1 {float:left;width:200px}
#content {float:right; width:700px;}
#content h2 {font-family: Verdana, Sans-Serif;text-transform:uppercase}
#content h3 {font-family: Verdana, Sans-Serif;color:#006633;margin-bottom:7px;}
#content h4 {font-family: Times New Roman;color:#006633;margin-top:20px;}
#content p {color:#333;font-size:.915em}

/* Footer */
#footer {background:url(../images/footer-bg.png) left top repeat-x;margin-top:1px;clear:both;color:#999;font-size:.915em;margin: 22px auto 0;padding:0 0 22px;position:relative;text-align:center}
#footer img {margin: 0 14px}
	
	/*Footer Navigation*/
	#footer ul {list-style:none;padding:21px 0 7px;margin: 0 auto;position:relative;text-align:center}
	#footer ul li {background:url(../images/divider.gif) left no-repeat;display:inline;padding: 0 6px 0 12px}
	#footer ul li.first {background:none}
	#footer ul li a {color:#09675c;text-decoration:none}