@charset "UTF-8";
/* CSS Document */

/*** some people may not like to clear all of their padding and margin spacing but I do, I want to have full control ****/

*{
	margin:0px;
	padding:0px;
}

body{
	background:url(images/body-bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

.clear{
	clear:both;
}

a:link, a:visited{
	color:#26673D;
	text-decoration:none;
}

a:active, a:hover{
	color:#DEB406;
	text-decoration:none;
}

h1 span, h2 span, h3 span{
	display:none;
}

#spam{
	display:none;
}

/*** I usually do center aligned designs so I am going to set the container to sit in the middle of the page ****/

#container{
	width:1000px;
	background:url(images/contain-bg.jpg) no-repeat;
	margin:0px auto 0px auto; /**** learn css shortcuts, it will make your life easier ****/
}

#homelink{
	background:url(images/logo.jpg) no-repeat;
	width:261px;
	height:110px;
	display:block;
	margin:0px 0px 0px 21px;
	float:left;
}

ul#nav{
	float:left;
	margin:49px 0px 0px 0px;
}

	ul#nav li{
		float:left;
		list-style-type:none;
		margin-right:20px;
		font-size:15px;
	}
	
#btn-contain{
	width:261px;
	float:left;
	margin:0px 0px 0px 21px;
}

	#search-btn{
		display:block;
		background:url(images/search-btn.jpg) no-repeat;
		width:261px;
		height:76px;
	}

	#home-value-btn{
		display:block;
		background:url(images/home-value-btn.jpg) no-repeat;
		width:261px;
		height:84px;
	}

	#dream-home-btn{
		display:block;
		background:url(images/dream-home-btn.jpg) no-repeat;
		width:261px;
		height:78px;
	}

#banner{
	background:url(images/header.jpg) no-repeat;
	width:670px;
	height:238px;
	float:left;
	margin-bottom:24px;
}

#leftcol{
	width:701px;
	float:left;
}

	#leftcol h2{
		background:url(images/triangle-bullet.jpg) 0px 3px no-repeat;
		font-size:19px;
		color:#26673D;
		font-weight:normal;
		padding:0px 0px 0px 18px;
		margin:0px 20px 10px 52px;
	}

	h2#search-heading{
		background:url(images/triangle-bullet.jpg) 0px 3px no-repeat;
		font-size:19px;
		color:#26673D;
		font-weight:normal;
		padding:0px 0px 0px 18px;
		margin:0px 20px 10px 52px;
	}
	
		#leftcol p.date-and-time{
			font-size:11px;
			margin:-12px 0px 10px 70px;
		}

	#leftcol h3{
		font-size:17px;
		color:#26673D;
		font-weight:normal;
		margin:0px 20px 10px 52px;
	}
	
	#leftcol p{
		color:#737373;
		font-size:12px;
		line-height:22px;
		margin:0px 20px 10px 52px;
	}
	
	#leftcol p iframe{
		background-color:#E5E5E5;
		width:490px !important;
		margin:0px auto 15px auto;
		padding:15px 15px 5px 125px;
	}
	
	#leftcol ul, #leftcol ol{
		color:#737373;
		margin:0px 30px 20px 72px;
		font-size:12px;
		line-height:22px;
	}
	
		#leftcol ul li, #leftcol ol li{
			margin-bottom:8px;
		}
	
	div.navigation{
		margin-left:52px;
		font-size:12px;
		margin-bottom:15px;
		margin-right:20px;
	}
	
	.post{
		margin-bottom:5px;
	}
	
	iframe{
		border:none;
		margin-left:56px;
		width:800px;
	}
	
	#leftcol form{
		margin:8px 0px 10px 52px;
	}
	
	#leftcol form label{
		color:#737373;
		font-size:12px;
		line-height:22px;
	}
	
	#leftcol form p{
		margin:0px;
	}
	
	#leftcol form input{
		border:3px solid #737373;
		padding:5px;
		margin-bottom:7px;
		width:300px;
	}

	#leftcol form input.radio-btn{
		margin-right:5px;	
	}

	#leftcol form select{
		background:#FFF;
		border:3px solid #737373;
		padding:5px;
		margin-bottom:7px;
	}
	
	#leftcol form textarea{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		border:3px solid #737373;
		padding:5px;
		margin-bottom:7px;
		width:300px;
	}

	#leftcol form textarea#address{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		border:3px solid #737373;
		padding:5px;
		margin-bottom:7px;
		width:300px;
		height:50px !important;
	}
	
	#leftcol form input#Submit{
		width:60px;
	}
	
#rightcol{
	width:299px;
	float:left;
}

	#rightcol h2{
		background:url(images/triangle-bullet.jpg) 0px 3px no-repeat;
		font-size:19px;
		color:#26673D;
		font-weight:normal;
		padding:0px 0px 0px 18px;
		margin:0px 20px 10px 0px;
	}
	
	#news-events-feed{
		background-color:#E5E5E5;
		color:#2C2C2C;
		width:249px;
		padding-bottom:15px;
		margin-bottom:15px;
	}
	
		#news-events-feed p{
			border-bottom:1px solid #2C2C2C;
			padding:15px 0px;
			margin:0px 15px;
			font-size:12px;
		}
		
	#facebook-link{
		background:url(images/facebook-btn.jpg) no-repeat;
		width:177px;
		height:42px;
		display:block;
		margin-bottom:15px;
	}
	
	#postlets{
		background:url(images/postlets.jpg) no-repeat;
		width:176px;
		height:76px;
	}
	
	#trulia{
		background:url(images/trulia.jpg) no-repeat;
		width:176px;
		height:76px;
	}
	
	#yahoo-real-estate{
		background:url(images/yahoo-real-estate.jpg) no-repeat;
		width:176px;
		height:76px;
	}
	
	#google-base{
		background:url(images/google-base.jpg) no-repeat;
		width:176px;
		height:76px;
	}
	
	#zillow{
		background:url(images/zillow.jpg) no-repeat;
		width:176px;
		height:76px;
	}
	
	#rightcol ul li{
		list-style-type:none;
	}
	
		#rightcol ul li ul li{
			font-size:12px;
			margin:0px 0px 10px 15px;
		}
		
	#rightcol #searchform{
		margin-bottom:15px;
	}
	
		#searchform input{
			background:#FFF;
			border:1px solid #000 !important;
			padding:5px;
		}
		
		#searchform input#s{
			padding:6px;
		}

#clear{
	clear:both; /*** this stops the floating ***/
}

#footer{
	background:url(images/footer-bg.jpg) repeat-x;
	height:80px;
}

	#footer p{
		width:905px;
		margin:0px auto;
		font-size:12px;
		color:#FFF;
		padding-top:36px;
	}