html {
   /* background: #ebeae7 url(../images/background.gif) top center;    */
}     




body {
	width: 100%;  
	height: 620px;
	padding: 0;
	margin: 0 auto;
	position: relative;   
   	top: 24px; 
	font: normal .75em/1.5 arial, verdana, sans-serif;
	border: 1px solid #fff;
	position: relative; 
	background: #fff;
	color: #666;  
	overflow: visible;
} 

p {
	margin: 0 0 1.2em 0;
}   

a:link, a:visited {
	color: #7dabd9;
}
a:hover {  
	color: #000;
	
}
#index {
	overflow:hidden;    
	height: 100%;
}

#index #mask{
	background-color: #fff;
	width: 100%;
	height: 150%;
	position: absolute;
	top: -24px;
	left: 0px;  
	z-index: 1;	
}     
     
#index body{
	height: 100%;  
	top: 24px;
}
  

img, img a {
	border: 0;
}                 
 
h2 {        
	font: normal .9em/1.5 arial, verdana, sans-serif;
	text-transform: uppercase; 
	font-weight: bold;
	margin: 12px 0 0 12px ;
	padding: 0;
}
#graphic_element1{  
	width: 100%;
	height: 226px;
	margin-bottom: -226px;
	position: relative; 
	top: 300px;      
	left: 0px;
	background-image: url('../images/background-midbar.gif');
	background-color: #333;
	z-index: 0;     
	 
}   

#content {
	width: 960px;             
	height: 577px;            
	margin: 0 auto;
	background-image: url(../images/background-bracketsXXXX.gif);    
	background-repeat: no-repeat;
	z-index: 150;      
	position: relative;
	margin-bottom: 15px;
	margin-top: 10px;    
}      
   
#navigation{
	margin: 10px 0 0 0;   
	padding: 0;
	width: 345px;
}                         

#navigation li{
	margin: 0 0 4px 0;
	height: 16px;  
	font-size: 87%;   
	line-height: 16px;
	list-style: none;     
	text-transform: uppercase;  
}
               
#navigation li a{
	padding-left: 20px;    
	display: block;
	width: 100%;
	
}
#navigation li a:link, #navigation li a:visited{    
	color: #666;
	text-decoration: none;
}                   

#navigation li a:hover{    
	display: block;
	width: 100%;
	color: #666;
	text-decoration: none; 
	background-color: #eef;
}
    
#logo {
	margin: 20px 0 0 20px;
} 

#H-container {   
	position: relative;   
	top:132px;      
	height: 226px;
	width: 370px;
	z-index: 1100;   
}        

#index #H-container img, #home #H-container img, #contact #H-container img, #walkthrough #H-container img {
	position: relative;
	top: 14px; 
	left: 20px;
}


#box { 
  	height: 576px;
  	width: 580px; 
	position: relative;
	top: 0px;
  	border: 1px solid #666;
	float: right; 
   	background-color: #fff;   
	z-index: 150; 
	overflow: visible;
}

#contactimage { 
  	height: 250px;
  	width: 200px;
	position: relative;
	margin: 200px 0 0 20px;
	overflow: visible;
}



#box img{  
	border-top: 13px solid #fff; 
	border-bottom: 13px solid #fff;
	position: relative;
	top: -1px;   
	left: 14px;     
	z-index: 300;   
} 

#text_box {
  	width: 340px;  
	position: absolute;
	top: 170px;
	left: 20px;
   	overflow: visible;
}  
   
#text_box p {
	color:#7dabd9;  
	font-size: 1.33em; 
	line-height: 1.4em;

}

.container {
	position:relative;
	top: -1px;   
	height: 580px; 
	width: 550px;  
	padding:0;
	z-index: 200;
	left: 14px;      
	background-color: #fff;   
}      

p.address {
	font-weight: bold;  
}  

.container div.column {  
	width: 250px; 
	margin-right: 15px;
	float: left; 
	padding: 0px; 
	position: relative;
	top: 15px;
}                 

.container div.column2{  
	width: 260px; 
	float: left; 
	padding:0px;
	position: absolute;
	top: 15px;   
	left: 275px;
	   
} 

.container div.column2 p{  
   font-size: .85em;
}       

.container div.column img{
   position: absolute;  
   margin: -7px 0 20px -15px;
   top: 263px; 

}       

#address {  
	width: 960px;    
	height: 20px;         
	margin: 0 auto;
	padding: 0; 
	z-index: 11000; 
	position: absolute;  
	top: 575px;
 }
#address p {   
	font-size: 95%;
	text-transform: uppercase;
	letter-spacing:0.01em; 
	float: left; 
	position:absolute;  
	margin-top: 10px;
	} 

#address p.sales-office {  

}     
#address p.phone { 
	left: 430px;
}
#address p.street {
   right: 0;   
}	 

#start_animation {
	text-align: center;  
	width: 100%;
	height: 226px;
	margin-bottom: -226px;
	position: relative; 
	top: 300px;      
	left: 0px;
	background-image: url('../images/background-midbar-light.gif');
	z-index: 5;     	
}   

#start_animation img{ 
	margin-top: 13px;
}      

#end_animation{
	text-align: center;  
	width: 100%;
	height: 226px;
	margin-bottom: -226px;
	position: relative; 
	top: 300px;      
	left: 0px;
	background-image: url('../images/background-midbar.gif');
	z-index: 10;     
	
}
     
#end_animation img{
	margin-top: 85px;
} 

/* neighborhood 
----------------------------------------------------------------------------*/  
#neighborhood .container {
	background: #fff url(../images/neighborhood/about-background.jpg) no-repeat top;
}

#neighborhood .container div, #interiors .container div{
 	position: absolute;
	top: 289px;  
	width: 275px; 
	height: 227px;
	background: #fff;
	opacity: .8;  
	filter:alpha(opacity=80);
	color: #444;
	margin: 0;   
}              

#neighborhood .container div.column p, #interiors .container div.column p {
	margin: 12px 12px 8px 12px; 
	line-height: 1.7em;
}         
   

#neighborhood .container div.column_right, #interiors .container div.column_right {  
  	right: 0px;
}      

#neighborhood .container div.column_right p, #interiors .container div.column_right p {
	margin: 12px 12px 8px 12px;  
	line-height: 1.7em;
	
}    

#neighborhood .container div.column_right h2, #interiors .container div.column_right h2{
	margin-left:0;
	
}

  
#neighborhood .container ul, #interiors .container ul {
	margin:0 8px 8px 24px;
	padding: 0;
	list-style: square;
}    

#neighborhood .container div.column_right ul, #interiors .container div.column_right ul {
   margin-left: 15px;    

}   

#neighborhood .container ul li, #interiors .container ul li{ 
	margin-top: 3px;     
	
}


#image_hopper {
	display:none;
}


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

#neighborhood #nav_neighborhood:link, #neighborhood #nav_neighborhood:visited, #neighborhood #nav_neighborhood:hover {
 	cursor: default;
    background-color: #eef;
}  

#interiors #nav_interiors:link, #interiors #nav_interiors:visited, #interiors #nav_interiors:hover {
 	cursor: default;
    background-color: #eef;
}

#walkthrough #nav_walk:link, #walkthrough #nav_walk:visited, #walkthrough #nav_walk:hover {
 	cursor: default;
    background-color: #eef;
}

#floorplans #nav_floorplans:link, #floorplans #nav_floorplans:visited, #floorplans #nav_floorplans:hover {
 	cursor: default;
    background-color: #eef;
}                          

#contact #nav_contact:link, #contact #nav_contact:visited, #contact #nav_contact:hover {
 	cursor: default;
    background-color: #eef;
}          


/* thumbnail navigation 
----------------------------------------------------------------------------*/  

#lvl2 {
	width: 400px; 
	padding: 30px 0 0 0;
	position: absolute;   
	top:287px;      
	z-index: 1100;
	margin: 0;   
	
}      

#lvl2 li {      
	list-style: none;
	height: 79px;
	width: 79px;
	border: 1px solid #aaa;
	background-color: #eee;
	float: left;
	margin: 0 15px 15px 0;
} 

#lvl2 li.text a:link, #lvl2 li.text a:visited{
	text-align: center;  
	display: block;
	padding-top: 32px;
	height: 47px;     
	font-size: .85em;
	text-transform: uppercase;
	font-weight: bold;      
	color: #666;
	background-color: #ccc; 
	text-decoration: none;
}  

#lvl2 li.text a:hover{ 
	color: #fff;
	background-color: #333; 
	text-decoration: none;
	

}
 
#lvl2 li {
	background-repeat: no-repeat;
}

#lvl2 li.thumb a:link, #lvl2 li.thumb a:visited{ 
	display: block;
	width: 79px;
	height: 79px;   
	text-indent: -9999px;
}  

#lvl2 li.thumb a:hover {
	background: url('../images/magnify.gif') no-repeat scroll top left;
  	width: 79px;
  	height: 79px;
  	
}  




#lvl3 {
	width: 400px; 
	padding: 30px 0 0 0;
	position: absolute;   
	top:287px;      
	z-index: 1100;
	margin: 0;   
	
}      

#lvl3 li {      
	list-style: none;
	height: 79px;
	width: 79px;
	border: 1px solid #aaa;
	background-color: #eee;
	float: left;
	margin: 0 15px 15px 0;
} 

#lvl3 li.text a:link, #lvl3 li.text a:visited{
	text-align: center;  
	display: block;
	padding-top: 25px;
	height: 54px;     
	font-size: .85em;
	text-transform: uppercase;
	font-weight: bold;      
	color: #666;
	background-color: #ccc; 
	text-decoration: none;
}  

#lvl3 li.text a:hover{ 
	color: #fff;
	background-color: #333; 
	text-decoration: none;
	

}
 
#lvl3 li {
	background-repeat: no-repeat;
}

#lvl3 li.thumb a:link, #lvl3 li.thumb a:visited{ 
	display: block;
	width: 79px;
	height: 79px;   
	text-indent: -9999px;
}  

#lvl3 li.thumb a:hover {
	background: url('../images/magnify.gif') no-repeat scroll top left;
  	width: 79px;
  	height: 79px;
  	
}  



#floors-nav {
	padding: 0;
	margin: 0;
	width: 350px;  
	position: absolute;
	top: 250px;
	left: 20px;
   	overflow: visible;
  	
}             

#floors-nav li{
	list-style: none;
	float: left;    
	margin: 0 12px 0 0;
	padding: 0 12px 0 0; 
	border-right: 1px solid #666;
}   

#floors-nav li.last{ margin-right: 0; border: 0; }
  
#floors-nav li a:link, #floors-nav li a:visited {
	font-weight: normal;
	color: #666;
	text-decoration: none;
} 

#floors-nav li a:hover {
	color: #7dabd9;
}     

#floors-nav li.current a:link, #floors-nav li.current a:visited {
	color: #7dabd9;
} 

#pdf_download {
	border: 0; 
	margin: 0; 
	padding: 0; 
	position: absolute;
	z-index: 1500;
	top: 519px; 
	left: 288px;
	font-size: 10px;
   text-transform: uppercase;
   font-weight: normal;    
   
}

#pdf_download:link, #pdf_download:visited {
   color: #7dabd9;
   border: 0; 
   margin: 0; 
   text-decoration: none;
} 

#pdf_download:hover {text-decoration: underline;}
 
#ehl_language {
	width: 575px;
	margin: 200px auto 0 auto; 
	padding-bottom: 15px;
}             

#ehl_language p { 
	position: relative;
	font-size: .85em;  	    
	color: #aaa; 
	left: 185px;
}  

  
.disclaimer {
	margin-top: 0px;
}
.left {
	float: left; 
	margin: 0px 15px 15px 0;
}                       

#flashcontent {
	border-bottom: 13px solid #fff;
	border-top: 13px solid #fff;
	position: relative; 
	width: 550px;  
	background-color: #fff;
	top: -1px;   
	left: 14px;     
	z-index: 300;
	}

.fha-approved {
	width:180px;
	padding:8px;
	border: 1px solid #ddd;
	background:#EEEEFF;
	}
.fha-approved-home {
	padding:8px;
	border: 1px solid #ddd;
	background:#EEEEFF;
	top:150px;
	position:relative;
	width:330px;
	}