/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	text-align: center;
	font-size: 14px;
	font-family: "Times New Roman", serif;
	color: #bcbcbc;
	background: url(../images/bg.jpg) top left repeat-x #000; }


	/*** FONT STYLES ***/	
	h1 { 
		font-size: 30px; 
		font-weight: normal;
		color: #fff;
		margin: 10px 0 10px 0; }

	h4 { 
		font-size: 15px; 
		font-weight: bold;
		text-align: center;
		color: #fff;
		margin: 10px 0 10px 0; }
	
	a:link, a:visited { color: #ccc; }
	a img { border: none; }
		
	p { margin-bottom: 16px; }
	
	a:focus, a:hover, a:active { outline:none; }


/************* STRUCTURE STYLES ***/
#wrapper {
	width: 950px;
	margin: 0 auto; }
	
	/*** TOP ***/
	ul#top {
		width: 839px;
		float: right;
		list-style: none;
		height: 56px; }
		
		ul#top li {
			float: right;
			height: 56px; }
	
	/*** HEADER ***/
	#banner {
		width: 950px;
		height: 212px;
		float: left; }

	/*** NAVIGATION ***/
	ul#topNav, ul#bottomNav { 
		width: 950px;
		height: 63px;
		float: left;
		list-style: none; }
		
		ul#topNav li, ul#bottomNav li { 
			float: left; 
			height: 63px; }
			
			a.listings {
				background: url(../images/topNav_01_listings.jpg) top left no-repeat;
				display: block;
				width: 173px;
				height: 63px; }
				
				a.listings:hover {
					background: url(../images/topNav_01_listings.jpg) bottom left no-repeat;
					display: block;
					width: 173px;
					height: 63px; }
					
			a.aboutme {
				background: url(../images/topNav_02_aboutme.jpg) top left no-repeat;
				display: block;
				width: 201px;
				height: 63px; }
				
				a.aboutme:hover {
					background: url(../images/topNav_02_aboutme.jpg) bottom left no-repeat;
					display: block;
					width: 201px;
					height: 63px; }
					
			a.theservice {
				background: url(../images/topNav_03_theservice.jpg) top left no-repeat;
				display: block;
				width: 213px;
				height: 63px; }
				
				a.theservice:hover {
					background: url(../images/topNav_03_theservice.jpg) bottom left no-repeat;
					display: block;
					width: 213px;
					height: 63px; }	
					
			a.informed {
				background: url(../images/topNav_04_informedhomebuyerseller.jpg) top left no-repeat;
				display: block;
				width: 363px;
				height: 63px; }
				
				a.informed:hover {
					background: url(../images/topNav_04_informedhomebuyerseller.jpg) bottom left no-repeat;
					display: block;
					width: 363px;
					height: 63px; }	
					
			a.openhouse {
				background: url(../images/bottomNav_01_openhouse.jpg) top left no-repeat;
				display: block;
				width: 235px;
				height: 63px; }
				
				a.openhouse:hover {
					background: url(../images/bottomNav_01_openhouse.jpg) bottom left no-repeat;
					display: block;
					width: 235px;
					height: 63px; }	
					
			a.careers {
				background: url(../images/bottomNav_02_careers.jpg) top left no-repeat;
				display: block;
				width: 210px;
				height: 63px; }
				
				a.careers:hover {
					background: url(../images/bottomNav_02_careers.jpg) bottom left no-repeat;
					display: block;
					width: 210px;
					height: 63px; }	
					
			a.searchmls {
				background: url(../images/bottomNav_03_searchmls.jpg) top left no-repeat;
				display: block;
				width: 242px;
				height: 63px; }
				
				a.searchmls:hover {
					background: url(../images/bottomNav_03_searchmls.jpg) bottom left no-repeat;
					display: block;
					width: 242px;
					height: 63px; }	
					
			a.resourcecenter {
				background: url(../images/bottomNav_04_resourcecenter.jpg) top left no-repeat;
				display: block;
				width: 263px;
				height: 63px; }
				
				a.resourcecenter:hover {
					background: url(../images/bottomNav_04_resourcecenter.jpg) bottom left no-repeat;
					display: block;
					width: 263px;
					height: 63px; }	
			
	/*** BANNER ***/
	#header {
		width: 950px;
		height: 322px;
		display: block;
		float: left; }
			
	/*** CONTENT WRAPPER ***/
	#contentWrapper {
		width: 950px;
		float: left;
		text-align: left; }
	
		/*** CONTENT ***/
		#content {
			width: 649px;
			padding: 0 10px 0 0;
			float: left; }
		
		/*** SIDE ***/
		#side {
			width: 291px;
			margin: 10px 0 0 0;
			float: left; }
			
			img.calculator {
				width: 291px;
				height: 56px;
				float: left;
				margin: 0 0 10px 0; }
			
			#contact {
				width: 291px;
				height: 193px;
				float: left;
				margin: 0 0 10px 0; }
				
			#testimonials {
				width: 291px;
				height: 56px;
				float: left;
				margin: 0 0 10px 0; }
				
			#contact2 {
				width: 291px;
				height: 105px;
				float: left;
				margin: 0 0 10px 0; }
				
			#featuredListing {
				width: 291px;
				height: 65px;
				float: left;
				display: block; }
		
		/*** Listing results fixes ***/
		#listingResults table td { background-color: #3d3d3d; border-color:#333; }
		
		#listingResults table td { color: #fff; }
		
		#roomsListingInformation table td { background-color: #3d3d3d; border-color:#333; }
		
		#listingInformation table#roomsListingInformation td { background: #3d3d3d; border-color: #333; }
		
		#listingInformation table#roomsListingInformation tr.even td { background: #3d3d3d; border-color: #333; }
		
		.sidebox { color: #000; }
		
		.sidebox a:link, .sidebox a:visited { color: #000; }
		/*** /Listing results fixes ***/
		
	/*** AD SPACE ***/
	#adSpaceWrapperWrapper {
		width: 950px;
		float: left;
		margin: 10px 0; }
		
		#adSpaceWrapperWrapper #left {
			width: 460px;
			float: left;
			margin: 0 10px; }
		
		#adSpaceWrapperWrapper #right {
			width: 460px;
			float: left; }
		
	/*** FOOTER ***/
	#footer {
		width: 950px;
		height: 117px;
		background: url(../images/footer_bg.jpg);
		display: block;
		text-align: left;
		float: left;
		margin: 0 auto;
		padding: 0 0 8px 0; }
		
			#footer p { 
				font-size: 10px;
				color: #fff;
				margin: 0 0 0 10px; }
				
				#footer a:link, #footer a:hover, #footer a:visited {
					text-decoration: underline;
					color: #fff; }

			#footer p.poweredby { 
				float: right;
				margin: 0 10px 0 0;
				text-align: right; }
		
			#footer p.poweredby a { margin: 0 0 0 20px; }		
			

/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; } /* SAFARI FIX */

* html .clearfix { height: 1%; } /* IE6 FIX */