@charset "UTF-8";

body {
	margin:0;
	border:0;
	padding:0;
	height:100%;
	max-height:100%;
	background:#fff;
	overflow: hidden;
	behavior: url("csshover.htc");
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	line-height: 18px;
}

/* for internet explorer */
* html body {
	padding:108px 0 150px 0;
}

	#hdr, #menuContainer {
		position:absolute;
		top:30px;
		left:0;
		width:100%;
		height:78px;
		background:#77787c;
	}
	
	* html #hdr, * html #menuContainer {
		height:78px;
		text-align:center;
	}
	
	#menuContainer {
		background:none;
		z-index:500;
	}
		#menu {
			width: 613px;
			margin: 30px auto 0 auto;
		}
		
			#menu ul {
				list-style: none;
				margin: 0;
				padding: 0;
				float: left;
			}
			
			#menu li {
				position: relative;
				text-align:left;
			}
			
			#menu a {
				display: block;
			}
			
			#menu ul li ul li a {
				font: bold 10px/14px "Lucida Grande", Lucida Sans, Helvetica, Verdana, sans-serif;
				margin: 0;
				padding: 3px 8px;
			}
			
				li#menuCommunities a {
					width: 100px;
					background:url(../images/common/main_menu/btn_communities.gif);
				}
					
				li#menuAbout a {
					width: 108px;
					background:url(../images/common/main_menu/btn_about_empire.gif);
				}
				
					li#menuAbout ul {
						width: 108px;
					}
				
				li#menuMove a {
					width: 100px;
					background:url(../images/common/main_menu/btn_move_in_now.gif);
				}
				
					li#menuMove ul {
						width: 100px;
					}
				
				li#menuFirst a {
					width: 130px;
					background:url(../images/common/main_menu/btn_first_time_buyers.gif);
				}
				
					li#menuFirst ul {
						width: 130px;
					}
				
				li#menuContact a {
					width: 82px;
					margin-right: 35px;
					background:url(../images/common/main_menu/btn_contact_us.gif);
				}
				
				li#menuFriend a {
					width: 19px;
					background:url(../images/common/main_menu/btn_friend.gif);
				}
				
				li#menuJoin a {
					width: 26px;
					background:url(../images/common/main_menu/btn_join.gif);
				}
				
				li#menuSearch a {
					width: 13px;
					background:url(../images/common/main_menu/btn_search.gif);
				}
				
				li#menuCommunities a, li#menuAbout a, li#menuMove a, li#menuFirst a, li#menuContact a, li#menuFriend a, li#menuJoin a, li#menuSearch a {
					text-indent: -9999px;
					background-position: 0 -16px;
					background-repeat:no-repeat;
				}
				
				li#menuCommunities a:hover, li#menuAbout a:hover, li#menuMove a:hover, li#menuFirst a:hover, li#menuContact a:hover, li#menuFriend a:hover, li#menuJoin a:hover, li#menuSearch a:hover {
					background-position: 0 0;
				}
				
					#menu ul ul {
						display: none;
						padding: 5px 0;
					}
					
					#menu ul li:hover ul {
						display: block;
					}
			
						#menu ul li ul li a {
							text-indent: 0px;
							color: #fff;
							background: #77787c;
							text-decoration: none;
						}
						
						#menu ul li ul li a:hover {
							color: #d59f0f;
						}	
		
	#bdy {
		position:fixed;
		top:108px;
		left:0;
		bottom:150px;
		right:0;
		overflow:auto;
		background:#fff;
		text-align:center;
  	}
	
	* html #bdy {
		height:100%;
		width:100%;
	}
	
	div#mainContainer {
		width: 960px;
		/* display:table; */
		margin: 0 auto;
		background:url(../images/common/bg_main.gif);
	}
	
		div#contentContainer {
			width: 760px;
			float: left;
			margin: 0;
			display: table-column;
		}
		
		div#sideContainer {
			width: 190px;
			float:right;
			/* float: left; */
			/* margin: 0 0 0 10px; */
			background: #e4e4e5;
			/* display: table-column; */
		}
		
			#sideContainer img {
				margin-bottom:10px;
			}
	
	#contents {
		background:#e4e4e5;
	}
		#flashContent, #mapContent, #galleryContent {
			width: 760px;
			margin: 20px auto;
		}
		
		#galleryContent {
			margin: 0 auto;
			background:#FFF;
		}
		
		#mapContent, #typicalContent {
			width: 960px;
		}
		
			.imageAdsContainer {
				width: 980px;
				margin: 10px auto;
			}
			
			.imageAdsContainer img {
				border:0;
				margin-right: 10px;
				float:left;
			}
			
				img.lastImage {
					margin-right:0px;
				}
		
		#typicalContent {
			margin: 0 auto;
		}
	
	#ftr {
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:150px;
		overflow:auto;
		background:#fff;
		text-align: center;
	}
	* html #ftr {
		height:150px;
	}
	
		#ftr #ftrContents {
			width: 850px;
			margin: 20px auto;
		}
		
			#keyWords {
				width: 560px;
				float: left;
				margin-right: 20px;
				text-align:left;
			}
			
				#keyWords h1, #keyWords h2 {
					font: bold 11px/15px "Lucida Grande", Lucida Sans, Helvetica, Verdana, sans-serif;
					color: #a7a8a9;
					margin: 0;
					font-weight: lighter;
					text-transform:uppercase;
				}
								
				#keyWords h2 {
					margin-top: 10px;
					color: #d59f0f;
					font-size: 20px;					
				}
				
				#keyWords p {
					font: bold 9px/12px "Lucida Grande", Lucida Sans, Helvetica, Verdana, sans-serif;
					color: #a7a8a9;
					margin: 10px 0 0 0;
					font-weight: lighter;
					text-transform:uppercase;
				}
			
			#logoContainer {
				float:right;
			}
				h1#empireLogo {
					margin:0;
					padding:0;
					text-indent:-9999px;
					display:block;
					width: 100px;
					height: 48px;
					background:url(../images/common/footer/logo_empire.gif);
				}
			
		    #logoContainer2 {
				float:left;
			}
				h1#empireLogo2 {
					margin:0;
					padding:0;
					text-indent:-9999px;
					display:block;
					width: 150px;
					height: 52px;
					background:url(../images/common/footer/ENERGY_STAR_LOGO_small.jpg);
				}
	
			.clear {
				clear:both;
			}
			
			#linksContainer {
				width: 960px;
				margin: 20px auto 0 auto;
			}
			
				#communityLinks a:link, #communityLinks a:visited,  #communityLinks a:hover {
					color: #666;
					text-decoration: none;
				} 
				
				#communityLinks td a:hover {
					text-decoration: underline;
				}
				
				#communityLinks th, #communityLinks td {
					font: 9px/12px "Lucida Grande", Lucida Sans, Helvetica, Verdana, sans-serif;
					color: #666;
					font-weight: normal;
					text-align: center;
				}
				
				#communityLinks th {
					border-right: 1px solid #999;
				}
				
				#communityLinks th.last {
					border-right: none;
				}
	
	/* for internet explorer */
	* html {
		border:0;
	}


div#container {
	width: 780px;
	margin: 15px auto;
	background: url(../images/common/bg.gif) repeat-y;
	padding: 0;
	text-align: center;
}

div#header, div#middle {
	width: 760px;
	padding: 0;
	text-align: left;
	background:#fff;
	height: 120px;
	display:block;
}

div#middle {
	margin: 0 auto;
	height: auto;
	clear:both;
}

div#footer {
	width: 780px;
	height: 74px;
	background-image: url(../images/common/footer.gif);
	background-repeat:no-repeat;
	padding: 10px 0px 0px 0px;
	clear: both;
	font-size: 10px;
	line-height: 15px;
}

/* Links CSS */

a:link {
	color: #4D7E2E;
	text-decoration: none;
	line-height: 14px;
}

a:visited {
	color: #4D7E2E;
	text-decoration: none;
	line-height: 14px;
}

a:hover {
	color: #4D7E2E;
	text-decoration: underline;
	line-height: 14px;
}

/* Headline CSS */

h1, td h1{
	font-family: "Times New Roman", Times, serif;
	color: #336793;
	font-size: 22px;
	font-weight: lighter;
}

h2 {
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

h2.blue {
	color: #336793;
}

/* Secondary Nav CSS */

div#subLogo, div#subImage {
	height: 100px;
	width: 115px;
	margin: 10px 0px 0px 0px;
	text-align: center;
	padding: 0px;
	float: left;
}

div#subImage {
	margin: 0px;
}

div#subMenu, div#subHeader {
	width: 530px;
	margin-top: 10px;
	float: left;
}

div#subHeader, div#subHeaderFull {
	text-align: center;
	margin-top: 35px;
	padding-top: 5px;

}

div#subHeaderFull {
	margin-top: 20px;
	margin-left: 20px;
}

div#subMenu ul {
	margin: 0px;
	padding: 0px;
}

div#subMenu li{
	display: block;
	list-style-type: none;
	float: left;
	border-right-color: #DCD4C0;
	border-right-style: solid;
	border-right-width: 1px;
	text-align: center;
	height: 35px;
	width: 70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div#subMenu li.last {
	border: none;
}

/* Dropdown CSS */

/* 	The Submenu Layers

 	Use a combined selector to assign all properties common to each
	of the Submenu Layers. */

#subNavAbout, #subNavMove, #subNavFirst {
	position: absolute;
	width: 160px;
	top: 150px;
	font-size: 10px;
	background-color:#5D9439;
	visibility: hidden;
}

/* 	Now use individual selectors for each trigger Layer to assign
	their unique properties, in this case the left property */

#subNavAbout {left: 14px;}
#subNavMove {left: 137px;}
#subNavFirst {left: 260px;}


/* 	The submenu links are in paragraphs, so we set the margin to zero
	so there is no gap between links */

.subNav p {	margin: 0px;}


/* 	Submenu Link Styles

 	Use a combined selector for a and a:visited. Set padding in shorthand
	to 1px on top and bottom, 8px right and 12px left.

	Set display to block so entire link box, including padding is clickable.
	Set border to 1px solid.

	Set border colors 

	Set background color to orange, text to medium gray and turn off underlines. */

.subNav a, .subNav a:visited {
	text-align: left;
	display: block;
	padding: 5px 0px 5px 15px;
	background-color: #5D9439;
	color: #FFFFFF;
	text-decoration: none;
	/*border-top: 1px solid #BAAFAB;*/
	border-right: 1px solid #3F741D;
	border-bottom: 1px solid #3F741D;
	border-left: 1px solid #3F741D;
}

/* 	Change background and text colors when links are hovered over.
	Use a combined selector for hover, active, and focus.

	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */ 

.subNav a:hover, .subNav a:active, .subNav a:focus {
	background-color: #C39500;
	color: #FFFFFF;
	/*border-top: #C5A996;*/
}

/* Content CSS */

div#textBox {
	width: 740px;
	text-align: justify;
	padding: 10px;
	background:#fff;
}

div#bdy td, div#textBox, div#textBox th, div#textBox td, div#middle td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	line-height: 15px;
}

* html div#textBox {
	/* width: 760px; */
}

/* Image Alignment CSS */

.alignLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

/* Registration Page CSS */

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

form table {
	border: none;
	width: 550px;
}

form table td{
	vertical-align: top;
	text-align: left;
	padding: 2px;
	margin: 2px;
}

/* Green Header CSS for High-rise, Low-rise index pages, etc.*/

div#greenHeader {
	height: 61px;
	width: 760px;
	background-image: url(../images/common/bg_green_header.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

div#greenHeader h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0px;
	padding: 30px 0px 0px 20px;
}

/* High-rise and Low-rise Index Page Formatting CSS */

div#centreBox {
	margin: 20px;
	width: 720px;
	text-align: justify;
}

table.grid td {
	height: 160px;
	text-align: center;
	border-top-color: #DCD4C0;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #DCD4C0;
	border-right-style: solid;
	border-right-width: 1px;
	vertical-align: middle;
	width: 33%;
}

table.grid td.last {
	height: 160px;
	text-align: center;
	vertical-align: middle;
	border-top-color: #DCD4C0;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-style: none;
}

div#centreBox h2 span {
	display: none;
}

div#centreBox h2 {
	margin: 10px 0px 5px 0px;
	height: 12px;
	background-repeat: no-repeat;
}

div#centreBox h2.comingSoon {
	background-image: url(../images/common/hdr_coming_soon.gif);
}

div#centreBox h2.visitToday {
	background-image: url(../images/common/hdr_visit_today.gif);
}

div#subLogo_right {
        height: 100px;
        width: 115px;
        margin: 10px 0px 0px 0px;
        text-align: center;
        padding: 0px;
        float: right;
}