﻿@media screen
{
	/* ------------------------------------------------------- */
	/* --------------- PROPERTY LISTING PROFILE -------------- */
	/* ------------------------------------------------------- */

	div#PropertyProfile
	{
		margin-top: 20px;
		border: solid 0px blue;
	}

	div#PropertyProfile div#InfoHeading
	{
		width: 100%;
		border: solid 0px black;
		margin-bottom: 20px;
	}

	div#PropertyProfile p.Title
	{
		text-align: center;
		text-decoration: underline;
		padding: 0px;
		margin: 0px 0px 15px 0px;
	}

	div#PropertyProfile span.Title
	{
		font-size: 14pt;
		color: #532203;
	}
	
	/* ------------------------------------------------------- */
	/* ------------------------ COLUMNS ---------------------- */
	/* ------------------------------------------------------- */
	
	div#PropertyProfile .Column.Left
	{
		width: 571px;
		float: left;
		border: solid 0px blue;
	}
	
	div#PropertyProfile .Column.Right
	{
		width: 351px;
		float: right;
		border: solid 0px red;
	}
	
	
	/* ------------------------------------------------------- */
	/* --------------------- PROPERTY INFO ------------------- */
	/* ------------------------------------------------------- */

	div#PropertyProfile div#Info
	{
		width: 570px;
		/*float: left;*/

		border: solid 0px blue;
	}
	
	/* -------------------- INFO HEADER BAR ------------------ */

	div#PropertyProfile div#Info #InfoGrid
	{
		margin-bottom: 1px;
		border: solid 0px blue;
	}

	div#PropertyProfile div#Info #InfoGrid #InfoGridHeader
	{
		background-image: url(images/property-info_header_bg.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		height: 29px;

		border: solid 0px black;
		/*
		border-left: solid 1px #B0853F;
		border-right: solid 1px #B0853F;
		*/
	}
	
	div#PropertyProfile div#Info #InfoGrid #InfoGridRow
	{
		/*height: 30px;
		margin: 5px 0px;
		padding: 2px 0px;
		*/
		margin: 7px 0px 5px 0px;
		border: solid 0px black;
	}

	/* ------------------------------------------------------- */
	/* -------------------- INFO HEADER BAR ------------------ */
	/* -----------------------  COLUMNS ---------------------- */
	/* ------------------------------------------------------- */

	div#PropertyProfile div#Info #InfoGrid span
	{
		color: #532203;
		font-size: 10pt;
		font-weight: bold;
	}

	div#PropertyProfile div#Info #InfoGrid .Column
	{
		float: left;
		
		border: solid 0px black;
		/*
		height: 30px;
		margin: 2px;
		padding-top: 3px;
		*/
	}
	
	div#PropertyProfile div#Info #InfoGrid .Column.Acreage
	{
		color: #532203;
		width: 97px;
		padding-left: 8px;
	}
	
	div#PropertyProfile div#Info #InfoGrid .Column.Price
	{
		width: 107px;
	}
	
	div#PropertyProfile div#Info #InfoGrid .Column.PricePerAcre
	{
		width: 127px;
	}
	
	div#PropertyProfile div#Info #InfoGrid .Column.State
	{
		width: 97px;
	}
	
	div#PropertyProfile div#Info #InfoGrid .Column.County
	{
		width: 122px;
	}

	/* ------------------------------------------------------- */


	div#PropertyProfile div#Info p.Title
	{
		padding: 0px;
		margin: 0px 0px 15px 0px;
	}

	div#PropertyProfile div#Info span.Title
	{
		font-size: 14pt;
		color: #532203;
	}

	div#PropertyProfile div#Info #BulletPoints
	{
		border: solid 0px black;
	}

	div#PropertyProfile div#Info #BulletPoints ul
	{
		/*padding: 0px 5px 0px 17px;*/

		border: solid 0px blue;
	}

	div#PropertyProfile div#Info #BulletPoints li
	{
		font-size: 10pt;
		font-weight: 600;
		color: #532203;
		padding: 5px 0px;
		line-height: 12pt;
	}

	div#PropertyProfile div#Info p.Comments
	{
		margin-bottom: 25px;
	}

	div#PropertyProfile div#Info strong.Comments
	{
		font-size: 12pt;
		color: #532203;
		line-height: 16pt;
	}

	div#PropertyProfile div#Info span.Comments
	{
		font-size: 9pt;
		font-weight: 600;
		line-height: 13pt;
		color: #532203;
	}


/*
	div#PropertyProfile div.Column2
	{
		width: 460px;
		float: right;

		border: solid 0px red;
	}
*/

	/* ------------------------------------------------------- */
	/* -------------------- AERIAL PHOTO --------------------- */
	/* ------------------------------------------------------- */

	div#PropertyProfile div#Aerial
	{
		/*float: right;*/
		width: 350px;
		height: 350px;
		overflow: hidden;
		/*border: solid 1px #FFFFFF;*/
		border: dashed 1px #B0853F;
		margin-top: 10px;
	}

	div#PropertyProfile div#Aerial img.Aerial
	{
		width: 350px;
		height: 350px;
	}

	/* ------------------------------------------------------- */
	/* ------------------- EMAIL UPDATES --------------------- */
	/* ------------------------------------------------------- */

	div#PropertyProfile div#EmailNotifications
	{
		/*float: right;*/
		width: 350px;
		height: 175px;
		margin-top: 10px;
		background-image: url(images/bg_get-email-updates.jpg);
		background-repeat: no-repeat;
		overflow: hidden;
		/*border: solid 1px #FFF;*/
		border: dashed 1px #B0853F;
	}

	/* ------------------------------------------------------- */
	/* ------------------- SHARE PROPERTY -------------------- */
	/* ------------------------------------------------------- */

	div#PropertyProfile div#ShareProperty
	{
		width: 350px;
		height: 125px;
		margin-top: 10px;
		background-image: url(images/bg_get-email-updates.jpg);
		background-repeat: no-repeat;
		overflow: hidden;
		border: dashed 1px #B0853F;
	}

	/* ------------------------------------------------------- */
	/* ------------------ CALL BACK -------------------------- */
	/* ------------------------------------------------------- */

	div#PropertyProfile div#RequestCallBack
	{
		/*float: right;*/
		margin-top:10px;
		width: 350px;
		height: 250px;
		background-image: url(images/bg_agent-information.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		overflow: hidden;
		border: dashed 1px #B0853F;
	}
	
	/* ------------------------------------------------------- */
	/* ------------------ AGENT INFORMATION ------------------ */
	/* ------------------------------------------------------- */

	div#PropertyProfile div#Agent
	{
		/*float: right;*/
		width: 350px;
		height: 250px;
		background-image: url(images/bg_agent-information.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		overflow: hidden;
		margin-top: 0px;

		/*border: solid 1px #FFF;*/
		border: dashed 1px #B0853F;
	}

	div#PropertyProfile div#Agent p
	{
		margin: 0px;
		padding: 0px;
	}

	div#PropertyProfile div#Agent p.Heading
	{
		margin: 15px 0px 3px 0px;
		text-align: center;

		border: solid 0px black;
	}

	div#PropertyProfile div#Agent img.Heading
	{
		width: 210px;

		border: solid 0px blue;
	}

/*
	div#PropertyProfile div#Agent div.Divider
	{
		text-align: center;

		border: solid 0px black;
	}

	div#PropertyProfile div#Agent img.Divider
	{
		width: 215px;
		height: 1px;

		border: solid 0px blue;
	}
*/
	div#PropertyProfile div#Agent div.Info
	{
		padding: 0px 15px;
	}

	div#PropertyProfile div#Agent p.Name
	{
		margin-bottom: 1px;
		padding-top: 8px;
		text-align: center;
	}

	div#PropertyProfile div#Agent span.Name
	{
		font-weight: 600;
		font-size: 11pt;
		color: #532203;
	}

	div#PropertyProfile div#Agent p.Title
	{
		margin-bottom: 10px;
	}

	div#PropertyProfile div#Agent span.Title
	{
		font-size: 9pt;
		color: #532203;
	}

	div#PropertyProfile div#Agent p.Text
	{
		margin-bottom: 15px;
		color: #532203;
		font-weight: 600;
	}

	div#PropertyProfile div#Agent div#ContactInfo
	{
		margin-top: 10px;

		border: solid 0px blue;
	}

	div#PropertyProfile div#Agent div#ContactInfo div.Entry
	{
		/*border-bottom: dotted 1px #421C04;*/
		
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

	div#PropertyProfile div#Agent div#ContactInfo div.Description
	{
		width: 60px;
		float: left;
		font-size: 9pt;
		font-weight: 600;
		color: #532203;
		padding-left: 15px;

		border: solid 0px black;
	}

	div#PropertyProfile div#Agent div#ContactInfo div.Value
	{
		margin-left: 60px;
		text-align: right;
		font-size: 9pt;
		font-weight: 600;
		color: #532203;
		line-height: 12pt;
		padding-right: 15px;

		border: solid 0px red;
	}

	div#PropertyProfile div#Agent div#ContactInfo div.Hours
	{
		text-align: right;
		font-size: 8pt;
		color: #532203;
		padding-right: 15px;
	}

	div#PropertyProfile div#Agent div#ContactInfo div.Separator
	{
		height: 10px;
		width: 325px;
		/*
		background-image: url(images/agent-contact-divider.png);
		background-repeat: no-repeat;
		background-position: center center;
		*/
		margin: 1px auto;

		border: solid 0px black;
	}

	div#PropertyProfile div#Agent div#ContactInfo a
	{
		color: #532203;
		font-size: 9pt;
		font-weight: 600;
		text-decoration: none;
	}

	div#PropertyProfile div#Agent div#ContactInfo a:hover
	{
		text-decoration: underline;
	}

	/* ------------------------------------------------------- */
	/* -------------------- PHOTO GALLERY -------------------- */
	/* ------------------------------------------------------- */

	div#PropertyProfile div#PhotoGallery
	{
		margin: 20px auto 50px auto;
		text-align: center;
		width: 895px;

		border: solid 0px black;
	}
	
	div#PropertyProfile div#PhotoGallery div.Photo
	{
		float: left;
		width: 275px;
		height: 200px;
		margin: 10px;
		overflow: hidden;
		text-align: center;
		border: solid 1px #532203;

		/*
		padding: 1px;
		background-color: #421C04;
		border: solid 1px #421C04;
		background-repeat: no-repeat;
		background-position: center center;
		*/
	}

	div#PropertyProfile div#PhotoGallery img.Photo
	{
		width: 275px;
		height: 200px;
	}


	/* ------------------------------------------------------- */
	/* ------------------------ FOOTER ----------------------- */
	/* ------------------------------------------------------- */

	div#PropertyProfile p#Disclaimer
	{
		width: 100%;
		margin-bottom: 20px;
		font-size: 8pt;
		font-weight: 600;
		text-align: center;

		border: solid 0px blue;
	}
}
