@import url("/CSS/Base-Sep-2007.css");

/*  This is the CSS file for the microsites */
/* By Assigning a height to the body, which is counterintuitive, IE will automatically be able
   to handle better controls for child heights, especially the all ellusive height: 100%. YEAH! */
body
{
	height: 100px;
	background-color: #EEEDE8;
}

body table
{
	margin: 20px 0px 0px 0px;
	background-color: #FFFFFF;
}

#Header
{
	position: relative;
	top: 0px; left: 0px;
	width: 950px; height: 131px;
	margin: 0px; padding: 0px;
	
	background-color: #FFFFFF;
	background: url('/Images/en/KDM/MicroSite/Header/HeaderBG.gif') top no-repeat;

}

#Header #HeaderTagline
{
	margin-left: 20px; padding: 0px;
	width: 180px;
	margin-bottom: 60px;
	color: #C12026;
	font: 13px Arial, Helvetica, sans-serif !important;
	font-style: italic !important;

}

#Header #HeaderCall
{
	margin-left: 20px; margin-bottom: 30px; padding: 0px;
	color: #FFFFFF;
}

#Header #HeaderCall h2, #Header #HeaderCall span
{
	font-family:Arial, Helvetica, sans-serif;
}

#HeaderCall h2
{
	font-size: 24px;
	margin: 0px; padding: 0px;
}

#HeaderCall span
{
	font-size: 14px;
}

#Navigation
{
	position: relative;
	top: 0px; left: 0px;
	width: 150px;
	margin: 0px; padding: 0px 0px 0px 0px;
	background-color: #EEEDE8;
}

.ColoredElement
{
	background-color: #D4E6FA;
}

#NavSpacer
{
	height: 100%;
	width: 150px;
	background-color: #EEEDE8;
}

#AtGlance
{
	position: relative;
	bottom: 0px; left: 0px;
	width: 150px; height: 100%;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background-color: #EEEDE8;
}

#AtGlance table
{
	background-color: #EEEDE8 !important;
}



#AtGlanceLeft
{
	position: relative;
	top: 0px; left: 0px;
	margin: 0px; padding: 0px;
	width: 10px; 	
	background: url('/Images/en/KDM/MicroSite/Navigation/AtGlanceLeft.jpg') left repeat-y;
}

#AtGlanceRight
{
	position: relative;
	top: 0px; right: 0px;
	margin: 0px; padding: 0px;
	width: 10px; 	
	background: url('/Images/en/KDM/MicroSite/Navigation/AtGlanceRight.jpg') right repeat-y;
}

#AtGlanceContent
{
	position: relative;
	top: 0px; left: 0px;
	
	font-size: 12px !important;
	font-family: Trebuchet MS, sans-serif !important;
	font-weight: normal !important;
	background-color: #FFFFFF;
	color: #071140;
	text-align: left;
}

#AtGlanceContent h3, #AtGlanceContent address, #AtGlanceContent span
{
	font-family: Trebuchet MS, sans-serif !important;
}

#AtGlanceContent h4
{
	font-family: Trebuchet MS, sans-serif !important;
	font-size: 14px;
}

#AtGlanceContent h3 
{ 
	font-size: 16px !important; 
	margin: 0px; padding: 0px; 
	width: 130px; 
	text-align: left;
	line-height: 18px;
}

#AtGlanceContent h4 { margin: 5px 0px 0px 0px; padding: 0px; }

#AtGlanceContent address { margin: 0px; padding: 0px; font-style: normal; }

#AtGlanceContent span { margin: 0px 0px 0px 5px; }

#AtGlanceContent span p { margin: 0px; padding: 0px; text-indent: 10px; }

#Footer
{
	position: relative;
	top: 0px; left: 0px;
	width: 950px; height: auto;
	margin: 0px; padding: 0px;
	
	font-family: Trebuchet MS, sans-serif !important;
	background-color:#2e2c50;
	text-align: center;
}

#Footer ul 
{
	list-style-type: none;
	text-indent: none;
	
	margin: 0px; padding: 0px;
	color: #FFFFFF !important;
}

#Footer ul li
{
	display: inline;
}

#Footer a { text-decoration: none; }
#Footer a:hover, #Footer a:active { text-decoration: underline; }

#Footer a, #Footer a:hover, #Footer a:active, #Footer h4 { color: #FFFFFF !important; }

#Footer h4 { margin: 0px; padding: 0px; }

#Footer #CorpTagLine
{
	position: relative;
	top: 0px; left: 0px;
	width: 250px;
	margin: 10px auto 0px auto; padding: 0px 0px 10px 0px;
}

#Footer #CorpTagLine img
{
	float: left;
	margin: auto 0px; padding: auto 0px;
}

#Footer #CorpTagLine h4
{

	margin: 0px 0px 25px 5px; padding: 10px 0px 0px 0px;
}

#BodyContent
{
	position: relative; 
	top: 0px; left: 0px;
	width: 750px;
	margin: 0px; padding: 0px 0px 1em 0px;
	text-align: left;
	font-family: Trebuchet MS, sans-serif !important;
	font-size: 14px;
}

#HomePageContent
{
	position: relative;
	top: 0px; left: 0px;
	margin: 0px; padding: 0px;
}

#HomePageContent p
{
	margin: 0px; padding: 0px 5px 5px 5px;
	text-align: left;
	font-family: Trebuchet MS, sans-serif;
	font-size: 12px !important;
	text-indent: 0px;
}

#HomeRightColumn
{
	position: relative;
	top: 0px; left: 0px;
	height: 100%;
	margin: 0px 3px 0px 3px; padding: 0px;
	background-color: #818283;
}

#HomeRightColumn h2
{
	width: 100%;
	margin: 0px; padding: 5px 0px 0px 0px;
	text-align: center;
	color: #071140;
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, sans-serif;
}

.FeaturedHome
{
	margin: 10px 0px 0px 0px; padding: 0px auto;
	text-align: center;
}

.FeaturedHome a img
{
	margin: 0px auto;
	border: 2px solid #FFFFFF;
}

.FeaturedHome h3, .FeaturedHome span
{
	width: 100%;
	margin: 0px auto; padding: 0px;

	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #071140;
}

.FeaturedHome a { color: #071140; text-decoration: none; }
.FeaturedHome a:hover { text-decoration: underline; }

#QuickAmenities
{
	position:relative;
	top: 0px; left: 0px;
	margin: 0px; padding: 0px auto;
	
	text-align: center;
}

#QuickAmenities h2
{
	width: 95%;
	margin: 20px auto 0px auto; padding: 3px 0px;
		
	font-size: 12px;
	line-height: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	
	text-align: center;
	background-color: #071140;
	color: #FFFFFF; 
}

#QuickAmenities #Amenities
{
	top: 0px; left: 0px;
	width: 95%;
	margin: 0px auto 10px auto; padding: 0px auto 10px auto;
	
	text-align: center;
	background-color: #d4e5f6;
}

#QuickAmenities #Amenities h3
{
	margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 5px;
	text-align: left;
}

#QuickAmenities #Amenities ul
{
	top: 0px; left: 0px;
	margin: 0px 0px 0px 10px; padding: 0px 0px 10px 0px;
	list-style-type: disc;
	list-style-position: inside;
	text-indent: 5px;
	text-align: left;
}

#QuickAmenities #Amenities ul li
{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

h1#PageTitle
{
	margin: 0px; padding: 0px;
	margin-left: 22px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 24px !important;
	font-weight: bold;
	color: #071140 !important;
	clear: both;
}


#HomesSlideShow
{
	position: relative;
	top: -30px; left: 10px;
	margin: 0px auto; padding: 0px;
	text-align: center;
}

#HomesSlideShow #HomeDetailFlash
{
	margin: 0px auto;
}

#PropImages
{
	position: relative;
	top: 0px; left: 0px;
	padding: 3px; margin: 0px;
	background-color: #071140;
	color: #FFFFFF;
	text-align: center;
}

#PropImages #PropMainImage
{
	position: relative;
	top: 0px; left: 0px;
	margin: 10px 0px; padding: 0px;
}

#PropImages img
{
	border: 1px solid #FFFFFF;
}

#PropImages hr
{
	width: 80%;
	color: #FFFFFF;
	background-color: #FFFFFF;
}

#PropImages td a
{
	color: #FFFFFF !important;
}

#PropImages td
{
	color: #FFFFFF !important;
}

#PropImages table
{
	background-color: #071140;
}

#PropertyDetails table, #PropertyDetails table a, #CommunityDetails table, #CommunityDetails table a
{
	color: #000000;
	font-size: 12px;
}


#PropertyDetails h3#WhatYouDo
{
	margin: 0px; padding: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #071140;
}
#CommunityDetails, #PropertyDetails
{
	position: relative;
	clear: both;
}

#CommunityDetailsTable p
{
	margin: 0px; padding: 0px;
/*	text-indent: 0.9em; */
}

#WhatYouDoTop
{
	position: relative;
	top: 1px; left: 0px;
	margin: 0px; padding: 0px;
	width: 186px; height: 11px;
	
	background: url('/Images/en/KDM/Properties/BlueBoxTop.jpg') no-repeat top;
}

#WhatYouDoBottom
{
	position: relative;
	top: 0px; left: 0px;
	margin: 0px; padding: 0px;
	width: 186px; height: 11px;
	
	background: url('/Images/en/KDM/Properties/BlueBoxBottom.jpg') no-repeat top;
}

#WhatYouDoContent
{
	position: relative;
	top: 0px; left: 0px; 
	margin: 0px; padding: 0px;
	width: 186px; height: 100%;
	
	background-color: #071140;
	color: #FFFFFF;
}

#WhatYouDoContent table
{
	background-color: #071140;
}

#WhatYouDoContent table td
{
	padding: 1px 0px;
	color: #FFFFFF;
}

#WhatYouDoContent table td a
{
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

#WhatYouDoContent table td a img { border: 0px; }

h4.PropertyDetailHeader, h4.CommunityDetailHeader { color: #000000; }

/* Styles for the 'Homes For Sale' page. */
.ColoredTableRow { background-color: #D4E6FA; }

/* Style for pagination of search results */
.Pagination
{
	position: relative;
	top: 0px; right: 0px;
	margin: 0px 0px 15px; padding: 0px;
	
	width: 95%; height: auto;	
	text-align: right;
	font-weight: normal;
	font-size: 16px;
	color: #C51401;
}

.Pagination a.Pages
{
	color: #C51401;
	font-weight: bolder;
	font-size: 16px;
}

.Pagination a:hover.Pages
{
	color: #C51401;
	font-size: 16px;
	font-weight: bolder;
}

.Pagination a span, .Pagination a:hover span
{
	color: #071140;
	font-weight: bolder;
	font-size: 16px;
}

#SearchResultsTable, #SearchResultsTable table
{
	font-size: 12px;
}

#SearchResultsTable tr.ColumnHeaders td
{
	color: black !important;
}

#SearchResultsTable td
{
	margin: 0px; padding: 3px 3px;
}

#SearchResultsTable .ColoredTableRow
{
	background-color: #D4E6FA;
}

#SearchResultsTable .CommName
{
	font-weight: bold;
}

#SearchResultsTable .ColoredTableRow table 
{
	background-color: #D4E6FA;
}
div.IconLink
{
	position: relative;
	display:inline;
	width: 100px;
	text-align: left;
}

div.IconHolder
{
	position: relative;
	display: inline;
	width: 26px;
	text-align: right;
}


/* Styles for the Amenities Page */
#CommunityAmenities h2.AmenCatHeader
{
	width: 100%;
	text-align: left;
	text-indent: 2em;
	margin: 20px 0px 0px 0px; padding: 0px;
	color: #071140;
}

#CommunityAmenities 
{
	text-align: center;
	padding: 0px auto;
}

#CommunityAmenities table
{
	position: relative;
	margin: 0px auto;
}

#CommunityAmenities img
{
	margin: 10px;
	border: 2px solid #000000;
}

/* Styles for the KDM Corporate FAQ page */
#FAQs
{
	position: relative; 
	top: 0px; left: 0px;
	margin: 10px 40px; padding: 0px;

}

#FAQs h2
{
	position: relative;
	top: 0px; left: 0px;
	margin: 10px 0px 0px 0px; padding: 0px;
	
	color: #071140;
}

#FAQs p
{
	position: relative;
	top: 0px; left: 0px;
	width: 650px;
	margin: 10px 0px 30px 0px; padding: 0px 10px;
	
	color: #000000;
	text-indent: 1.5em;
}

/* Styles for the KDM Corporate Links page */
#KDMLinks
{
	position: relative;
	top: 0px; left: 22px;
	
	width: 725px; height: auto;
	overflow: visible;
	
	margin: 0px; padding: 0px;
	
	background-color: #FFFFFF;
}

.KDMLink
{
	position: relative;
	top: 0px; left: 0px;
	display: block;
	width: 725px; height: auto;
	overflow: visible;
	
	margin: 20px 0px 0px; padding: 0px;
}

.KDMLink h2, .KDMLink h3
{
	margin: 0px; padding: 0px;
	clear: both;
}
	
.KDMLink h2 a
{
	position: relative;
	top: 0px; left: 15px;
	margin: 5px 0px 0px 0px; padding: 0px;

	font-size: 18px !important;
	font-weight: bold !important;
}	

.KDMLink h3 a
{
	position: relative;
	top: 0px; left: 15px;
	margin: 3px 0px 0px 0px; padding: 0px;
	
	font-size: 14px !important;
	font-weight: bold !important;
}

.KDMLink p
{
	position: relative;
	top: 0px; left: 50px;
	clear: none;
	width: 450px; height: auto;
	margin: 10px; padding: 0px 0px 10px 0px;
}

.KDMLink img 
{
	position: relative;
	top: 0px; left: 25px;
	float: left; clear: none;  

}

/* Styles for the Gallery Page */
#CommunityGallery h2.GalleryCatHeader
{
	width: 100%;
	text-align: left;
	margin: 0px 0px 0px 0px; padding: 0px;
	color: #071140;
}

#CommunityGallery table
{
	position: relative;
	margin: 0px auto;
}

#CommunityGallery img
{
	margin: 10px;
	border: 2px solid #000000;
}