/* CSS Document */
body
{
   text-align: left;
   background: #87a3c8 url(htm/img/back.gif) no-repeat;
   margin:0 auto;
   
}
#container
{
   background: #87a3c8 url(htm/img/background.jpg) no-repeat;
   text-align: left;
   margin:0 auto;
   width: 852px;
   height: 1035px;
}
#logo
{
        float: left;
		margin: 0;
		padding: 10px 0px 0px 20px;		
				
}
#topmenu
{
        float: left;
		margin: 0;
		padding: 0;
		width: 580px;			
}


ul#navigation
	{
		float: left;
		margin: 0;
		padding: 0;	
		list-style-type: none;
		font-weight:bold;			
		width: 580px;
	}
	
ul#navigation li { display: inline; }
	
ul#navigation a
	{
		display: block;
		margin: 0;
		float: right;
		font-family:Arial;
		font-size:12px;	
		text-align: right;
		font-weight:bold;	
		padding: 20px 10px 8px 20px;	
		text-decoration: none;
		border-right: 1px solid #fff;
		color: #fff;
			
	}
ul#navigation a.active
	{
		display: block;
		margin: 0;
		float: right;
		font-family:Arial;
		font-size:13px;	
		text-align: right;
		font-weight:bold;	
		padding: 20px 10px 8px 25px;	
		text-decoration: none;
		border-right: 1px solid #fff;
		color: #fff;
		background: #96abb0;
		
	}
	
ul#navigation a:hover
	{
		background: #96abb0;
		
	}

#toptop
   {
        float:left;
		margin: 0;
		padding: 10px 0px 0px 20px;	
	}
	
#top2
   {
        float:left;
		width: 125px;
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#3b5982;
		line-height: 22px;
		margin: 0;
		padding: 10px 0px 0px 10px;	
	}
	
#topflash
   {
        float:left;
		margin: 0;		
		padding: 10px 0px 0px 20px;	
	}
		
#texthome01
    {
	    float:left;
		width:306px;
		color: #fff;
		font-family:Arial;
		line-height:18px;
		font-size: 13px;
		padding: 0px 0px 15px 25px;
		margin:0;		
	}
	
#texthome02
    {
	    float:left;
		width:335px;
		color: #fff;
		font-family:Arial;
		line-height:18px;
		font-size: 13px;
		padding: 30px 0px 15px 40px;
		margin:0;	
	
	}
h1#home
	{
		color: #fff;
		font-family:Arial;
		font-size: 18px;
		font-weight: bold;
	    padding: 0px 0px 10px 0px;
		margin:0;		
	}  	
h2#home
	{
		color: #fff;
		font-family:Arial;
		font-size: 18px;
		font-weight: bold;
	    padding: 10px 0px 10px 0px;
		margin:0;		
	}  		

p.home
   {
      margin: 0;
	  padding:0;
	  text-align:right;
	  font-family:Arial;
	  line-height: 20px;
	  font-size:12px;
	  font-weight: bold;
	  color:#745814;
   }	
#linkback  
{
      clear:both;	 
	  margin: 0;
	  padding:140px 0px 0px 0px;
	 
	  
	  }

#linkback2  
{
      clear:both;	 
	  margin: 0;
	  padding:40px 0px 0px 0px;
	 
	  
	  }
	  
#linkback3  
{
      clear:both;	 
	  margin: 0;
	  padding:10px 0px 0px 0px;
	 
	  
	  }
#link 
{
      clear:both;
	  display:block;
	  background:#fff;
	  margin: 0;
	  padding:2px 40px 2px 0px;
	  text-align:center;
	  font-family:Arial;
	  font-size:12px;
	  font-weight: bold;
	  color:#000;
}
a.link
{
margin: 0;
padding: 0;		
font-family:Arial;
font-size:12px;	
font-weight: bold;
color: #34640a;
text-decoration: none;
}

a.link:hover {
text-decoration: underline;
}
a.link:visited {
color: #34640a;
}

/* houses */		
   
ul#navigationhouses
	{
		
		margin: 10px 0px 0px 4px;
		list-style-type: none;
		padding: 0px 0px 0px 115px;
		font-weight:bold;	
		width: 350px;		
		
	}
	
ul#navigationhouses li { display: inline; }
	
ul#navigationhouses a
	{
		display: block;
		margin: 0;
		float: right;
		font-family:Arial;
		font-size:12px;	
		text-align: right;
		font-weight:bold;	
		padding: 5px 10px 5px 25px;	
		text-decoration: none;
		border-right: 1px solid #fff;
		color: #fff;
			
	}
ul#navigationhouses a.active
	{
		display: block;
		margin: 0;
		float: right;
		font-family:Arial;
		font-size:12px;	
		text-align: right;
		font-weight:bold;	
		padding: 5px 10px 5px 25px;	
		text-decoration: none;
		border-right: 1px solid #fff;
		color: #fff;
		background: #96abb0;
		
	}
	
ul#navigationhouses a:hover
	{
		background: #96abb0;
		
	}
	

#tit		
	{
	    clear: both;
		margin: 0;
		padding: 15px 0px 5px 80px;		
	}
#titk	
	{
	    clear: both;
		margin: 0;
		padding: 15px 0px 5px 230px;		
	}	

p.tithouse
{
     
	  margin: 0;
	  padding:0;	  
	  font-family: Arial;	  
	  font-size:16px;	  
	  color:#fbfad8;
	  
	  }		
	  
.housetype {
	color: #fff;
	font-weight: bold;
}	
.bedrooms
{  
      font-size:13px;	  
	  color:#fff;
	 
	  }
#tophouses   
    {			
	clear: both;
	margin: 0;
	text-align:left;	
	padding: 0px 5px 0px 80px;	
	}
#tophousesk  
    {			
	clear: both;
	margin: 0;
	text-align:left;	
	padding: 0px 5px 0px 230px;	
	}	

p.houses
   {
      float:left;
	  margin: 0;
	  padding:0;
	  width: 311px;
	  text-align: left;
	  font-family: Arial;
	  line-height: 17px;
	  padding: 10px 0px 0px 3px;
	  font-size:11px;	  
	  color:#745814;
   }	
	 
#plan01	
    {			
	clear:both;
	margin: 0;
	padding: 5px 0px 0px 72px;		
	}	
#plan01h	
    {			
	clear:both;
	margin: 0;
	padding: 10px 0px 0px 200px;		
	}		
#plan01img	
    {			
	float:left;
	margin: 0;
	padding: 0px 10px 0px 0px;		
	}	
#plan01leg	
    {			
	float:left;
	margin: 0;
	padding: 0;		
	}		 
#plan02	
    {			
	clear:both;
	margin: 0;
	padding: 5px 0px 0px 72px;	
	}		
#plan02h	
    {			
	clear:both;
	margin: 0;
	padding: 5px 0px 0px 200px;	
	}			
#plan02img	
    {			
	float:left;
	margin: 0;
	padding: 0px 10px 0px 0px;			
	}	
#plan02leg	
    {			
	float:left;
	margin: 0;
	padding: 0;		
	}			
#plan02imgh	
    {			
	float:left;
	margin: 0;
	padding: 0px 30px 0px 0px;			
	}		
#plan01imgh	
    {			
	float:left;
	margin: 0;
	padding: 0px 30px 0px 0px;		
	}		
#plan01j	
    {			
	clear:both;
	margin: 0;
	padding: 10px 0px 0px 112px;		
	}	
#plan02j	
    {			
	clear:both;
	margin: 0;
	padding: 10px 0px 0px 112px;		
	}			
		
/* features */

ul#navigationfeatures
	{
		float: right;		
		margin: 0;
		padding: 10px 35px 0px 0px;
		list-style-type: none;
		font-weight:bold;	
		width:580px;
			
	}
	
ul#navigationfeatures li { display: inline; }
	
ul#navigationfeatures a
	{
		display: block;
		margin: 0;
		float: right;
		font-family:Arial;
		font-size:13px;	
		font-weight:bold;	
		padding: 0px 0px 0px 30px;	
		text-decoration: none;
		color: #fff;
			
	}
ul#navigationfeatures a.active
	{
		display: block;
		float: right;
		font-family:Arial;
		font-size:13px;
		text-decoration: none;
		color: #f7f29c;
		
	}
	
ul#navigationfeatures a:hover
	{
		color: #f7f29c;		
	}
	
#top_intimg	
    {
	clear:both;
    margin: 0px;
	padding: 40px 0px 15px 25px;		
	}	
#top_intimg01	
	{
    float: left;
	margin: 0px;
	padding: 0px 55px 0px 0px;		
}
#top_intimg02	
	{
    float: left;
	margin: 0px;
	padding: 0px 55px 0px 0px;		
}
#top_intimg03	
	{
    float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;		
}	
#text_internal
  {
    clear:both;
	margin: 0px;
	padding: 15px 0px 0px 16px;		
	}	
#text_internal01
{
    float: left;
	width:355px;
	margin: 0px;
	padding: 0px 0px 0px 15px;		
}
#text_internal02
{
    float: left;
	width:355px;
	margin: 0px;
	padding: 0;		
}
#coluna_int01
{
    float: right;
	width:327px;
	margin: 0px;
	padding: 25px 0px 5px 10px;		
	}	


#img01
{
    margin: 0px;
	padding: 0;		
	}		
p.internal
     {     
	  margin: 0;
	  padding:0; 	  
	  font-family: Arial;
	  line-height: 22px;	
	  font-size:12px;	  
	  color:#fff;	    
	  }		

#coluna_int02
{
    float: right;
	width:375px;
	margin: 0px;
	padding: 50px 100px 0px 25px;		
}
#img02
    {    
    margin: 0px;
	padding: 0px 0px 10px 0px;		
	}			
#img_ext01
{	
    width:654px;
	float: left;
	margin: 0px;
	padding: 30px 0px 10px 24px;		

}
#text_ext
{
    width:654px;
	margin: 0;
	padding: 0px 10px 0px 28px;		

}
#text_ext01
{	
    float: left;
	width:330px;
	margin: 0px;
	padding: 0px 10px 0px 0px;		

}
#text_ext02
{	
    float: left;
	width:293px;
	margin: 0px;
	padding: 0px 10px 0px 0px;		

}
#energyimg
{	
    float: right;
	margin: 0px;
	padding: 30px 0px 0px 0px;		

}
#energytext
{	
    float: right;
	width: 350px;
	margin: 0;
	padding: 50px 190px 0px 20px;		

}
p.energy
     {     
	  margin: 0;
	  padding:0; 	  
	  font-family: Arial;
	  line-height: 25px;	
	  font-size:12px;	  
	  color:#fff;	    
	  }		
#imgpark
{	
    float: right;
	margin: 0px;
	padding: 30px 0px 0px 20px;		

}
#parktext
{	
    float: right;
	width: 207px;
	margin: 0;
	padding: 50px 100px 0px 20px;		

}
p.park
     {     
	  margin: 0;
	  padding:0; 	  
	  font-family: Arial;
	  line-height: 26px;	
	  font-size:13px;	  
	  color:#fff;	    
	  }


/* sitemap */	

#legend{
    float:right;
	margin: 0;
	padding:59px 10px 0px 0px;		
}	
#map{
    float:right;
	margin: 0;
	padding: 25px 10px 0px 5px;		
}			

/* contact */	
#mail
{
    clear:both;
	width: 350px;
	margin: 0;
	padding: 25px 0px 0px 25px;		
}			

#locationmap{
    float:right;
	margin: 0;
	padding: 15px 5px 0px 0px;		
}		

#logocontact{
    float:right;
	width: 207px;
	border:0;
	margin: 0;
	padding: 13px 32px 0px 0px;		
}		
p.register	
     {     
	  margin: 0;
	  padding: 0px 0px 5px 0px; 	  
	  font-family: Arial;
	  line-height: 22px;	
	  font-size:12px;	  
	  color:#fff;	    
	  }	
	  
#gallery 
    {			
	clear: both;
	margin: 0;
	text-align:left;	
	padding: 20px 5px 90px 40px;	
	}	  

/* disclaimer */	

#disclaimer{
  clear:both;
  text-align: right;
  margin:0 auto;
  width: 700px;
  padding: 18px 0px 0px 0px;
}

a.disclaimer {

margin: 0;
padding: 0;		
font-family:Arial;
font-size:13px;	
font-weight: bold;
color: #fff;
text-decoration: none;
}

a.disclaimer:hover {
text-decoration: underline;
}
		
		
#footer_ion
{
   text-align: left;
   clear:both;
   margin:0 auto;
   width: 852px;
}

#box_ion
{
clear:both;
padding:10px 0px 30px 670px;
margin:0;
}

a:link.ion { color: #fff; text-decoration: none;  }
a:visited.ion { color: #fff; text-decoration: none; }
a:hover.ion { color: #fff; text-decoration: underline; }

#ion
{
float:left;
font-family:Arial;
font-size:12px;
text-align: left;
padding:2px 0px 0px 0px;
margin:0;
}
#eye
{
float:left;
padding:0px 10px 0px 0;
}