/* CSS - Century 21 Golden key */

/* reset */
	body, form, ul, li, img, pre, fieldset {padding: 0; border: 0; margin: 0;}


/* general */
	strong {font-weight: bold;}
	em {font-style: italic;}
	.left {float: left;margin-right: 1em;}
	.right {float: right;margin-left: 1em;}
	.hide {display: none;}
	.show {display: block;}
	h1 {font-size: 22px;color: #FBCB2D;}
	#bodyContent h1 {font-size: 22px;color: #FBCB2D;border-bottom: 1px solid #000;}
	h2 {font-size: 18px;}
	h3 {font-size: 16px;}	
	hr {clear: both;}
	.dontclear {clear: none;}
/* basic */
	body {background-color:#eaeaea;font-family: Arial, Helvetica, sans-serif;color: #474747;font-size: 12px;}
	#mainContainer {clear: both;}
	a {color: #000000;font-weight: bold;}
	a:hover {text-decoration: none;}
	
	
/* header */
	#headerContainer {clear: both;background-image:url(images/headerbg.jpg);height: 133px;}
	#headerContent {width: 800px; height: 133px;margin: 0 auto;background-image: url(images/header.jpg);}
	#headerContainer h1 {text-indent: -9999px;display: inline;}
	#headerContent a {display: block; height: 80px; width: 155px; position: relative; top: 10px;}
	
 
/* body */
	#bodyContainer {clear: both;margin: 0 auto; width: 800px;}
	#leftCol {float: left;background-image: url(images/leftcolbg.jpg); width: 168px; min-height: 699px;background-color: #838383;background-position: bottom;background-repeat: no-repeat;}
	#rightCol {float: right;width: 632px; min-height: 699px; background-image:url(images/footerbg.jpg);background-repeat: no-repeat; background-position: left bottom;}
	#bodyContent ul {padding-left: 40px;}
	#bodyContent {background-image:url(images/bodybg.jpg);background-repeat: repeat-y;width: 577px; min-height: 669px; margin-bottom: 5px;padding: 1px 27px 0 27px;}

	#nav ul li ul {padding-left: 15px;padding-top: 0;}
	#nav li {list-style: none; background:url(images/nav_sep.jpg) no-repeat bottom; width: 168px;padding: 5px 0;float: left;}
	#nav ul li ul li {background: none;}
	#nav a {padding-left: 15px; font-size: 12px; color: #FFFFFF;text-decoration: none;font-weight: bold;}
	#nav ul li ul li {width: 120px;}
	#nav a:hover {color:#F7CE26;}
	#addressInfo {font-size: 11px;width: 120px; margin: 0 auto;color: #FFFFFF;position: relative; top: 50px;left: -10px;height: 133px;clear: both;}
	#addressInfo a:hover {color:#F7CE26;}
	#addressInfo a {color:#ffffff;}
	address {font-style:normal;}
	#bodyLeft {float: left; width: 311px; font-size: 12px;}
	#bodyLeft h1 {font-size: 16px;}
	#bodyRight {float: right; width: 262px;}
	#bodyRight a {color: #000000;}
	.littleHomeBox {font-size: 11px;}
	.littleHomeBox p {padding: 0; margin: 0;padding-left: 5px;}
	.littleHomeBox h2 {padding: 0; margin: 0;background-color: #f9d350;font-size: 12px;padding-left: 5px;}
	.littleHomeBox a {color: #000000; font-size: 11px;font-weight: bold;}
	.littleHomeBox ul {padding-left: 25px;}
	.littleHomeBox li a {font-size: 9px;}

/* home search box */
	#findHome {background-image:url(images/findyourhome.jpg); width: 557px; height: 117px;position: relative; top: -7px;margin: 0 auto;padding: 50px 10px 0 10px;color: #262626; font-weight: bold;font-size: 11px;text-align: center;}
	input {background-image:url(images/inputbg.jpg); height: 14px; padding: 0; margin: 0; border: 0;font-size: 11px;font-family: Arial, Helvetica, sans-serif;padding: 2px 3px 0 3px;margin-right: 14px;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
	select {background:none;background-image:url(images/inputbg.jpg); height: 15px; padding: 0; margin: 0; border: 0;font-size: 11px;font-family: Arial, Helvetica, sans-serif;margin-right: 14px;width: 72px;}
	#submitButton {background-image:url(images/searchbtn.jpg);background-repeat: no-repeat; width: 52px; height: 24px; font-size: 0; color: #000000;}
	
	
/* footer */
	#footerContainer {clear: both;padding: 10px 0 20px 25px; width: 800px; text-align: left;color: #474747;font-size: 11px;margin: 0 auto;}
	#footerContainer a {color: #474747;}
	#footerContent li {display: inline; list-style: none; border-right-width: 1px; border-right-style: solid;padding: 0 3px;}
	
/* --/-- results page --/-- */

	#results #bodyLeft {width: 275px;}
	#results #bodyRight {width: 275px;}
	#results #findHome {background-image:url(images/searchmodify.jpg); width: 558px; height: 62px;position: relative; top: -12px;margin: 0 auto;padding: 20px 10px 0 10px;}
	#results #submitButton {float: right;}
	#results #searchOrder {background-color:#f7f6f4; width: 548px; border-color: #f9d350;border-style: solid;border-width: 1px;min-height: 10px;padding: 5px 15px;margin: 15px auto;font-size: 12px;font-weight: bold;text-align: center;}
	#results #searchOrder h1 {display: inline; font-size: 18px;}
	#results #searchOrder label {padding-left: 20px;}
	
	/* login form */
	#siteLogin .input {width: 125px;}
	#siteLogin .buttonGreen {border: 1px solid #000;background: none #666666;color: #fff;padding: 4px;height: 30px;}
	#siteLogin .buttonGreen:hover {background: none #700000;}
	.submit {border: 1px solid #000;background: none #666666;color: #fff;padding: 4px;height: 30px;}
	.submit:hover {background: none #700000;}
	.real-estate {padding: 0!important;}
	.real-estate li {display: inline; list-style: none; width: 155px; margin: 15px; float: left; min-height: 230px;}
	.real-estate img {border: 1px solid #FBDA6F;padding: 4px; background: #FFF9E9;}
	.staff li {display: inline; list-style: none; float: left;margin: 10px; width: 150px;min-height: 300px;}
	.staff p {margin: 0;margin-top: 5px;}
	#smallImages {float: right; width: 150px;margin-top: 10px;margin-right: 10px;}
	#smallImages li {list-style: none; padding-bottom: 10px;}
	#smallImages ul {padding: 0!important;}
	#smallImages img {border: 1px solid #FBDA6F;padding: 4px; background: #FFF9E9;}
	#rightSide {float: left; width: 380px;border-right: 1px solid #e8e4c7;padding-right: 25px;margin-top: 10px;}
	#largeImage {clear: both;text-align: center; padding-bottom: 20px;}
	
	#largeImage img {border: 1px solid #FBDA6F;padding: 4px; background: #FFF9E9;width: 380px;} 
	#details { width: 170px; background-color: #F8F7F3; border: 1px solid #e8e4c7; float: left; padding: 8px; }
	#details .under {border-bottom: 1px solid #ccc;padding-bottom: 2px;width: 100%; clear: both;display: block;min-height: 13px;margin-bottom: -3px;}
	#details hr {visibility: hidden; clear: both;display: none;}
	#details .block {font-weight: bold;float: left;}
	#details .theDetail {float: right;}
	#description {float: right; width: 180px;}
	.listingsButtons {padding: 0!important;position: relative; left: 5px;}
	.listingsButtons li {display: inline; list-style: none;padding-right: 12px;text-align: center;}
	#bodyRight img {border: 1px solid #FBDA6F;padding: 4px;  background: #FFF9E9;}
	#bodyContent h2 {margin: 0;}
	#myFlash {background: #F6D343; float: right; width: 633px; height: 105px; text-align: right; }
	.realtor li {padding-bottom: 5px;}
	.mlsNumber {margin-left: 3px;font-weight: normal; font-style: italic;font-size: 10px;}