﻿/*
====================================================
===  UNIVERSAL    ==================================
====================================================
*/	
body,html {
	margin:0;
	padding:0;
	color:#333333;
	background: #ffffff;
	}
	
body {
	min-width:973px;
	font-family: arial, trebuchet ms, helvetica, sans-serif;
	font-size: 63.125%;		/* translate 1.0em to 10px, 1.5em to 15px, etc. */
	color: #333333;
	background: url('/images/mydeebbar_tilebg.jpg') center top repeat-x #fff;
	}
	
p {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 1.1em;
	}
	
img {
	border:0;
	}

a {
	color: #306294;
	}

div {
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4, h5 
{
	margin: 0;
	padding: 0;
}

#container {
	position:relative;
	float: none;
	margin: 0 auto;
	width:973px;
	background: #fff;
	}
	
	#header {
		float:none;
		width: 973px;
		height: 206px;
		margin: 0;
		padding: 0;
		background: #ffffff;
		}

		#oldbrowser 
		{
			display: none;
			width: 100%;
			margin: 0;
			padding: 30px 0 30px 0;
			text-align: center;
			font-size: 1.5em;
			font-weight:bold;
			background: #fff3b1;
		}
		
		#mydeebbar 
		{
			float: left;
			width: 973px;
			height: 31px;
			background: url('/images/mydeebbar_tilebg.jpg') center top repeat-x #fff;
		}
		
			#mydeeb-info 
			{
				float: left;
				margin: 8px 30px 0 470px;
				width: 370px;
				font-size: 1.2em;
				text-align: right;
				color: #996633;
			}
			
				#mydeeb-info a 
				{
					color: #996633;
				}
			
			#mydeeb-logo 
			{
				float: left;
				margin: 4px 0 0 0;
				width: 70px;
			}
		
		#customname 
		{
			float: left;
			width: 674px;
			height: 120px;
			background: url('/images/custom/header_custom_name.jpg') center top no-repeat #fff;
		}
		
			#customname h1 
			{
				float: left;
				margin: 43px 0 0 23px;
				color: #d10909;
				font-size: 4.0em;
				text-transform:  uppercase;
				letter-spacing: -0.05em;
			}
			
				#customname h1 span 
				{
					font-size: 1.3em;
					color: #000;
					font-weight: normal;
					text-transform: lowercase;
					letter-spacing: -0.08em;
				}
							
			
			#customlogo 
			{
				float: left;
				width: 299px;
				height: 120px;
				background: url('/images/custom/header_custom_logo.jpg') center top no-repeat #fff;
			}
			
		#logo 
		{
			float: left;
			width: 416px;
			height: 120px;
		}
		
			#logo h1 
			{
				float: left;
				width: 416px;
				height: 120px;
				text-indent: -10000px;
				background: url('/images/header_logo.jpg') center top no-repeat #fff;
			}
			
			#people 
			{
				float: left;
				width: 557px;
				height: 120px;
				background: url('/images/header_agent_none.jpg') center top no-repeat #fff;
			}
				
				#people a 
				{
					display:block;
					width: 557px;
					height: 120px;
					/*text-indent: -10000px;*/
				}
				
				#people-agent 
				{
					float: right;
					margin: 25px 20px 0 230px;
				}
					
					#people-agent-photo 
					{
						float: left;
						width: 60px;
						margin: 0 8px 0 0;
					}
					
						#people-agent-photo img 
						{
							border: 3px double #dedede;
						}
					
					#people-agent-info 
					{
						float: left;
					}
					
						#people-agent-info h4 
						{
							font-size: 1.9em;
							font-family: Times New Roman, Serif;
							font-weight: normal;
							color: #bc2025;
						}
					
						#people-agent-info a 
						{
							display: inline;
							text-indent: 0;
							width: auto;
							height: auto;
						}
						

		#menu 
		{
			float: left;
			height: 55px;
		}
		
		ul.tabs
		{
			float: left;
			margin: 0;
			padding: 0;
			list-style-type:none;
			}
			
			ul.tabs li 
			{
				float: left;
				display:inline;
				text-align: center;
			}
			
				a.home, a.properties, a.properties-active, a.buyers, a.buyers-active, a.sellers, a.sellers-active, a.agents, a.agents-active, a.contactus, a.contactus-active, a.contactme, a.contactme-active
				{
					float: left;
					display:block;
					margin: 0;
					padding: 0;
					height: 55px;
					text-indent: -10000px;
				}
				
				a.home, a.home-active 
				{
					width: 101px;
					background: url('/images/menu_home.jpg') center top no-repeat;
				}
				
					a.home-active 
					{
						background: url('/images/menu_home_active.jpg') center top no-repeat;
					}
					
				a.properties, a.properties-active 
				{
					width: 136px;
					background: url('/images/menu_properties.jpg') center top no-repeat;
				}
				
					a.properties-active 
					{
						background: url('/images/menu_properties_active.jpg') center top no-repeat;
					}
					
				a.buyers, a.buyers-active 
				{
					width: 111px;
					background: url('/images/menu_buyers.jpg') center top no-repeat;
				}
				
					a.buyers-active 
					{
						background: url('/images/menu_buyers_active.jpg') center top no-repeat;
					}
					
				a.sellers, a.sellers-active 
				{
					width: 110px;
					background: url('/images/menu_sellers.jpg') center top no-repeat;
				}
				
					a.sellers-active 
					{
						background: url('/images/menu_sellers_active.jpg') center top no-repeat;
					}
					
				a.agents, a.agents-active 
				{
					width: 113px;
					background: url('/images/menu_agents.jpg') center top no-repeat;
				}
				
					a.agents-active 
					{
						background: url('/images/menu_agents_active.jpg') center top no-repeat;
					}
					
				a.contactus, a.contactus-active 
				{
					width: 141px;
					background: url('/images/menu_contactus.jpg') center top no-repeat;
				}
				
					a.contactus-active 
					{
						background: url('/images/menu_contactus_active.jpg') center top no-repeat;
					}

				a.contactme, a.contactme-active 
				{
					width: 122px;
					background: url('/images/custom/menu_contactme.jpg') center top no-repeat;
				}
				
					a.contactme-active 
					{
						background: url('/images/custom/menu_contactme_active.jpg') center top no-repeat;
					}

		#menu-search 
		{
			float: left;
			width: 246px;
			height: 55px;
			background: url('/images/menu_search.jpg') center top no-repeat;
		}
		
			form.quickform 
			{
				margin:0;
				padding:0;
				background: none;
			}
			
				form.quickform input.textbox
				{
					width: 145px;
					height: 27px;
					margin: 16px 0 0 16px;
					font-size: 1.6em;
					color: #888;
					border:0;
					background: none;
				}

				form.quickform input.submitbutton
				{
					width: 25px;
					height: 25px;
					margin: 15px 0 0 4px;
					border:0;
					background: none;
				}
		
			#expandproperties, #expandbuyers, #expandsellers, #expandagents, #expandcontactus
			{
				display:none;
				position: absolute;
				top: 187px;
				width: 343px;
				height: 385px;
				padding: 54px 14px 20px 14px;
				font-size: 1.1em;
				text-align: left;
				background: url('/images/expanded-menu-tall.png') center bottom no-repeat;
				z-index: 900;
			}
			
				#expandproperties a, #expandbuyers a, #expandsellers a, #expandagents a, #expandcontactus a
				{
					color: #434343;
					text-decoration:none;
				}
				
				#expandproperties a:hover, #expandbuyers a:hover, #expandsellers a:hover, #expandagents a:hover, #expandcontactus a:hover
				{
					text-decoration:underline;
				}

				#expandproperties 
				{
					left: 104px;
					height: 256px;
					background: url('/images/expanded-menu.png') center bottom no-repeat;
				}
				
				#expandbuyers 
				{
					left: 244px;
				}
				
				#expandsellers 
				{
					left: 362px;
				}
				
				#expandagents 
				{
					left: 468px;
					height: 210px;
					background: url('/images/expanded-menu-short.png') center bottom no-repeat;
				}
				
				#expandcontactus 
				{
					left: 585px;
					height: 210px;
					background: url('/images/expanded-menu-short.png') center bottom no-repeat;
				}
			
			p.mainlinks, p.alsoseelinks
			{
				line-height: 1.7em;
			}
			
			ul.menu
			{
				float: none;
				margin: 0;
				padding: 0 0 0 20px;
				font-size: 1.1em;
				line-height: 1.0em;
				list-style-image: url('/images/menuexpand-bullet.png');
			}
			
				ul.menu li 
				{
					float: none;
					margin: 6px 0;
					display:list-item;
					text-align: left;
				}
			
			#menu h4 
			{
				margin: 20px 0 8px 0;
				padding: 3px 0 4px 5px;
				color: #fff;
				font-size: 1.3em;
				background: url('/images/menu_h4_bg.jpg') center center repeat-x;
				
			}
		
	#content {
		float:left;
		clear:both;
		margin: 0 0 0 4px;
		padding: 0;
		width: 964px;
		background: #fff;
		}

		#maincolumn 
		{
			float:left;
			width: 680px;
		}
		
			#savethis 
			{
				float: left;
				margin: 0 0 15px 15px;
				font-size: 1.4em;
				font-weight: bold;
			}

			.addthis_toolbox
			{
				margin: 5px 20px 10px 500px;
			}
			
			
			#maincolumn p 
			{
				margin: 0 25px 20px 20px;
				font-size: 1.2em;
				line-height: 1.6em;
			}
		
			div.gallery-thumbnail 
			{
				
				float: none;
				margin: 20px 0 40px 20px;
			}
			
				div.gallery-thumbnail img.thumbnail 
				{
					margin: 0 15px 0 0;
					border: 3px double #dedede;
				}
				
				form.contactform 
				{
					margin: 20px;
					font-size: 1.2em;
				}
				
					form.contactform table td 
					{
						padding: 4px 0 4px 6px;
						border-bottom: 1px solid #dedede;
					}
			
			img.textphoto 
			{
				float: right;
				width: 200px;
				margin: 5px 0 50px 15px;
				border: 1px solid #dedede;
			}
			
			div.feature 
			{
				position: relative;
				float: left;
				width: 680px;
				height: 338px;
				overflow:hidden;
			}
			
			div.ppscroller 
			{
				width: 900px;
				height: 85px;
				margin: 8px auto 0 auto;
				overflow:hidden;
			}
			
				div.arrowleft, div.arrowleftpp 
				{
					position: absolute;
					top: 140px;
					left: 6px;
					z-index: 400;
				}
				
				div.arrowleftpp 
				{
					top: 25px;
				}
				
				div.arrowright, div.arrowrightpp 
				{
					position:absolute;
					top: 140px;
					right: 6px;
					z-index: 400;
				}
				
				div.arrowrightpp 
				{
					top: 25px;
				}

					div.ppscroller ul li 
					{
						text-align: center;
						margin: 0 4px 0 4px;
						border: 0;
					}
					
					div.ppscroller a 
					{
						display: block;
						margin: 3px;
					}
				
			
			#subfeature1, #subfeature2 
			{
				float:left;
				margin-top: 20px;
				width: 679px;
				height: 116px;
				background: url('/images/home_subfeature_bgtile.jpg') center bottom repeat-x #fff;
				border-left: 1px solid #bcbcbd;
				
			}
			
				div.subfeature 
				{
					float: left;
					width: 225px;
					height: 116px;
					border-right: 1px solid #bcbcbd;
				}
				
		#content-head 
		{
			float: none;
			margin: 0 0 20px 0;
			width:944px;
			height:75px;
			padding: 43px 0 0 20px;
			background: url('/images/content_head_bg_paper.jpg') center top no-repeat;
		}
		
			#content-head h4
			{
				font-size: 1.2em;
				color: #c5c5c5;
				font-weight: normal;
			}
			
			#content-head h2 
			{
				font-size: 3.65em;
				color: #fff;
				font-family: Times New Roman, serif;
				font-weight: normal;
			}
					
				#content-head h2 span 
				{
					margin: 0 0 0 30px;
					font-size: 0.55em;
					font-weight: normal;
					font-family: Arial, Sans-Serif;
					letter-spacing: -0.03em;
					color: #cfcfcf;
				}

		#sidecolumn 
		{
			float:left;
			width: 275px;
			margin-left: 9px;
		}
		
			div.sidefeature 
			{
				width: 275px;
				height: 110px;
				margin-bottom: 5px;
			}
			
				div.sidefeature a 
				{
					display: block;
					width: 275px;
					text-indent: -10000px;
				}
				
					div.sidefeature a.quicksearch 
					{
						height: 110px;
						background: url('/images/home_right_quicksearch.jpg') center top no-repeat #fff;
					}
					
					div.sidefeature a.openhouses 
					{
						height: 109px;
						background: url('/images/home_right_openhouses.jpg') center top no-repeat #fff;
					}
					
					div.sidefeature a.justlisted 
					{
						height: 109px;
						background: url('/images/home_right_justlisted.jpg') center top no-repeat #fff;
					}
					
			#whatsnew 
			{
				width: 275px;
				margin-top: 15px;
				font-size: 1.1em;
				border-bottom: 1px solid #ccc;
			}
			
				#whatsnew h3 
				{
					width:275px;
					height: 37px;
					text-indent: -10000px;
					background:url('/images/home_right_whatsnew.jpg') center top no-repeat #fff;
				}
				
				#whatsnew h5 
				{
					margin: 14px 5px 3px 5px;
					font-size: 1.9em;
					font-family: Times New Roman, serif;
					font-weight: normal;
					line-height: 0.85em;
					letter-spacing: -0.01em;
					color: #306294;
				}
				
				p.whatsnewdate 
				{
					margin: 0 5px 8px 5px;
					color: #8c8c8c;
				}
				
				p.whatsnewpreview 
				{
					margin: 0 5px 14px 5px;
					line-height: 1.3em;
				}
					
				p.whatsnewolder 
				{
					margin: 0 5px 10px 5px;
					line-height: 1.3em;
				}
				
		#serviceproviders 
		{
			position: relative;
			float: left;
			margin-top: 28px;
			width: 964px;
			height: 107px;
			background: url('/images/home_serviceproviders_bg.jpg') center top no-repeat #fff;
		}
		
		#provider-legal 
		{
			clear:both;
			padding-top: 15px;
			font-size: 1.0em;
			color: #999999;
			border-top: 1px dotted #999999;
		}

		#custom-maincolumn 
		{
			position:relative;
			float: left;
			width: 680px;
			padding: 10px 0 40px 15px;
		}
		
			#custom-maincolumn h3, #custom-sidecolumn h3
			{
				margin: 30px 0 5px 0;
				font-size: 1.9em;
				color: #bd0606;
			}
		
			#custom-maincolumn p 
			{
				margin: 0 0 15px 0;
				font-size: 1.4em;
				color: #2e2e2e;
				line-height: 1.35em;
			}
			
			#custom-adres 
			{
				position:relative;
				float:left;
			}
			
			ul.custom-additionalres 
			{
				float:left;
				margin: 5px 0 0 10px;
				padding: 0 0 0 5px;
				font-size: 1.4em;
			}

			ul.custom-additionalres li 
			{
				float:left;
				width: 280px;
				padding: 0 40px 0 0;
				margin: 0 0 7px 0;
			}
			
		#custom-sidecolumn 
		{
			float: left;
			width: 240px;
			margin: 40px 0 0 25px;
		}
		
			#custom-social 
			{
				position:relative;
				margin: 0 0 20px 0;
			}
			
			#custom-sidecolumn h4 
			{
				margin: 10px 0 0 0;
				font-size: 1.4em;
				text-transform:uppercase;
				color: #2e2e2e;
				letter-spacing: -0.03em;
			}
			
			#custom-contact 
			{
				position:relative;
			}
			
				#custom-contact p 
				{
					color: #c0030a;
					font-size: 1.6em;
					font-weight:bold;
				}
			
			#custom-featured 
			{
				position:relative;
			}
			
				#custom-featured p 
				{
					font-size: 1.5em;
					text-align: center;
				}
				
				#custom-featured a 
				{
					text-decoration: none;
				}

	#mylistings 
	{
		float: left;
		margin: 0 0 50px 0;
		width: 642px;
		height: 165px;
		border: 1px solid #929292;
		background: url('/images/agent_mylistings_bg.jpg') center top no-repeat;
	}

			div.mlscroller 
			{
				width: 560px;
				height: 150px;
				margin: 0 auto 0 auto;
				padding-top: 8px;
				
			}
			
				div.arrowleftml 
				{
					position: absolute;
					top: 55px;
					left: 6px;
					z-index: 400;
				}
				
				div.arrowrightml 
				{
					position:absolute;
					top: 55px;
					right: 6px;
					z-index: 400;
				}
				
					div.mlscroller ul li 
					{
						font-size: 1.2em;
						text-align: center;
						margin: 0 2px 0 2px;
						border: 0;
					}
					
					div.mlscroller a 
					{
						display: block;
						margin: 0;
						padding: 0;
						text-decoration: none;
					}

		div.editlink 
		{
			position:absolute;
			top: 5px;
			left: 5px;
			padding: 4px 5px;
			border: 1px solid #bca90b;
			background: #f8efa3;
			color: #7d7000;
			font-size: 1.2em;
		}
		
			div.editlink a
			{
				color: #7d7000;
			}
		
		#custom-head 
		{
			position:relative;
			float: left;
			margin: 0 0 20px 0;
			width:965px;
			background: url('/images/custom/custom_head_bg.jpg') center top repeat-x;
		}
			
			#custom-feature 
			{
				float: left;
				width: 555px;
			}
			
			#custom-title
			{
				position: relative;
				float:left;
				width: 395px;
				padding: 16px 0 0 12px;
			}
			
				#custom-title h2 
				{
					float:left;
					margin: 0;
					font-size: 3.7em;
					color: #ae1f23;
					font-family: Times New Roman, Serif;
					font-weight: normal;
					letter-spacing: -0.05em;
					line-height: 1.0em;
				}
				
				#custom-intro 
				{
					float: left;
					width: 210px;
				}
				
					#custom-intro p 
					{
						margin:10px 0 0 2px;
						padding:0;
						font-size: 1.7em;
						line-height: 1.2em;
					}
					
					.sendmessage 
					{
						margin: 30px 0 0 0;
						padding: 0;
						width: 142px;
						height: 33px;
						font-weight: bold;
						color: #fff;
						border: 0;
						background: url('/images/agent_sendmessage_bg.jpg') center center no-repeat;
					}
		
				#custom-photo 
				{
					float: left;
					margin:20px 0 0 12px;
					width: 170px;
				}
						
#footer 
{
	float: left;
	width: 100%;
	padding: 0 0 30px 0;
	margin: 28px 0 0 0;
	background: #333333;
}

	#footer-content 
	{
		width: 964px;
		margin: 0 auto;
		padding: 30px 0 30px 0;
		color: #ffffff;
	}
	
		div.menulist 
		{
			float: left;
			margin: 15px 30px 0 0;
			line-height: 2.0em;
			font-size: 1.0em;
		}
		
			div.menulist h3 
			{
				margin-bottom: 10px;
				font-size: 1.8em;
				color: #fff;
				letter-spacing: -0.04em;
			}
			
			div.menulist a 
			{
				color: #fff;
				text-decoration:none;
			}
			
		#footer-content-info 
		{
			float: left;
			width: 100%;
			padding: 0 0 30px 0;
			font-size: 1.2em;
			line-height: 1.5em;
			border-bottom: 1px dotted #666;
			color: #6a6a6a;
		}
		
			#footer-content-info a 
			{
				color: #fff;
			}

			#info-left 
			{
				float: left;
				width: 500px;
			}
			
			#info-right 
			{
				float: right;
				width: 200px;
				text-align: right;
			}