/* CSS Document */

/* ---------- WEB SITE CONTAINER ---------- */

#container {
	width: 950px;
	margin: auto;
	text-align: left;
}

/* ---------- TOP AREA ---------- */

#logo {
	float: left;
	width: 380px;
	height: 50px;
	padding-top: 22px;
}

/* ---------- PANORAMIC ---------- */

#panoramic {
	float: left;
	width: 920px;
	height: 310px;
	padding: 15px 15px 60px 15px;
	margin-top: 25px;
	background:
		url(../graphics/csslayout/panoramic-shadow.gif)
		bottom center
		no-repeat
		#fff;
}

#panoramic-bar {
	z-index: 999;
	position: absolute;
	width: 890px;
	height: 70px;
	padding: 20px 15px 15px 15px;
	margin-top: 190px;
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 18px;
	color: #F0EBDF;
	background:
		url(../graphics/csslayout/panoramic-bar.png)
		repeat-x;
}

/* ---------- BODY CONTENT AREA ---------- */

#column-homepageA01 {
	float: left;
	width: 375px;
	margin-right: 30px;
}

#column-homepageA02 {
	float: left;
	width: 545px;
}

#full-page {
	float: left;
	width: 950px;
	margin-top: 25px;
	background:
		#fff;
}

#column-subpageA01 {
	float: left;
	width: 205px;
	padding: 18px 15px 15px 15px;
	margin: 25px 25px 0px 0px;
	background:
		#fff;
}

#column-subpageA02 {
	float: left;
	width: 660px;
	padding: 15px;
	margin-top: 25px;
	background:
		#fff;
}

	#listing {
		float: left;
		width: 638px;
		padding: 10px;
		font-family: "Lucida Grande", Helvetica, Arial;
		font-size: 13px;
		color: #646464;
		line-height: 18px;
		margin-bottom: 20px;
		border: 1px solid #CBCBCB;
	}
	
		#listing-columnA01 {
			float: left;
			width: 423px;
			padding-right: 15px;
		}
		
		#listing-columnA02 {
			float: left;
			width: 200px;
		}
		
			#detailsA01 {
				float: left;
				width: 100px;
			}

			#detailsA02 {
				float: left;
				width: 150px;
			}


/* ---------- FOOTER AREA ---------- */

#footer {
	float: left;
	width: 950px;
	padding: 35px 0px 0px 0px;
	margin: 25px 0 50px 0;
	border-bottom: 1px solid #CBCBCB;
	font-family: Helvetica, "Lucida Grande", Arial, sans-serif;
	font-size: 11px;
	color: #888888;
	background:
		url(../graphics/csslayout/footer-bar.gif)
		top
		repeat-x;
}

#footerA01 {
	float: left;
	width: 115px;
	height: 180px;
	border-right: 1px solid #CBCBCB;
	padding: 20px 24px 20px 0px;
}

#footerA02 {
	float: left;
	width: 495px;
	height: 180px;
	border-right: 1px solid #CBCBCB;
	padding: 20px 24px 20px 25px
}

	#contactA01 {
		float: left;
		width: 170px;
		line-height: 18px;
	}
	
	#contactA02 {
		float: left;
		width: 325px;
	}

#footerA03 {
	float: left;
	width: 240px;
	height: 180px;
	padding: 20px 0px 0px 25px;
	text-align: right;
	line-height: 18px;
}

/* ---------- MAP ---------- */

#map {
	float: left;
	width: 545px;
	background:
		url(../graphics/csslayout/map.gif)
		top right
		no-repeat;
}

#map-columnA01 {
	float: left;
	width: 154px;
	height: 220px;
	padding: 15px 13px 0 13px;
	background:
		#EEE;
}

#map-columnA02 {
	float: left;
	width: 365px;
	height: 235px;
}

/* ---------- PHOTOS AND OBJECTS POSITIONING ---------- */

#object-left {
	float: left;
	clear: left;
	margin: 0px 20px 10px 0px;
}

#object-right {
	float: right;
	clear: right;
	margin: 0px 0px 10px 20px;
}

/* ---------- OTHER ---------- */

#clear {
	clear: both;
}