/* 

HARVEST OF HOMES
MAIN STYLE SHEET
by Anna Taylor for Axis 80 Interactive

	CONTENTS ----------
	
	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.LAYOUT
	   6.REALTOR BANNER
	   7.BRANDING/MASTHEAD/NAVIGATION
	   8.SEARCH FORM
       9.GLOBAL ELEMENTS
	   10.SITEINFO/FOOTER
       11.HOME
	   12.REALTORS/HOME BUILDERS
	   13.CONTACT
	   14.RESOURCE GUIDE
	   15.SEARCH RESULTS
	   16.LISTING DETAIL
	   17.LOGGED-IN USER 'MANAGE LISTINGS' SCREENS

 */
 
 /* 1.BODY
---------------------------------------------------------------------- */
html, body { margin: 0; padding: 0; height: 100%; min-height: 100%; }
body { background-color: #264e23; font: normal 12px/18px Tahoma, Arial, Helvetica, sans-serif; color: #000000; }
 
 
 /* 2.DEFAULT STYLING
---------------------------------------------------------------------- */
ul { margin: 0 0 0 20px; padding: 0 0 0 5px; }
li { margin: 15px 0; padding: 0; line-height: 12px; }
 
 
 /* 3.HEADINGS
---------------------------------------------------------------------- */
h1 { color: #de5c10; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 28px; font-weight: normal; }
h2 { color: #43893e; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 20px; font-weight: normal; border-bottom: 1px solid #CCCCCC; margin: 10px 0; padding: 10px 0 0 0; }
 
 
 /* 4.LINKS
---------------------------------------------------------------------- */
a:link,a:active,a:visited { color: #de5c10; text-decoration: underline; }
a:hover { color: #f47d1a; text-decoration: none; }
 
 
 /* 5.LAYOUT
---------------------------------------------------------------------- */
#content-wrapper { width: 100%; background-color: #FFFFFF; float: left; }
#content-wrapper a:link { color: #de5c10; text-decoration: underline; }
#content-wrapper a:active { color: #de5c10; text-decoration: underline; }
#content-wrapper a:visited { color: #de5c10; text-decoration: underline; }
#content-wrapper a:hover { color: #f47d1a; text-decoration: none; }
#content-container { width: 1024px; padding-top: 20px; } 
#left-column { width: 623px; padding: 0 20px 0 0; text-align: left; float: left; }
#content { padding: 0 0 0 60px; }
#right-column { width: 300px; padding: 0 44px 0 20px; text-align: left; float: left; }
 
 
 /* 6.REALTOR BANNER
---------------------------------------------------------------------- */
#leaf-banner-wrapper { width: 100%; height: 68px; background-image: url(../images/bg-top.jpg); background-repeat: repeat-x; }
#leaf-banner { width: 1024px; height: 68px; background-image: url(../images/bg-top-curved.jpg); background-repeat: no-repeat; }
 
 
 /* 7.BRANDING/MASTHEAD/NAVIGATION
---------------------------------------------------------------------- */
#masthead-wrapper { width: 100%; height: 148px; background-image: url(../images/bg-navigation-wrapper.jpg); background-repeat: repeat-x; }
#branding-wrapper { width: 1024px; height: 109px; text-align: left; }
#primary-sponsor { width: 468px; float: right; }
#navigation-wrapper { width: 1024px; height: 39px; text-align: left; }
#navigation { width: 432px; float: right; }


 /* 8.SEARCH FORM
---------------------------------------------------------------------- */
#search-form form { margin: 0; padding: 0; }
.drop-down-long { background-color: #f2e2ca; border: 2px solid #5bbb54; color: #70431a; font-size: 11px; width: 210px; margin: 5px 0; padding: 0; }
.drop-down-short{ background-color: #f2e2ca; border: 2px solid #5bbb54; color: #70431a; font-size: 11px; margin: 5px 0; padding: 0; }

 
 
 /* 9.GLOBAL ELEMENTS
---------------------------------------------------------------------- */
.form-input { background-color: #f2e2ca; border: 2px solid #5bbb54; color: #70431a; font-size: 12px; width: 210px; margin: 5px 10px 0 0; padding: 2px; }

.formerrors {
	color: #ff0000;
	font-weight: bold;
}


 
 /* 10.SITEINFO/FOOTER
---------------------------------------------------------------------- */
#footer-wrapper { width: 100%; height: 412px; background-image: url(../images/bg-footer.jpg); background-repeat: repeat-x; float: left; }
#footer { width: 1024px; height: 412px; background-image: url(../images/bg-footer-curved.jpg); background-repeat: no-repeat; text-align: left; }
#copyright { padding: 350px 0 0 60px; color: #b7ffb4; font-size: 11px; }
#copyright a:link,a:active,a:visited { color: #b7ffb4; text-decoration: underline; }
#copyright a:hover { color: #b7ffb4; text-decoration: none; }

 
 /* 11.HOME
---------------------------------------------------------------------- */
#featured-homes-wrapper { width: 543px; padding-top: 20px; }
#featured-header { background-color: #43893e; width: 523px; padding: 10px; margin-top: 10px; color: #FFFFFF; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 24px; }
.featured-home-wrapper { width: 170px; padding: 11px 11px 11px 0; line-height: normal; float: left; font-size: 11px; }
.featured-home-photo { border: 2px #70431a solid; }
.featured-home-wrapper h1 { color: #c94d23; font-weight: bold; font-size: 12px; margin: 0; padding: 5px 0 0 0; }

 
 /* 12.REALTORS/HOME BUILDERS
---------------------------------------------------------------------- */
#realtors-login-form { width: 300px; float: right; margin: 8px; }
#realtors-login-form fieldset { border: 1px solid #cccccc; padding: 8px; }
#realtors-login-form legend { font-size: 14px; text-transform: uppercase; color: #de5c10; font-weight: bold;  }
#realtors-login-form label { display: block; width: 100px; height: 25px; text-align: right; font-weight: bold; padding: 8px 8px 0 0; float: left; }
.realtors-login-form-input { background-color: #f2e2ca; border: 2px solid #5bbb54; color: #70431a; font-size: 12px; width: 140px; height 35px; margin: 5px 0; padding: 3px; float: left; }

#realtors-form { width: 300px; float: right; margin: 8px; }
#realtors-form fieldset { border: 1px solid #cccccc; padding: 8px; }
#realtors-form legend { font-size: 14px; text-transform: uppercase; color: #de5c10; font-weight: bold;  }
/* .realtor-form-input-wrapper { width: 503px; float: left; } */
#realtors-form label { display: block; width: 100px; height: 25px; text-align: right; font-weight: bold; padding: 8px 8px 0 0; float: left; }
.realtors-form-input { background-color: #f2e2ca; border: 2px solid #5bbb54; color: #70431a; font-size: 12px; width: 140px; height 35px; margin: 5px 0; padding: 3px; float: left; }

 
 /* 13.CONTACT
---------------------------------------------------------------------- */
#contact-form fieldset { border: 1px solid #cccccc; padding: 20px; }
#contact-form legend { font-size: 14px; text-transform: uppercase; color: #de5c10; font-weight: bold;  }
.contact-form-input-wrapper { width: 503px; float: left; }
#contact-form label { display: block; width: 135px; height: 25px; text-align: right; font-weight: bold; padding: 10px 10px 0 0; float: left; }
.contact-form-input { background-color: #f2e2ca; border: 2px solid #5bbb54; color: #70431a; font-size: 12px; width: 210px; height 35px; margin: 5px 0; padding: 3px; float: left; }

 
 /* 14.RESOURCE GUIDE
---------------------------------------------------------------------- */
.resource-item { display: block; width: 543px; padding: 10px; background-color: #edebe8; margin: 10px 0; }

 
 /* 15.SEARCH RESULTS
---------------------------------------------------------------------- */
.search-result-listing { display: block; width: 543px; padding: 10px; background-color: #edebe8; margin: 10px 0; float: left; }
.image-container { float: left; position: relative; margin-right: 15px; }
.sold-thumb { position: absolute; top: 0; right: 0; }
.search-result-text { width: 400px; padding-top: 10px; float: left; }
.search-result-company { font-size: 14px; font-weight: bold; color: #009900; }
#main-image-container { height: 230px; style: text-align: center }

 
 /* 16.LISTING DETAIL
---------------------------------------------------------------------- */
#details-container { width: 563px; float: left; }
#large-image-container { float: left; position: relative; margin: 10px 10px 15px 0; }
.sold-detail { position: absolute; top: 0; right: 0; }
#thumb-container { width: 340px; background-color: #edebe8; padding: 5px; text-align: center; margin-top: 5px; }
#thumb-container img { margin: 0 3px; }
#textual-details { width: 203px; float: left; margin-top: 10px; }

 /* 17.LOGGED-IN USER 'MANAGE LISTINGS' SCREENS
---------------------------------------------------------------------- */
.userbody { background-color: #ffffff; }
#user-content-wrapper { width: 100%; background-color: #FFFFFF; margin: none; }
#userlogin-loggedinas { float: right; padding: 6px; margin: 6px; background-color: #efefef; }
.userlink:link { color: #cc0000 }
.userlink:visited { color: #cc0000 }
.user-largetext { font-size: 14px }
.user-note {
	font-size: 12px;
	font-style: italic;
}

h2.userh2 { color: #43893e; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 16px; font-weight: bold; border-bottom: none; margin: 10px 0; padding: 10px 0 0 0; }

table.usertable {
	/* border-collapse: collapse; */
	background-color: #ffffff;
}

table.usertable th {
	background-color: #BBFCBE;
	padding: 4px;
	margin: 2px;
	text-align: left;
	font-weight: normal;
	font-size: 15px;
}

table.usertable td {
	background-color: #F2EDE9;
	padding: 4px;
	margin: 2px;
	font-size: 15px;
}

table.userhomestable {
	background-color: #F2EDE9;
}

table.userhomestable th {
	color: #ffffff;
	background-color: #5BBB54;
	padding: 3px 9px;
	margin: 2px;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
}

table.userhomestable td {
	background-color: #ffffff;
	padding: 3px 9px;
	margin: 2px;
	font-size: 12px;
}

table.userhomestable td a:link {
	color: #cc0000;
	font-weight: normal;
}

table.userhomestable td a:visited {
	color: #cc0000;
	font-weight: normal;
}

td.seethrubg {
	background-color: #F2EDE9;
}