html{
	margin:					0px;
	padding:				0px;
	}

body{
	background:				#FFFFFF;
	margin:					0px;
	padding:				0px;
	font-family:			Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size:				11px;
	}

#Container{
	text-align:				left;
	width:					696px;
	}

#Header{
	width:					696px;
	height:					110px;
	margin-left:			10px;
	}

#Logo{
	float:					left;
	display:				block;
	width:					207px;
	height:					100px;
	margin-top:				10px;
	margin-left:			7px;
	}

#Logo span{
	display:				block;
	width:					207px;
	height:					13px;

	padding-top:			67px;
	text-align:				center;
	font-weight:			bold;
	font-size:				12px;
	color:					#000000;
	text-decoration:		none;
	}

#ListingInfo{
	float:					right;
	margin-top:				22px;
	width:					470px;
	}

#ListingInfo h1{
	color:					#000000;
	font-weight:			bold;
	text-align:				center;
	font-size:				14px;
	margin-bottom:			9px;
	}

#InfoValues{
	background:				#F5F5F5;
	border:					1px solid #8EA0BA;
	height:					36px;
	}

#InfoValues .Info{
	width:					154px;
	float:					left;
	line-height:			18px;
	}

#InfoValues .Info .Label{
	width:					60px;
	height:					18px;
	padding:				0px 3px 0px 3px;
	float:					left;
	}
#InfoValues .Info .Value{
	width:					70px;
	height:					18px;
	padding:				0px 3px 0px 3px;
	float:					left;
	text-align:				right;
	overflow:				hidden;
	}

#InfoValues .Clear{
	clear:					both;
	height:					0px;
	font-size:				0px;
	line-height:			0px;
	}


#TourFeatures{
	width:					696px;
	height:					31px;
	margin-left:			10px;
	background-image:   	url(TourFeatures.gif);
	background-color:		#8EA0BA;
	text-align:				right;
	color:					#FFFFFF;
	}

#TourFeatures a{
	font-size:				11px;
	color:					#FFFFFF;
	font-weight:			bold;
	text-decoration:		none;
	line-height:			30px;
	margin-right:			14px;
	margin-left:			14px;
	}

#TourFeatures a:hover{
	text-decoration:		underline;
	}

#NavigationAccent{
	position:				relative;
	float:					left;
	top:					-11px;

	left:					11px;
	margin-left:			0px;
	height:					1px;
	width:					200px;
	background:				#FFFFFF;
	line-height:			1px;
	font-size:				1px;
	}

#Navigation{
	position:				relative;
	clear:					left;
	float:					left;
	top:					-11px;

	left:					10px;
	margin-left:			0px;
	width:					202px;
	height:					389px;
	background:				url(NavigationFill.gif) no-repeat;
	background-color:		#F5F5F5;
	z-index:				9;
	overflow:				hidden;
	}


#Navigation h2{
	color:					#454545;
	font-size:				12px;
	margin:					2px 6px 3px 6px;
	border-width:			0px;
	border-bottom-width:	1px;
	border-color:			#8EA0BA;
	border-style:			solid;
	clear:					both;
	}

.AgentList{
	margin:					5px;
	}

.AgentList .Agent{
	font-size:				10px;
	}

body.Agents2 .AgentList .Agent,
body.Agents3 .AgentList .Agent,
body.Agents4 .AgentList .Agent{
	float:					left;
	width:					90px;
	height:					100px;
	margin-bottom:			5px;
	color:					#454545;
	font-size:				9px;
	text-align:				center;
	overflow:				hidden;
	}

body.Agents2 .AgentList .Agent img,
body.Agents3 .AgentList .Agent img,
body.Agents4 .AgentList .Agent img{
	float:					none;
	display:				block;
	margin:					0px auto 0px auto;
	border:					1px solid #454545;
	width:					40px;
	height:					50px;
	}

body.Agents2 .AgentList .Agent div span,
body.Agents3 .AgentList .Agent div span,
body.Agents4 .AgentList .Agent div span{
	display:				none;
	}



.AgentList .Agent div span{
	font-weight:			bold;
	}

.AgentList .Agent b{
	display:				block;
	font-size:				11px;
	margin-bottom:			2px;
	}

.AgentList .Agent a{
	display:				block;
	}

.AgentList .Agent img{
	border:					1px solid #454545;
	width:					80px;
	height:					100px;
	float:					left;
	margin:					0px 3px 5px 0px;
	}

ul.PhotoList{
	margin:					6px;
	padding:				0px;
	height:					335px;
	overflow:				auto;
	}

body.Agents1 ul.PhotoList{
	height:					225px;
	}

body.Agents2 ul.PhotoList{
	height:					225px;
	}
body.Agents3 ul.PhotoList,
body.Agents4 ul.PhotoList{
	height:					125px;
	}


ul.PhotoList li{
	display:				block;
	list-style-type:		none;
	margin:					0px;
	padding:				0px;
	height:					22px;
	he\ight:				auto;
	}

ul.PhotoList li a{
	display:				block;
	line-height:			20px;
	list-style-type:		none;
	margin:					0px;
	padding:				0px 0px 0px 30px;
	background-image:		url(Camera.gif);
	background-position:	3px 1px;
	background-repeat:		no-repeat;
	text-decoration:		none;
	color:					#454545;
	}

ul.PhotoList li,
ul.PhotoList li a{
	border-width:			1px;
	border-style:			solid;
	border-color:			#F5F5F5;
	}

ul.PhotoList li a:focus{
	outline:				none;
	}

* html ul.PhotoList li a{
	background-position:	3px 3px;
	}

ul.PhotoList li a.Pan{
	background-image:		url(Eyes.gif);
	}

ul.PhotoList li a:hover,
ul.PhotoList li a.Selected{
	background-color:		#FFFFFF;
	border-color:			#8EA0BA;
	}

/* Autoplay */
#Autoplay{
	display:				block;
	margin:					0px 0px 0px 5px;
	width:					85px;
	height:					16px;
	background:				url(AutoplayOff.gif) no-repeat;
	cursor:					pointer;
	cursor:					hand;
	}

#Autoplay.Checked{
	width:					85px;
	height:					16px;
	background:				url(AutoplayOn.gif) no-repeat;
	}

#Autoplay span{
	display:				none;
	}

/* Photo area */
#TourContainer{
	float:					right;
	margin-top:				20px;
	width:					450px;
	height:					360px;
	}

#Address{
	font-size:				11px;
	font-weight:			bold;
	color:					#454545;
	text-align:				center;
	width:					450px;
	margin:					5px 0px 5px 0px;
	}

.Map{
	display:				block;
	float:					left;
	width:					80px;
	height:					17px;
	background:				url(ViewMap.gif);
	text-decoration:		none;
	}

.Schools{
	display:				block;
	float:					right;
	width:					80px;
	height:					17px;
	background:				url(Schools.gif);
	text-decoration:		none;
	}

.Map span, .Schools span{
	display:				none;
	}

#TourDisplay{
	width:					450px;
	}

#Comments{
	background:				#F5F5F5;
	border:					1px solid #8EA0BA;
	height:					45px;
	padding:				3px 0px 3px 6px;
	margin-top:				5px;
	overflow:				auto;
	color:					#454545;
	font-size:				11px;
	font-weight:			normal;
	}

/* Footer */

#Footer{
	margin-top:				5px;
	clear:					both;
	text-align:				center;
	}

#Footer a{
	color:					#C02A1C;
	}

/* Other info styling */

#PhotoData{
	display:			none;
	}

#FlashError{
	display:			none;
	padding:			0px 8px 3px 8px;
	text-align:			center;
	}

#FlashError a{
	color:				#FF0000;
	}

#MoreInfo{
	display:			none;
	left:				0px;
	background:			#FFF;
	z-index:			10;
	width:				720px;
	overflow:			auto;
	text-align:			center;
	}
#MoreInfo table{
	width:				550px;
	margin:				6px auto 6px auto;
	text-align:			left;
	border:				1px #CCC solid;
	font-size:			11px;
	}

#MoreInfo table td{
	padding:			2px;
	}

#MoreInfo table thead tr{
	background:			#FAFAFA;
	}

#MoreInfo table thead td{
	text-align:			center;
	font-weight:		bold;
	}

#MoreInfo table tbody td{
	border-top:			1px solid #F1F1F1;
	}
#MoreInfo table tbody td.Label{
	width:				150px;
	}

#MoreInfo table tr.Even{
	background:			#FAFAFA;
	}


#HideInfo{
	display:			none;
	}


body.MoreInfo #ShowInfo{
	display:			none;
	}

body.MoreInfo #HideInfo{
	display:			inline;
	}

body.MoreInfo #Navigation,
body.MoreInfo #NavigationAccent,
body.MoreInfo #TourContainer{
	display:			none;
	}

body.MoreInfo #MoreInfo{
	display:			block;
	}

#ExternalLink{
	position:			relative;
	top:				-10px;
	display:			block;
	font-weight:		bold;
	text-decoration:	none;
	margin:				0px;
	padding:			0px;
	}
#ExternalLink span{
	display:			block;
	background:			url(../../../images/icons/ArrowOnWhite.png) 0px 0px no-repeat;
	margin:				0px;
	padding:			0px 0px 0px 30px;
	font-size:			14px;
	line-height:		22px;
	}
