@media screen
{
	/* ------------------------------------------------------- */
	/* ---------------------- AGENT INFO --------------------- */
	/* _______________________________________________________ */

	#AgentInfo
	{
	}

	#AgentInfo div.PhotoFrame
	{
		position: relative;
		display: block;
		left: 0px;
		top: 0px;
		width: 255px;
		height: 260px;
		z-index: 1;
		overflow: hidden;

		border: solid 0px red;

		/*
		background-image: url(images/agent-photo-frame.png);
		background-position: center center;
		background-repeat: no-repeat;
		*/
	}

	#AgentInfo div.Photo
	{
		overflow: hidden;
		/*margin-top: -260px;*/
		width: 225px;
		height: 210px;
		margin: 25px auto;
		border: solid 1px black;
	}

	#AgentInfo img.Photo
	{
		width: 225px;
		height: 210px;
		z-index: 0;
	}
	
	#AgentInfo #ContactInformation
	{
		width: 245px;
		margin: 0px auto;
		

		border: solid 0px blue;
	}
	
	#AgentInfo #ContactInformation p.Title
	{
		text-align: center;
		color: #FFFFFF;
		font-size: 11pt;
		text-decoration: underline;
	}

	#AgentInfo #ContactEntry div.Entry
	{
		/*border-bottom: dotted 1px #D8A64F;*/
		/*
		padding-bottom: 5px;
		margin-bottom: 5px;
		
		width: 235px;
*/
		border: solid 0px yellow;
	}

	#AgentInfo #ContactEntry
	{
	}

	#AgentInfo #ContactEntry div.Description
	{
		width: 50px;
		float: left;
		font-weight: 600;
		color: #FFFFFF;
		padding-left: 15px;

		border: solid 0px black;
	}

	#AgentInfo #ContactEntry div.Value
	{
		margin-left: 55px;
		text-align: right;
		font-weight: 600;
		color: #FFFFFF;
		line-height: 12pt;
		padding-right: 15px;

		border: solid 0px red;
	}

	#AgentInfo #ContactEntry div.Value.Span
	{
		margin: 0px;
		text-align: center;
		padding: 0px;
	}

	#AgentInfo #ContactEntry .Hours
	{
		text-align: right;
		font-size: 9pt;
		color: #FFFFFF;
		padding-right: 15px;
	}
	
	#AgentInfo #ContactEntry a
	{
		color: #FFFFFF;
		font-size: 10px;
		font-weight: 600;
		text-decoration: none;
	}
	
	#AgentInfo #ContactEntry a:hover
	{
		text-decoration: underline;
	}
}