﻿/* PROPERTY SEARCH */
#property-search-container
{
	width: 760px;
	height: 340px;
	margin: 0 auto;
}

	.property
	{
		width: 220px;
		height: 270px;
		float: left;
		margin-right: 25px;
		padding: 10px;
		background: url('/images/box_bg.png') repeat left top !important;
		background/**/:/**/ url('/images/transp_bg.png') repeat left top;
	}
	
		.property p
		{
			width: 100%;
			color: #fff;
			float: left;
		}
			
			.property p span
			{
				font-size: 1.4em;
				color: #94d2bb;
			}
	
		.property-image
		{
			width: 100%;
			height: 116px;
			float: left;
		}
		
			.property-image img
			{
				width: 220px;
				height: 116px;
				float: left;
			}
			
		.property-spec
		{
			float: left;
			padding-top: 3px;
		}
			
			.property-spec span
			{
				font-size: 1.4em;
				padding-right: 3px;
				color: #94d2bb;
			}
			
		.property-detail
		{
			padding-top: 10px;
		}
		
			.property-detail span
			{
				width: 100%;
				float: left;
			}

		.property-links
		{
			width: 100px;
			float: left;
		}
		
			.property-links a
			{
				position: absolute;
				bottom: 10px;
				float: left;
				margin: 10px 0 0 60px;
			}
		
	.property-dummy
	{
		width: 220px;
		height: 270px;
		float: left;
		margin-right: 50px;
	}
	
/* PROPERTY INFO */
#property-info-container
{
	width: 100%;
	float: left;
}

	#property-info-images
	{
		width: 780px;
		margin: 0 auto;
		height: 300px;
		padding-top: 10px;
	}
	
		#property-info-images img
		{
			width: 495px;
			height: 255px;
			float: left;
			padding-right: 30px;
		}

	#property-info-detail
	{
		width: 780px;
		margin: 0 auto;
		padding-top: 15px;
	}
	
		#property-info-detail p
		{
			padding-top: 3px;
		}
	
		#info-left a.button
		{
			float: right;
			margin-top: 5px;
		}

		#info-left
		{
			width: 475px;
			float: left;
			padding-right: 35px;
		}
		
			#info-left div
			{
				width: 445px;
				float: left;
				padding: 15px;
				margin-bottom: 35px;
				background: url('/images/box_bg.png') repeat left top !important;
				background/**/:/**/ url('/images/transp_bg.gif') repeat left top;
			}
			
			#info-left div.spec
			{
				padding: 5px 15px 20px 15px;
			}
			
			#info-left div.whatitsgot p
			{
				width: 210px;
				padding-right: 10px;
			}
		
		#info-right
		{
			width: 205px;
			float: left;
			padding: 15px;
			margin-bottom: 35px;
			background: url('/images/box_bg.png') repeat left top !important;
			background/**/:/**/ url('/images/transp_bg.gif') repeat left top;
		}
		
			#info-right p
			{
				width: 100%;
				float: left;
				padding-bottom: 10px;
			}

			#info-right a
			{
				margin-top: 5px;
			}

		.info-map 
		{
			width: 235px;
            float: left;
		}
		
		    .info-map #map
		    {
			    width: 235px;
                height: 250px;
                float: left;
		    }
		
			.info-map a
			{
				font-size: 1.1em;
				float: left;
				padding: 3px 0 0 10px;
			}
    
	.property-info-dummy
	{
		width: 220px;
		height: 270px;
		float: left;
		margin-right: 50px;
	}
	
/* Image Scroller */
#contentMask
{
	float: left;
	text-align: left;
	overflow: hidden;
	position: relative;
	left: -270px; 
	top:20px; 
	width: 1240px; 
	height: 300px; 
	clip: rect(0px, 1240px, 300px, 0px); 
	z-index: 6;	
}

	.fade-left
	{
		width: 220px;
		height: 290px;
		z-index: 200;
		position: absolute;
		background: url('/images/spaces/fade_left.png') repeat left top;
	}

	.fade-right
	{
		width: 220px;
		height: 290px;
		z-index: 200;
		position: absolute; 
		left: 1020px; 
		top: 0px;
		background: url('/images/spaces/fade_right.png') repeat left top;
	}

	#contentMask #content
	{
		position: absolute;
		left: 0px; 
		top: 0px; 
		width: 1240px; 
		margin:0px; 
		padding:0px;	
	}
	
#propertyImageScroller
{
	margin:0px auto;
	text-align:center;
	height:25px;
	position: relative;
	top:0px;
	width:859px;
	z-index:20;	
}

	#propertyImageScroller img
	{
		display: block;	
	}

	#propertyImageScroller #up
	{
		position: absolute;
		left:220px;
		top:0px;
		z-index:25;
		cursor: pointer;
		width:11px;	
	}
	
	#propertyImageScroller #track
	{
		position:absolute;
		height:22px;
		left:240px;
		top:0px;
		z-index:26;
		width:393px;
		background-repeat:repeat-x;
		background-image: url('/images/spaces/scrollbar_repeatcenter.gif');
	}
	
	#propertyImageScroller #drag
	{
		position:absolute;
		top: 0px;
		z-index: 27;
		cursor: pointer;
		width: 110px;	
	}
	
	#propertyImageScroller #down
	{
		position:absolute;
		left:632px;
		top:0px;
		z-index:24;
		cursor: pointer;
		width:11px;
	}
	
	#propertyImageScroller p
	{
		position:absolute;
		left:350px;
		top:20px;
		color: #f47700;
	}