/* Structure CSS Document */

html, body {
	background: url(../images/landscape.jpg) #d0d4d9 center bottom no-repeat;
	background-attachment: fixed;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	height:100%;
	margin:0;
    padding:0;
}

.clear {
	clear: both;
}

#PageShell {
	background: url(../images/bg.png) left top repeat-x;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: left;
	position: relative; 
}

*html #PageShell {
	background: url(../images/bg.jpg) left top repeat-x;
}

#Page {
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	text-align: left;
	position: relative; 
}


/* Top Banner */

	#TopBanner {
		background: url(../images/bg-topbanner.gif) top left no-repeat;
		height: 148px;
	}
	
	#TopBannerLeft {
		float: Left;
	}
	
	#TopBannerRight {
		float: left;
		padding: 40px 0 0 0;
		text-align: left;
	}


/* Index Content Areas */

	#IndexContent {
		clear: left;
		width: 979px;
	}
	
	#IndexLeft {
		float: left;
		width: 757px;
		padding: 0 6px 0 0;
	}
	
	#IndexRight {
		float: left;
		width: 216px;
		height: 501px;
		padding: 20px 0 0 0;
		background: url(../images/bg-index-right.gif) top left no-repeat;
	}
	
	.clear {
		clear: left;
	}


/* Secondary Content Areas */


	#Content {
		clear: left;
		width: 979px;
		background: url(../images/bg-content.gif) top left repeat-y;
	}
	
	#Left {
		float: left;
		width: 757px;
		padding: 30px 6px 0 0;
		background: url(../images/bg-left-top.gif) top left no-repeat;
	}
	
	#LeftHomes {
		float: left;
		width: 757px;
		padding: 0 6px 0 0;
		background: url(../images/bg-lefthomes-top.gif) top left no-repeat;
	}
	
	#LeftBuildings {
		float: left;
		width: 757px;
		padding: 0 6px 0 0;
		background: url(../images/bg-leftbuildings-top.gif) top left no-repeat;
	}
	
	#Right {
		float: left;
		width: 216px;
		padding: 20px 0 0 0;
		background: url(../images/bg-right-top.gif) top left no-repeat;
	}
	
	.clear {
		clear: left;
	}
	
	#ContentBottom {
		width: 979px;
		background: url(../images/bg-content-bottom.gif) top left no-repeat;
		height: 10px;
		margin: 0 0 5px 0;
	}

/* Footer Area */


	#Footer {
		width: 980px;
		margin: 0 auto;
		text-align: center;
		padding: 7px 0 200px 0;
		background: url(../images/bg-footer.png) left top no-repeat;
	}
	
	*html #Footer {
	background: url(../images/bg-footer.gif) left top no-repeat;
}