﻿@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
	{
		position: relative;
		display: block;
		left: 12px;
		top: 25px;
		overflow: hidden;
		margin-top: -260px;
		width: 225px;
		height: 210px;
		z-index: 0;

		border: solid 0px black;
	}

	#AgentInfo img.Photo
	{
		width: 225px;
		height: 210px;
		z-index: 0;
	}
	
	#AgentInfo #ContactInformation
	{
		width: 245px;
		margin: 60px auto 30px auto;

		border: solid 0px blue;
	}
	
	#AgentInfo #ContactInformation p.Title
	{
		padding: 0px 0px 15px 0px;
		color: #532203;
	}

	#AgentInfo #ContactEntry .Row
	{
		border-bottom: dotted 1px #421C04;
		padding-bottom: 5px;
		margin-bottom: 5px;
		width: 235px;
	}

	#AgentInfo #ContactEntry
	{
	}

	#AgentInfo #ContactEntry div.Description
	{
		width: 50px;
		float: left;
		font-weight: 600;
		color: #532203;

		border: solid 0px black;
	}

	#AgentInfo #ContactEntry div.Value
	{
		margin-left: 55px;
		text-align: right;
		font-weight: 600;
		color: #532203;
		line-height: 12pt;

		border: solid 0px red;
	}

	#AgentInfo #ContactEntry .Hours
	{
		text-align: right;
		font-size: 9pt;
		color: #532203;
	}
	
	#AgentInfo #ContactEntry a
	{
		color: #532203;
		font-size: 7pt;
		font-weight: 600;
		text-decoration: none;
	}
	
	#AgentInfo #ContactEntry a:hover
	{
		text-decoration: underline;
	}
	
	#AgentInfo #SocialNetworks
	{
		/*margin: 0px auto;*/
		margin-left: 5px;
		margin-bottom: 20px;
		padding: 10px 0px;
		width: 235px;
		background-image: url(images/bg_social-network.png);
		background-repeat: repeat;
		overflow: hidden;

		border: dotted 1px #421C04;
		/*border: solid 0px black;*/
	}
	
	#AgentInfo #SocialNetworks div.Icon
	{
		width: 50px;
		float: left;
		padding: 4px;
		text-align: center;
		
		border: solid 0px blue;
	}
	
	#AgentInfo #SocialNetworks a
	{
		font-size: 8pt;
	}
}
