/* CSS Document */

html, body 
{
	 margin: 0;
	 padding: 0;
	 height: 100%;
}

body
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #66523f;
	line-height: 150%;
	background: url(img/int/bgr.jpg) top left repeat-x;
	background-color: #fff;
}


a:link, 
a:visited, 
a:hover
{
	font-weight: bold;
	color: #00ADEF;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}


h1, h2, h3
{
	font-size: 14px;
	font-family: Verdana, "Century Gothic", Arial, Helvetica, sans-serif;

}

ul
{
	margin: 0px 0;
	padding: 0;
	padding-left: 20px;
}

.red { color:#C93325 }


/* IDs --------------------------------------------------------------------------------------------- */

#wrapper 
{
	width: 890px;
	margin: auto;
	padding-top: 25px;
}

#container
{
	float: left; width: 890px;
	background: repeat-y url(img/int/container_back.gif) top left;
}

#containerNav
{
	float: left; width: 186px;
	
}

	#containerNavBottom
	{
		width: 186px;
		height: 76px;
		/*background: url(/img/int/menu_bottom_home.gif) no-repeat top left;*/
	}
	

#containerContent
{
	float: left; width: 699px;
}



	/* HOME colored abstracts ---------------------------------------------------------------------------------------------------------------- */
	
	#containerTop
	{
		float: left;
		width: 890px;
		height: 195px;
		background: url(img/int/top.jpg) no-repeat top left ;
	}
	
	#containerTop h1
	{
		padding-left: 90px;
		padding-top: 110px;
		font-size: 10px;
		font-weight: normal;
	}
	
	#containerWelcome
	{
		background: url(img/int/container_welcome_back.gif) repeat-y top left;
	}
		#contentWelcome
		{
			width: 459px;
			float: left;
		}
		#contentWelcome h1 a
		{
			float: left;
			display: block; width: 195px;
		}
		#contentWelcome p
		{
			width: 250px;
		}
		
		#contentWelcomeBlue
		{
			float: left;
			padding-left: 20px;
			width: 210px;
			color: #fff;
		}
		#contentWelcome #coverImage
		{
			position: relative;
			top: 0; left: 0;
			float: left;
		}
		
		#contentWelcome h1,
		#contentWelcome p,
		#contentWelcomeBlue h1,
		#contentWelcomeBlue p
		
		{
			margin: 5px 0;
		}
		
		#contentWelcome h1,
		#contentWelcomeBlue h1
		{
			margin: 0;
		}
		
	/* HOME Listing ---------------------------------------------------------------------------------------------------------------- */
	
	#content #listing1,
	#content #listing2
	{
		padding: 20px 5px 20px 20px;
		width: 308px;
		float: left;
	}
		#content #listingSpacer
		{
			width: 1px;
			height: 110px;
			float: left;
			margin-top: 20px;
			/*background-color: #DED5CC;*/
			border-left: 1px dotted #DED5CC;
		}
		#content #listing1 img,
		#content #listing2 img
		{
			border: 1px solid #DED5CC;
			padding: 1px;
			float: left;
		}
		#content #listing1 div.copy,
		#content #listing2 div.copy
		{
			float: left;
			margin-left: 10px;
			width: 190px;
		}
		
		#content #listing1 h2,
		#content #listing1 h2 a:link,
		#content #listing1 h2 a:visited,
		#content #listing1 h2 a:hover,
		#content #listing2 h2,
		#content #listing2 h2 a:link,
		#content #listing2 h2 a:visited,
		#content #listing2 h2 a:hover
		{
			font-family: "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: normal;
			margin: 0 0 5px;
			text-decoration: none;
		}
		
		#content #listing1 h2 a:hover,
		#content #listing2 h2 a:hover
		{
			text-decoration: underline;
		}
		
		
		
		#content #listing1 p,
		#content #listing2 p
		{
			margin: 5px 0 0;
		}
	
	/* SUBPAGE ---------------------------------------------------------------------------------------------------------------- */
	
	#contentSubpage
	{
		float: left;
		width: 660px;
		padding: 20px;
	}
	
	.border
	{
		border: 1px solid #E3DBD3;
		padding: 1px;
	}
	
	#thumbnailLinks .border
	{
		margin: 0;
		float: left;
		margin-left: 1px;
		margin-top: 1px;
	}
	
	div.listingDiv
	{
		clear: both; 
		margin: 10px 0 0; 
		float:left;
		width: 100%;
		border-bottom: 1px dotted #E3DBD3; 
		padding-bottom: 10px;
	}
	
	hr.hSpace
	{
		background-color: #FFFFFF; 
		border: 1px dotted #E3DBD3; 
		border-top: #fff;
		margin: 30px 0 15px;
		float: left;
	}
	
	#columnRight a:link,
	#columnRight a:visited,
	#columnRight a:hover
	{
		font-weight: normal;
		color: #66523F;
	}
	
	.contactAgents
	{
		float: right; clear: right;
		width: 225px;
		margin: 10px 0 20px 20px;
		text-align: left;
	}
	
	#contactAgentsBorder
	{
		float: left;
		border: 1px solid #E3DBD3;
		padding: 0 10px 5px 10px;
		margin-top: 5px;
		background-color: #F8F5EE;
	}
	
	#linkParagraphs p
	{
		float: left; width: 220px;
		margin: 10px 0;
	}
	
	
	/* listings ============================================================================================= */
	
	a img {
		border: 0
	}
	
	#realtyCategories {
		float: left; width: 666px; clear: both;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		}
		
		.realtyCategory {
			float: left; width: 220px; 
			}
			
		ul.realtyCategoryList {
			border-left: 1px solid #F8F5EE;
			margin: 0; padding: 0; 
			list-style: none;
			height: 102px !important;
			height: 105px;
			}
			ul.realtyCategoryList li {
				padding: 10px 10px;
				height: 30px;
				border-bottom: 1px solid #F8F5EE;
				}
		
		.realtyMoreUnits {
			float: left; width: 198px; clear: both; 
			margin: 0; padding: 0; 
			padding: 5px 10px;
			background-color: #F8F5EE;
			font-weight: normal !important;
			}
			
			.realtyMoreUnits a {
				font-weight: normal !important;
				}
	
	
	h1.mainHeader {
		color: #06abed;
		margin: 0; padding: 0; 
		font-size: 18px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		float: left; width: 300px; height: 30px;
		margin-bottom: 10px;
		}
	
	#cookieCrumb {
		color: #06ABED;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		margin: 0 0 20px;
		float: right; width: 360px;
		text-align: right;
		}
		
		#cookieCrumb a {
			color: #06ABED !important;
			font-weight: normal !important;
			}
	
	#copyTop {
		float: left; width: 340px; clear: both; 
		background-color: #f8f5ee;
		padding: 10px;
		}
		
	#listingDescription {
		float: left; width: 340px; 
		border-left: 1px solid #f8f5ee;
		padding: 10px;
		}
	
	#listingTools {
		float: left; width: 660px; clear: both; 
		background-color: #f8f5ee;
		}
		
		#listingTools ul {
			margin: 0; padding: 0;
			list-style: none;
			}
			
			#listingTools ul li {
				float: left; width: 220px; 
				}
			
			#listingTools ul li img {
				padding-right: 10px;
				}
				
			#listingTools ul li a {
				font-weight: normal !important;
				float: left; width: 200px; 
				padding: 10px;
				}
				
				#listingTools ul li a:hover {
					background-color: #fff;
					text-decoration: none;
					}
					
	#listingTools2 {
		float: left; width: 660px; clear: both; 
		background-color: #f8f5ee;
		}
		
		#listingTools2 ul {
			margin: 0; padding: 0;
			list-style: none;
			}
			
			#listingTools2 ul li {
				float: left; width: 220px; 
				}
			
			#listingTools2 ul li img {
				padding-right: 10px;
				}
				
			#listingTools2 ul li a {
				font-weight: normal !important;
				float: left; width: 400px; 
				padding: 10px;
				}
				
				#listingTools2 ul li a:hover {
					background-color: #fff;
					text-decoration: none;
					}	
								
	#listingTools3 {
		float: left; width: 660px; clear: both; 
		background-color: #f8f5ee;
		}
		
		#listingTools ul {
			margin: 0; padding: 0;
			list-style: none;
			}
			
			#listingTools ul li {
				float: left; width: 220px; 
				}
			
			#listingTools ul li img {
				padding-right: 10px;
				}
				
			#listingTools ul li a {
				font-weight: normal !important;
				float: left; width: 200px; 
				padding: 10px;
				}
				
				#listingTools ul li a:hover {
					background-color: #fff;
					text-decoration: none;
					}
	
	
	#realtyCategoryBottom {
		float: left; width: 666px; clear: both;
		margin: 20px 0 0;
		}
		
		#realtySearch {
			float: left; width: 280px; clear: both; 
			}
			label.listingSearch {
				float: left; width: 260px; clear: both; display: block;
				}
				
				label.listingSearch span {
					float: left; width: 95px; clear: both; 
					}
				
				label.listingSearch select {
					float: left; width: 160px; 
					border: 1px solid #784e2b;
					background: #f8f5ee;
					font-size: 11px;
					font-family: Arial, Helvetica, sans-serif;
					}
					
				.btnTable {
					float: left; width: 260px; clear: both; 
					margin: 10px 0;
					}
		
		#realtyPopularSearches {
			float: left; width: 170px; 
			margin-left: 10px;
			display: inline;
			}
			
			#realtyPopularSearches a {
				font-weight: normal !important;
				color: #66523F !important;
				}
		
		#realtyDontSee {
			float: left; width: 170px; 
			margin-left: 10px;
			display: inline;
			}
	
	
	.nolistings {
		width: 207px;
		margin: 0; padding: 0; 
		padding-left: 10px;
		padding-top: 10px;
		border-left: 1px solid #F7F5EE;
		height: 91px !important;
		height: 95px;
		border-bottom: 28px solid #F8F5EE;
		}
	
	
	.realtyListing {
		float: left; clear: both;
		margin: 0; padding: 0; 
		}
		
		.realtyListing th {
			background-color: #F8F5EE;
			border-bottom: 1px solid #7B5632;
			padding: 5px 0;
			text-align: center;
			font-weight: normal;
			border-right: 1px solid #fff;
			}
			
			.realtyRow td {
				padding: 10px;
				border-bottom: 1px solid #ebe6e0;
				border-right: 1px solid #f8f6f4;
				}
			
			.featuredRow td {
				background-color: #E6F6FD;
				}
				
				td.center {
					text-align: center;
					}
					
				img.thumb {
					border: 1px solid #7B5632;
					margin-right: 10px;
					}
					
					img.thumbFeatured {
						border-color: #06ABED;
						}
			
		.searchRowName {
			float: left; width: 230px;
			margin-top: 10px;
			font-size: 12px;
			}
			.subDesc {
				font-weight: normal !important;
				color: #784E2B !important;
				font-size: 11px;
				text-decoration: none !important;
				}
	
	#horizontalSearch {
		float: left; width: 640px; clear: both;
		background-color: #f8f5ee;
		padding: 5px 10px 0 10px;
		margin-bottom: 10px;
		}
		
		#horizontalSearch strong {
			float: left; width: 100px; clear: both; 
			padding-top: 5px;
			}
		
		#horizontalSearch label.listingSearch {
			float: left; width: 125px; clear: none; 
			}
			
			#horizontalSearch label.listingSearch span {
				width: 55px; clear: none; 
				}
			
			#horizontalSearch select {
				width: 110px; 
				background-color: #E3DBD3;
				}
			
			/* right column --------------------------------------------------------------------- */
			
			#listingPhotoColumn
			{
				width: 296px; float: right;
				margin: 0;
				padding: 0;
				padding-bottom: 15px;
			}
				
				/* images */
				
				#listingCoverPictures
				{
					float: left; width: 294px; 
					border: 1px solid #EBE6E0;
					margin-bottom: 15px;
				}
				
					#listingCoverPictures #img
					{
						float: left; width: 290px; height: 218px;
						text-align: center;
						border: 2px solid #fff;
						background-color: #F8F5EE;
					}
					
					#listingCoverPictures #img img
					{
						text-align: center;
						margin: auto;
					}
		
						img.listingPicture { }
		
		
				/* contact info */
			
				#listingContactinformation
				{
					float: left; width: 294px; clear: both;
					border: 1px solid #EBE6E0;
					line-height: 15px;
					margin-bottom: -1px;
				}
				
					#listingContactinformation #contactHeader
					{
						border-bottom: 1px solid #EBE6E0;
						background-color: #F8F5EE;
						padding: 6px 10px;
					}
				
					#listingContactinformation #contactPicture
					{
						border-left: 1px solid #EBE6E0;
						padding: 5px;
						float: right;
					}
					
					#listingContactinformation h3
					{
						font-size: 12px;
						margin: 5px 0 0 10px;;
					}
					
					#listingContactinformation p
					{
						font-size: 10px;
						margin: 0;
						margin-left: 10px;
					}
		
		
		/* Essentials -------------------------------------------------------------------------------- */
			
			#essentials span {
				color: #D7CCC1;
				float: left;
				width: 90px;
				}
				
			#essentials
			{
				float: left; width: 340px;
				border: 1px solid #EBE6E0;
				background-color: #F8F5EE;
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				font-size: 11px;
				line-height: 150%;
				margin-bottom: 20px;
			}
			
				#essentials #essentialsLeft
				{
					float: left; width: 170px;
					border-right: 1px solid #EBE6E0;
					padding: 10px 0;
					padding-left: 10px;
					
				}
			
				#essentials #essentialsRight
				{
					float: left; width: 140px;
					padding: 10px 0;
					padding-left: 10px;
				}
			
			/*
			
			
				#essentials #essentialsPrice
				{
					float: left; width: 246px;
					padding: 5px 5px;
					text-align: center;
					border-top: 1px solid #EBE6E0;
					background-color: #fff;
					font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					font-weight: bold;
					font-size: 12px;
					color: #6AB966;
				}
				*/
				/* EO Essentials -------------------------------------------------------------------------------- */
		
			/* buttons */
				
			#listingButtons
			{
				float: left; width: 294px; clear: both;
				border-top: 1px solid #EBE6E0;
			}
			
				#listingButtons a
				{
					width: 80px;
					height: 30px;
					height: 20px;
				}
				
				#listingButtons a:link,
				#listingButtons a:visited,
				#listingButtons a:hover,
				#listingButtons div.middle
				{
					float: left; display: block;
					text-align: center;
				}
				
				#listingButtons div.middle
				{
					width: 132px;
					background-color: #F8F5EE;
					padding: 6px 0 !important;
					padding: 5px 0 6px;
					border: 1px solid #EBE6E0;
					border-bottom: 0; border-top: 0;
				}
				
				#listingButtons a:hover { background-color: #F8F5EE }
				#listingButtons a:hover img { background-color: #F8F5EE }
		
		
			/* tools =============================================== */
			

			td.lptoolshead
			{
				padding: 5px 10px;
				background-color: #F8F5EE;
				font-size: 11px;
				font-weight: bold;
				text-transform: uppercase;
			}
			
			td.lptoolsbody
			{
				padding: 10px 10px;
			}
			
			
			
			table.requestinfo
			{
				margin: 10px 0;
			}
			
			

	
	
	/* buildings -------------------------------------------------------------------------------------------- */
	
	div.building
	{
		float: left; width: 660px;
		border: 1px solid #F8F5EE;
		margin-top: 0px;
		clear: both;
		margin-bottom: 20px;
	}
	
	div.building h2
	{
		float: left; margin: 0;
		width: 640px;
		padding: 10px 0 10px 20px;
		background-color: #F8F5EE
	}
	
	div.description
	{
		float: left;
		width: 620px;
		padding: 20px;
	}
	
	
	
	div.descriptionListings {
		float: left;
		width: 620px;
		padding: 20px;
		}
		
		.listingSideColumn { 
			float: right; width: 155px;
			}
			
			.listingSideColumn p { 
				padding-left: 5px;
				}
		
		div.descriptionListings img.listingCover { 	
			float: right;
			}
		
		div.descriptionListings ul { 	
			float: left; width: 465px;
			list-style: none;
			margin: 0; padding: 0; 
			}
			
			div.descriptionListings ul li {
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 135px; height: auto; display: block; 
				padding: 5px 0;
				padding-right: 10px; 
				margin-right: 9px;
				border-bottom: 1px solid #F8F5EE;
				border-right: 1px solid #F8F5EE;
				}
				
				div.descriptionListings ul li a { font-weight: normal !important }
	
	div.rightColumn
	{
		float: right;
		width: 270px;
		margin-left: 20px;
		margin-bottom: 20px;
	}
	#thumbnailLinks
	{
		float: left;
	}
	#thumbnailLinks a
	{
		float: left;
		margin: 0;
	}
	#thumbnailLinks a:link img,
	#thumbnailLinks a:visited img,
	#thumbnailLinks a:hover img
	{
		padding: 1px;
		border: 1px solid #F8F5EE;
		background-color: #fff;
	}
	#thumbnailLinks a:hover img
	{
		background-color: #F8F5EE;
		border: 1px solid #724B24;
	}
	
	div.buildingfooter
	{
		float: left; margin: 0;
		width: 640px;
		padding: 10px 0 10px 20px;
		background-color: #F8F5EE
	}
	

	#trailimageid {
		position: absolute;
		visibility: hidden;
		left: 0px;
		top: 0px;
		width: 320px;
		height: 220px;
		z-index: 200;
		text-align: right;
	}
	
	#listingImageHalf
	{
		width: 270px; 
		height: 181px; 
		text-align:center
	}
	
	.prevNextBtn
	{
		float: left;
		width: 76px;
		padding: 5px 0;
		text-align: center;
		background-color: #F8F5EE;
		margin-left: 2px;
		border: 1px solid #E3DBD3;
	}
	
	div.prevNextBtn
	{
		width: 106px;
	}
	
	
	
#containerFooter
{
	float: left; width: 890px; height: 118px;
	clear: both;
	background: url(img/int/footer_back.gif) no-repeat top left;
}

	#containerFooterPhone
	{
		float: left; width: 160px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 10px;
		position: relative;
		top: 49px;
		left: 40px;
	}
	
	#containerFooterLinks
	{
		float: left; width: 590px;
		position: relative;
		line-height: 20px;
		top: 26px;
		left: 50px;
		color: #BFA48D;
		font-size: 10px;
	}
	
		#containerFooterLinks span
		{
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			line-height: 140%;
			display: block;
			padding-top: 7px;
		}
		
		a.footerLink:link,
		a.footerLink:visited,
		a.footerLink:hover
		{ color: #BFA48D; font-weight: normal	}
		
		a.footerLinkEmail:link,
		a.footerLinkEmail:visited,
		a.footerLinkEmail:hover
		{ color: #66523F; font-weight: normal	}


/* Contact Form --------------------------------------------------------------------------------------------- */		
		
label 
{
	display: block;
	float: left;
	width: 300px;
	margin: 5px 0;
}
label span
{
	display: block;
	float: left;
	width: 70px;
}

input.inputNormal, 
textarea.inputNormal,
input.inputNormalButton
{
	border: 1px solid #9D8267;
	background-color: #F8F5EE;
	width: 220px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
textarea.inputNormal
{
	height: 100px;
}

input.inputNormalButton
{
	width: 100px;
	text-align: center;
	padding: 3px 0;
}


/* Navigation --------------------------------------------------------------------------------------------- */


#skyline 
{
	width: 186px;
	height: 203px;
	background: url(img/int/menu.gif);
	margin: 0;
	padding: 0;
	position: relative;
}

#skyline li 
{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#skyline li, 
#skyline a 
{
	width: 186px;
	height: 30px;
	display: block;
}
#skyline2 
{
	width: 186px;
	height: 203px;
	background: url(img/int/menu2.gif);
	margin: 0;
	padding: 0;
	position: relative;
}

#skyline2 li 
{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#skyline2 li, 
#skyline2 a 
{
	width: 186px;
	height: 30px;
	display: block;
}


#panel1 {text-indent: -100em; top: 0}
#panel2 {text-indent: -100em; top: 30px}
#panel3 {text-indent: -100em; top: 60px}
#panel4 {text-indent: -100em; top: 90px}
#panel5 {text-indent: -100em; top: 120px}
#panel6 {text-indent: -100em; top: 150px}


#panel1 a:hover { background: transparent url(img/int/menu.gif) -186px -0px no-repeat;}
#panel2 a:hover { background: transparent url(img/int/menu.gif) -186px -30px no-repeat;}
#panel3 a:hover { background: transparent url(img/int/menu.gif) -186px -60px no-repeat;}
#panel4 a:hover { background: transparent url(img/int/menu.gif) -186px -90px no-repeat;}
#panel5 a:hover { background: transparent url(img/int/menu.gif) -186px -120px no-repeat;}
#panel6 a:hover { background: transparent url(img/int/menu.gif) -186px -150px no-repeat;}



#panel1 a.active:link,
#panel1 a.active:visited { background: transparent url('img/int/menu.gif') -372px -0px; }
#panel1 a.active:hover   { background: transparent url('img/int/menu.gif') -558px -0px; }

#panel2 a.active:link,
#panel2 a.active:visited { background: transparent url('img/int/menu.gif') -372px -30px; }
#panel2 a.active:hover   { background: transparent url('img/int/menu.gif') -558px -30px; }

#panel3 a.active:link,
#panel3 a.active:visited { background: transparent url('img/int/menu.gif') -372px -60px; }
#panel3 a.active:hover   { background: transparent url('img/int/menu.gif') -558px -60px; }

#panel4 a.active:link,
#panel4 a.active:visited { background: transparent url('img/int/menu.gif') -372px -90px; }
#panel4 a.active:hover   { background: transparent url('img/int/menu.gif') -558px -90px; }

#panel5 a.active:link,
#panel5 a.active:visited { background: transparent url('img/int/menu.gif') -372px -120px; }
#panel5 a.active:hover   { background: transparent url('img/int/menu.gif') -558px -120px; }

#panel6 a.active:link,
#panel6 a.active:visited { background: transparent url('img/int/menu.gif') -372px -150px; }
#panel6 a.active:hover   { background: transparent url('img/int/menu.gif') -558px -150px; }


#panel11 {text-indent: -100em; top: 0}
#panel21 {text-indent: -100em; top: 30px}
#panel31 {text-indent: -100em; top: 60px}
#panel41 {text-indent: -100em; top: 90px}
#panel51 {text-indent: -100em; top: 120px}
#panel61 {text-indent: -100em; top: 150px}


#panel11 a:hover { background: transparent url(img/int/menu2.gif) -186px -0px no-repeat;}
#panel21 a:hover { background: transparent url(img/int/menu2.gif) -186px -30px no-repeat;}
#panel31 a:hover { background: transparent url(img/int/menu2.gif) -186px -60px no-repeat;}
#panel41 a:hover { background: transparent url(img/int/menu2.gif) -186px -90px no-repeat;}
#panel51 a:hover { background: transparent url(img/int/menu2.gif) -186px -120px no-repeat;}
#panel61 a:hover { background: transparent url(img/int/menu2.gif) -186px -150px no-repeat;}



#panel11 a.active:link,
#panel11 a.active:visited { background: transparent url('img/int/menu2.gif') -372px -0px; }
#panel11 a.active:hover   { background: transparent url('img/int/menu2.gif') -558px -0px; }

#panel21 a.active:link,
#panel21 a.active:visited { background: transparent url('img/int/menu2.gif') -372px -30px; }
#panel21 a.active:hover   { background: transparent url('img/int/menu2.gif') -558px -30px; }

#panel31 a.active:link,
#panel31 a.active:visited { background: transparent url('img/int/menu2.gif') -372px -60px; }
#panel31 a.active:hover   { background: transparent url('img/int/menu2.gif') -558px -60px; }

#panel41 a.active:link,
#panel41 a.active:visited { background: transparent url('img/int/menu2.gif') -372px -90px; }
#panel41 a.active:hover   { background: transparent url('img/int/menu2.gif') -558px -90px; }

#panel51 a.active:link,
#panel51 a.active:visited { background: transparent url('img/int/menu2.gif') -372px -120px; }
#panel51 a.active:hover   { background: transparent url('img/int/menu2.gif') -558px -120px; }

#panel61 a.active:link,
#panel61 a.active:visited { background: transparent url('img/int/menu2.gif') -372px -150px; }
#panel61 a.active:hover   { background: transparent url('img/int/menu2.gif') -558px -150px; }





/* Headers --------------------------------------------------------------------------------------------- */

#contentWelcomeDebug
{
	float: left;
}

#header 
{
	width: 264px;
	height: 35px;
	position: relative;
	top: 0px;
	left: 0px;
}
	#header span 
	{
		background: url(img/hdr/welcome_to_westave.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
	}


#header2
{
	width: 217px;
	height: 35px;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
}
	#header2 span 
	{
		background: url(img/hdr/exceptional_service.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
	}

#headerAbout
{
	width: 300px;
	height: 20px;
	position: relative;
	top: 0px;
	left: 0px;
}
	#headerAbout span 
	{
		background: url(img/hdr/about_westave.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
	}

#headerContact,
#headerContactForm
{
	width: 300px;
	height: 20px;
	position: relative;
	top: 0px;
	left: 0px;
}
	#headerContact span 
	{
		background: url(img/hdr/contact.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
	#headerContactForm span 
	{
		background: url(img/hdr/contact_form.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	

#headerLinks
{
	width: 300px;
	height: 20px;
	position: relative;
	top: 0px;
	left: 0px;
}
	#headerLinks span 
	{
		background: url(img/hdr/links.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
#headerBuildings
{
	width: 300px;
	height: 20px;
	position: relative;
	top: 0px;
	left: 0px;
}
	#headerBuildings span 
	{
		background: url(img/hdr/buildings.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
#headerListings
{
	width: 300px;
	height: 20px;
	position: relative;
	top: 0px;
	left: 0px;
}
	#headerListings span 
	{
		background: url(img/hdr/listings.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
	}


	
h1#headerAbout,
h1#headerLinks,
h1#headerBuildings,
h1#headerListings,
h1#headerContact,
h1#headerContactForm
{
	margin: 0;
}








/* menuTabs  --------------------------------------------------------------------- */


	#navTabs {
		float: left; width: 550px;
		padding-left: 5px;
		padding-top: 16px;
		height: 24px;
		font-size: 11px;
		font-weight: bold;
		margin: 0 0 0 0 !important;
		margin: 0 0 -1px -1px;
		padding: 0;
		list-style:none;
		display: inline;
		}


	#navTabs li {
		float: left;
		margin: 0px 0px;
		margin-left: 0px;
		padding: 0;
		background: url(img/nav/inactive_left.gif) no-repeat left top;
		}

	#navTabs a {
		display: block;
		background: url(img/nav/inactive_right.gif) no-repeat right top;
		margin-left: 1px;
		padding: 5px 18px 4px;
		height: 15px; width: 100px;
		text-align: center;
		}	

  .adminpage #navTabs a { padding: 6px 8px 3px; }

	#navTabs #active,
	#navTabs .active {
		background-image:url(img/nav/active_left.gif);
	}

	#navTabs #active a,
	#navTabs .active a {
		background-image:url(img/nav/active_right.gif);
	}

	#navTabs a:link,
	#navTabs a:visited,
	#navTabs a:hover {
		color: #66523F;
		}
	#navTabs a:hover {
		text-decoration: underline;
		}

	#navTabs #active a:link,
	#navTabs #active a:visited,
	#navTabs #active a:hover,
	#navTabs .active a:link,
	#navTabs .active a:visited,
	#navTabs .active a:hover {
		color: #66523F;
		}






/* gallery --------------------------------------------------------------------- */

#thumbs
{
	margin: 10px 0;
	overflow: hidden;
	text-align: center;
}

#thumbs a
{
	margin-right: 1px;
}




/* floorplans --------------------------------------------------------------------- */

#floorplansLeft
{
	float: left; width: 160px;
	padding-right: 10px;
}

#floorplansMain
{
	float: left; 
	width: 450px;
	min-height: 10px;
}

#floorplansMain div
{
	/*display: none;*/
}

a.linkNormal
{
	font-weight: normal !important;
}

a.linkBold
{
	font-weight: bold !important;
}


#debug
{
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	width: 600px; height: auto; overflow: auto; clear: both;
	position: absolute;
	margin-top: 50px;
	background-color: #fff;
}











/* calendar ======================================== */

#calendar 
{
	position: absolute;
	visibility: hidden;
	background-color: #F8F5EE;
}

	/* month/year */
	.calendarcpYearNavigation,
	.calendarcpMonthNavigation
	{
		background-color: #9D8267 !important ;
		text-align: center;
		/*vertical-align: center;*/
		text-decoration: none;
		color: #fff !important ;
		font-weight: bold;
	}
	
	.calendarcpDayColumnHeader,
	.calendarcpYearNavigation,
	.calendarcpMonthNavigation,
	.calendarcpCurrentMonthDate,
	.calendarcpCurrentMonthDateDisabled,
	.calendarcpOtherMonthDate,
	.calendarcpOtherMonthDateDisabled,
	.calendarcpCurrentDate,
	.calendarcpCurrentDateDisabled,
	.calendarcpTodayText,
	.calendarcpTodayTextDisabled,
	.calendarcpText
	{
		font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
	
	TD.calendarcpDayColumnHeader
	{
		text-align: right;
		border: solid thin #9D8267;
		border-width: 0 0 1px 0;
	}
	
	.calendarcpCurrentMonthDate,
	.calendarcpOtherMonthDate,
	.calendarcpCurrentDate
	{
		text-align: right;
		text-decoration: none;
	}
	
	.calendarcpCurrentMonthDateDisabled,
	.calendarcpOtherMonthDateDisabled,
	.calendarcpCurrentDateDisabled
	{
		color: #D0D0D0 ;
		text-align: right;
		text-decoration: line-through ;
	}
	
	.calendarcpCurrentMonthDate
	{
		color: #06ABED !important ;
		font-weight: normal;
	}
	
	.calendarcpCurrentDate
	{
		color: #FFFFFF !important ;
		font-weight: bold;
	}
	
	.calendarcpOtherMonthDate
	{
		color: #808080;
	}
	
	TD.calendarcpCurrentDate
	{
		color: #fff;
		background-color: #9D8267;
	}
	
	TD.calendarcpCurrentDateDisabled
	{
		border-width: 1px;
		border: solid thin #FFAAAA;
	}
	
	TD.calendarcpTodayText,
	TD.calendarcpTodayTextDisabled
	{
		border: solid thin #06ABED;
		border-width: 1px 0 0 0;
	}
	
	A.calendarcpTodayText,
	SPAN.calendarcpTodayTextDisabled
	{
		height: 20px;
	}
	
	A.calendarcpTodayText
	{
		color: #06ABED;
		font-weight: bold;
	}
	
	SPAN.calendarcpTodayTextDisabled
	{
		color: #D0D0D0;
	}
	
	.calendarcpBorder
	{
		border: solid thin #06ABED;
	}
	
	
.tools
.tools p,
.tools td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	

.inputNormal
{
	width: 150px;
	padding: 2px 2px;
	border: 1px solid #9D8267;
	background-color: #F8F5EE;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #66523F;
}

textarea.inputNormal
{
	width: 270px;
	height: 100px;
}

.buttonNormal
{
	background-color: #06ABED;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	padding: 5px 5px;
	border-width: 0;
}





/* Advanced Search ---------------------------------------------------- */

#searchContainer
{
	float: left; width: 660px;
	margin-bottom: 20px;
	border: 1px solid #F8F6F4;
}

	#searchFields
	{
		float: left; width: 660px;
		border-bottom: 1px solid #E3DBD3;
	}
		#searchFields h3
		{
			float: left; width: 100%;
			margin: 0 0 10px;
			font-size: 12px;
			font-weight: bold;
		}
		
		#searchFields #searchLeft
		{
			float: left;
			width: 275px;
			padding: 15px;
			padding-right: 5px;
		}
	
		#searchFields #searchRight
		{
			float: left;
			width: 280px;
			height: 160px;
			padding: 15px;
			padding-right: 0px;
			border-left: 1px solid #E3DBD3;
		}
		
		/* form elements */
		
			label.searchNormal
			{
				float: left; width: 100%;
				display: block;
				clear: both;
				margin: 5px 0;
			}
		
				label.searchNormal span
				{
					float: left; width: 90px;
					display: block;
				}
					
					label.searchNormal input.searchInput,
					label.searchNormal select.searchInput
					{
						width: 170px;
						margin: 0;
						padding: 0;
						background-color: #E3DBD3;
						border: 1px solid #784E2B;
						font-size: 10px;
						font-weight: normal;
						font-family: Tahoma,Arial, Helvetica, sans-serif;
						color: #724B24;
						padding: 2px;
					
					}
			
			div.searchCombo
			{
				float: left; width: 280px;
				clear: both;
				margin: 5px 0;
			}
			
				div.searchCombo label.searchNormal
				{
					float: left; width: 175px;
					margin: 0;
				}
			
					div.searchCombo label.searchNormal input.searchInput,
					div.searchCombo label.searchNormal select.searchInput
					{
						width: 80px;
						margin: 0;
					}
					
					div.searchCombo label.searchNormal select.searchInput
					{
						margin-top: 1px;
					}
					
				div.searchCombo label.searchAdd
				{
					float: left; width: 80px;
					margin: 0;
					clear: none;
				}

			
		
	#searchTip,
	#errorMsg
	{
		float: left; width: 630px;
		padding: 5px 15px 5px;;
		clear: both;
		color: #7FBBDC;
		border: 1px dotted #E3DBD3;
		margin-bottom: 15px;
	}
		#errorMsg { font-weight: bold; color: #6AB966 }
	
	#searchButtons
	{
		float: left; width: 630px;
		padding: 10px 15px;
		background-color: #E3DBD3;
		clear: both;
	}
		
		#searchButtons div
		{
			padding-left: 90px;
		}
		
			#searchButtons input.buttonNormal
			{
				width: 100px;
				text-align: center;
			}

	

input.btnMedium
{
	width: 70px;
	background-color: #06ABED;
		border: 1px solid #06ABED;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 5px 0px;
}
	
	input.light
	{
		background-color: #E3DBD3;
		border: 1px solid #06ABED;
		color: #06ABED;
		font-weight: normal;
	}
	input.yellow
	{
		background-color: #FBDA69;
		border: 1px solid #F8C8A4;
		color: #06ABED;
	}
	input.wide
	{
		width: 100px;
	}
	
	
	
	#f1, #f2, #f3, .hideMe {
		display: none;
		}