@charset "UTF-8";
/* Bonita Scales vo.11 CSS Document
Author : Matt Oatley, Daniel Epperly, & Blendproductiongroup.com*/

@import url("typography.css");

body {
	margin: 0;
	background: #d7fdbb url(../images/bkg.jpg) center top repeat-x;
	padding-bottom: 30px;
}

a, input, select, option, textarea, #submitBT {
	outline: none;
}

.clear {
	clear: both;
}

form {
	margin: 0;
	padding: 0;
}

#all {
	position: relative;
	width: 800px;
	margin: 0 auto;
}

#banner {
	position: relative;
	width: 800px;
	height: 199px;
	background: url(../images/banner.jpg) no-repeat;	
}


/*  NAVIGATION CONTROLS  */
#nav { 
	position: relative;
	width: 800px;
	height: 45px;
	background: url(../images/nav.jpg) no-repeat;
}
/*  HOME  */

#homeBG, #homeBTOn {
	position: absolute; 
	left: 3px;
	background: transparent url(../images/nav.jpg) -3px 0px no-repeat;
}

a#homeBT {
	width: 106px;
	height: 45px;
	display: block;
}

a:hover#homeBT {
	background: transparent url(../images/nav.jpg) -3px -90px no-repeat ;
}

#homeBTOn {
	background: transparent url(../images/nav.jpg) -3px -45px no-repeat	
}

#homeBTOn a:hover {
	background: none;	
}
/*  PROPERTY  */

#propertyBG, #propertyBTOn {
	position: absolute; 
	left: 109px;
	background: transparent url(../images/nav.jpg) -109px 0px no-repeat;
}

a#propertyBT {
	width: 220px;
	height: 45px;
	display: block;
}

a:hover#propertyBT {
	background: transparent url(../images/nav.jpg) -109px -90px no-repeat ;
}

#propertyBTOn {
	background: transparent url(../images/nav.jpg) -109px -45px no-repeat	
}

#propertyBTOn a:hover {
	background: none;	
}

/*  ABOUT  */
#aboutBG, #aboutBTOn {
	position: absolute; 
	left: 329px;
	background: transparent url(../images/nav.jpg) -329px 0px no-repeat;
}

a#aboutBT {
	width: 139px;
	height: 45px;
	display: block;
}

a:hover#aboutBT {
	background: transparent url(../images/nav.jpg) -329px -90px no-repeat ;
}

#aboutBTOn {
	background: transparent url(../images/nav.jpg) -329px -45px no-repeat	
}

#aboutBTOn a:hover {
	background: none;	
}

/*  CONTACT  */
#contactBG, #contactBTOn {
	position: absolute; 
	left: 468px;
	background: transparent url(../images/nav.jpg) -468px 0px no-repeat;
}

a#contactBT {
	width: 159px;
	height: 45px;
	display: block;
}

a:hover#contactBT {
	background: transparent url(../images/nav.jpg) -468px -90px no-repeat ;
}

#contactBTOn {
	background: transparent url(../images/nav.jpg) -468px -45px no-repeat	
}

#contactBTOn a:hover {
	background: none;	
}

/*  TESTIMONIALS  */
#testimonialsBG, #testimonialsBTOn {
	position: absolute; 
	left: 627px;
	background: transparent url(../images/nav.jpg) -627px 0px no-repeat;
}

a#testimonialsBT {
	width: 170px;
	height: 45px;
	display: block;
}

a:hover#testimonialsBT {
	background: transparent url(../images/nav.jpg) -627px -90px no-repeat ;
}

#testimonialsBTOn {
	background: transparent url(../images/nav.jpg) -627px -45px no-repeat	
}

#testimonialsBTOn a:hover {
	background: none;	
}



/*  CONTENT STYLES  */
#content {
	position: relative;
	width: 800px;
	background: url(../images/content_bkg.jpg) repeat-y;
}

#contentGradG {
	position: relative;
	width: 794px;
	background: url(../images/content_gradient.jpg) no-repeat;
	margin: 0 auto;
}

#contentGradY {
	position: relative;
	width: 794px;
	margin: 0 auto;
	padding: 0px 0px 60px 0px;
	background: url(../images/content_grad_y.jpg) repeat-x;
}
#contentGradO {
	position: relative;
	width: 794px;
	margin: 0 auto;
	padding: 0px 0px 60px 0px;
	background: url(../images/content_grad_o.jpg) no-repeat;
}

#container {
	position: relative;
	width: 735px;
	margin: 0px auto;
}


/*  LEFT CONTENT STYLES  */

#contentL {
	position: relative; 
	width: 497px;
	float: left;
	padding: 22px 0px 0px 0px;
}

.titleL {
	position: relative;
	width: 497px;
	height: 50px;
}

#resourceContainer {
	position: relative;
	width: 497px;
}

#buyersTitle {
	position: relative;
	width: 248px;
	height: 13px;
	float: left;
	background: url(../images/buyers.png) no-repeat;
}

#buyers {
	position: relative;
	width: 248px;
	float: left;
}

#sellersTitle {
	position: relative;
	width: 248px;
	height: 13px;
	float: right;
	background: url(../images/sellers.png) no-repeat;
}

#sellers {
	position: relative;
	width: 248px;
	float: right;
}

#hpTitle {
	background: url(../images/hpTitle.png) no-repeat;	
}

#fPropertyContainer {
	position: relative;
	width: 497px;
	height: 42px;
	margin: 0px 0px 7px 0px;
}

#fProperty {
	position: relative;
	width: 241px;
	float: left;
	background: url(../images/featured_property.png) no-repeat;	
}

#address {
	position: relative;
	width: 250px;
	float: right;
}

#address h1 {
	float: right;
	padding: 5px 15px 0px 0px;
}

#aboutMe {
	background: url(../images/about_me.png) no-repeat;	
}

#contactMe {
	background: url(../images/contact_me.png) no-repeat;	
}

#testimonials {
	background: url(../images/testimonials.png) no-repeat;
}

#resourceLinks {
	background: url(../images/resource_links.png) no-repeat;
}

#containerL {
	position: relative;
	width: 497px;
}

#clients {
	padding: 0px 20px;
}

.hairline {
	position: relative;
	width: 100%;
	height: 2px;
	border-top: 1px dotted #a3a3a3;	
}

#contentL .hairline {
	margin: 0px 0px 12px 0px;
}

/* BROWSER BREAK-PROOF  */
.mainPic {
	position: relative;
	width: 495px;
	height: 243px;
	background: #fff;
	border: 1px #ececec solid;
	margin: 0px 0px 15px 0px;
}

.mainPic img {
	position: absolute;
	width: 474px;
	height: 222px;
	left: 11px;
	top: 11px;
}

#thumbContainer {
	position: relative;
	margin: 0px 0px 10px 0px;
}

.thumb, .thumbLast, .thumbO, .thumbLastO {
	position: relative;
	width: 87px;
	height: 50px;
	background: #fff;
	float: left;
	border: 1px #ececec solid;
	margin: 0px 13px 6px 0px;
}

.thumbLast, .thumbLastO {
	margin-right: 0;
}

.thumb img, .thumbLast img, .thumb a, .thumbLast a, .thumbO img, .thumbLastO img, .thumbO a, .thumbLastO a {
	position: absolute;
	width: 78px;
	height: 40px;
	left: 5px;
	top: 5px;
}

.thumb a, .thumbLast a, .thumbO a, .thumbLastO a {
	width: 72px;
	height: 34px;
	display: block;
	background: url(../images/anchor.png) no-repeat;
}

.thumb a:hover, .thumbLast a:hover {
	border: 3px #99cc66 solid;	
}

.thumbO a:hover, .thumbLastO a:hover {
	border: 3px #d4a23e solid;
}
#propertyInfo {
	position: relative;
	width: 497px;
}

#description {
	position: relative;
	width: 467px;
}

#details {
	position: relative;
	width: 216px;
	float: left;
	border-right: 1px dotted #a3a3a3;
}

#description, #details, #amenities {
	background: #f9f9f9;
	padding: 0px 15px;
}

#amenities {
	position: relative;
	width: 195px;
	float: right;
}

#youLike {
	position:relative;
	width: 216px;
	padding: 25px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
}



/*  RIGHT CONTENT STYLES  */

#contentR {
	position: relative;
	width: 212px;
	float: right;
}

.titleR {
	position: relative;
	height: 23px;
	margin: 39px 0px 10px 0px;
}

#hpSubTitle {
	background: url(../images/expertise.png) no-repeat;
}

#otherProperties {
	background: url(../images/other_properties.png) no-repeat;	
}

#mousemove {
	position: relative;
	height: 680px;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
}

#otherPropertiesContainer {
	position: relative;
	padding: 0px 0px 20px 0px;
}
.otherProperties {
	position: relative;
	width: 210px;
	height: 120px;
	background: #fff;
	border: 1px #ececec solid;
	margin: 12px 0px 0px 0px;
}

.otherProperties img, .otherProperties a {
	position: absolute;
	width: 190px;
	height: 98px;
	left: 10px;
	top: 11px;
	
}

.otherProperties a {
	width: 176px;
	height: 84px;
	display: block;
	background: url(../images/anchor.png) repeat;
}

.otherProperties a:hover {
	border: 7px #d4a23e solid;	
}

#otherProperties a {
	width: 158px;
	height: 74px;
	display: block;
}

#formTitle, #formTitleO {
	position: relative;
	width: 120px;
	height: 16px;
	background: url(../images/contact.png) no-repeat;
	margin: 0px 0px 9px 0px;
}

#formTitleO {
	background: url(../images/contact_me_o.png) no-repeat;
}

#resources {
	position: relative;
	width: 212px;
	margin: 9px 0px 9px 0px;
}

#resourcesTitle {
	position: relative;
	background: url(../images/resources.png) no-repeat;
}

#resourcesO {
	background: url(../images/resources_o.png) no-repeat;
}

.linksG, .linksO {
	position: relative;
	width: 212px;
}

#cForm {
	position: relative;
	width: 212px;
	height: 212px;
	margin: 9px 0px 9px 0px;
}

#contactForm form td {
	line-height: 34px;	
}

input {
	width: 190px;
	height: 22px;
	line-height: 14px;
	margin: 0px 0px 10px 0px;
	padding: 9px 10px 0px 10px;
	border: 0;
	background: url(../images/input.png) no-repeat;
}

.checkbox, .checkBoxFix {
	height: 12px;
	width: 20px;
	margin: 0px 5px 0px 0px;
}

.checkBoxFix {
	vertical-align: top;	
}

form {	
	margin: 0px 0px 70px 0px;	
}

#submit, #sendBT {
	position: absolute;
	width: 52px;
	height: 22px;
	padding: 0;
	top: 107px;
	left: 158px;
	border: 0;
	cursor: pointer;
	background: url(../images/sendBT.png) 0px 0px no-repeat;
}

#sendBT {
	position: absolute;	
	top: 710px;
	left: 403px;
}

#submit:hover, #sendBT:hover {
	background: url(../images/sendBT.png) 0px -22px no-repeat;
}


/*  FOOTER ELEMENTS  */

#footer {
	position: relative;
	width: 800px;
	height: 97px;
	background: url(../images/footer.png) no-repeat;
}

#blend {
	position: absolute;	
	left: 674px;
	top: 45px;
}

a#blend {
	width: 93px;
	height: 17px;
	display: block;
}

a:hover#blend {
	background: url(../images/blend_shadow.jpg) no-repeat;	
}

table {
	border-collapse: collapse;	
}

td.wide {
	width: 100px; 
}

.tableSpacing {
	height: 20px;
}

/* Extra Updates */

#kWcontainer {
	margin: 20px 0px 0px 0px;
	padding-bottom: 20px;
}

#kWlogo {
	float: left;	
} 

#kWlogo a {
	width: 263px;
	height: 169px;
	display: block;
}

#kWinfo, #kWcontact, #kWinfo p, #kWcontact p {
	width: 202px;
	height: 169px;
	float: left;
	text-align: left;
}

#kWinfo {
	margin: 0px 27px;	
}

#kWcontact {
	width: 205px;
}

#kWinfo p a {
	color: #99cc66;
}

#kWinfo p a:hover {
	color: #666;
}


.badge {
	position: absolute;
	height: 73px;
	width: 73px;
	display: block;
	left: -5px;
	top: -5px;
}

#sold {
	background: url(../images/sold.png) no-repeat;
}

#pending {
	background: url(../images/pending.png) no-repeat;
}