@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{ width:1000px; margin:0 auto; font-family:tahoma; font-size:12px; color:#005495; font-weight:normal; text-align:center; height:1000px;}
a, a:hover{ text-decoration:none;}
a img{ border:none;} 
.clear{ clear:both;}
h1{ text-align:left; width:1000px; height:105px;}


a:visited {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #005395;
}
a:hover {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #53b642;
	text-decoration: none;
}
.whitecontent {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}


/***Begin menu***/
span{ visibility:hidden;}
#navi ul{ width:1000px; text-align:left; padding:0; margin:0;}
#navi ul li{ list-style:none; text-align:center;}

/*#navi li.menu1, #navi li.menu1_2 a{ background:url(images/menu1_3.jpg) bottom left no-repeat; width:276px; height:40px;  float:left;}
#navi li.menu1 a{ background:url(images/menu1.jpg) bottom left no-repeat; width:276px; height:40px;  float:left;}
#navi li.menu1_1 { background:url(images/menu1_2.jpg) bottom left no-repeat; width:276px; height:40px;  float:left;}

#navi li.menu2, #navi li.menu2_2 a{ background:url(images/menu2_2.jpg) bottom left no-repeat; width:197px; float:left; height:40px; }
#navi li.menu2 a{ background:url(images/menu2.jpg) bottom left no-repeat; width:197px; float:left; height:40px; }
#navi li.menu2_1{ background:url(images/menu2_1.jpg) bottom left no-repeat; width:197px; float:left; height:40px; }

#navi li.menu3 a{ background:url(images/menu3.jpg) bottom left no-repeat; width:241px; float:left; height:40px; }
#navi li.menu3_1{ background: url(images/menu3_1.jpg) bottom left no-repeat; width:241px; float:left; height:40px; }



#navi li.menu4, #navi li.menu4 a{ background:url(images/menu4.jpg) bottom left no-repeat; width:142px; float:left; height:40px; }
#navi li.menu5, #navi li.menu5 a{ background: url(images/menu_5.jpg) bottom left no-repeat; width:144px; float:left; height:40px; }
*/

#navi li.menu1, #navi li.menu1 a { background:url(images/menu1_3.jpg) bottom left no-repeat; width:276px; height:40px;  float:left;}
#navi li.menu1_1 { background:url(images/menu1_2.jpg) bottom left no-repeat; width:276px; height:40px;  float:left;}
#navi li.menu1_2, #navi li.menu1_2 a{ background:url(images/menu1.jpg) bottom left no-repeat; width:276px; height:40px; float:left; }

#navi li.menu2, #navi li.menu2 a { background:url(images/menu2.jpg) bottom left no-repeat; width:197px; float:left; height:40px; }
#navi li.menu2_1 a{ background:url(images/menu2_1.jpg) bottom left no-repeat; width:197px; float:left; height:40px; } 
#navi li.menu2_1{ background:url(images/menu2_1.jpg) bottom left no-repeat; width:197px; float:left; height:40px; } 
#navi li.menu2_2, #navi li.menu2_2 a{ background:url(images/menu2_2.jpg) bottom left no-repeat; width:197px; float:left; height:40px; }

#navi li.menu3, #navi li.menu3 a{ background:url(images/menu3.jpg) bottom left no-repeat; width:241px; float:left; height:40px; }
#navi li.menu3_1{ background:url(images/menu3_1.jpg) bottom left no-repeat; width:241px; float:left; height:40px; } 
#navi li.menu3_2, #navi li.menu3_2 a{ background:url(images/menu3_2.jpg) bottom left no-repeat; width:241px; float:left; height:40px;  }


#navi li.menu4, #navi li.menu4 a{ background:url(images/menu4.jpg) bottom left no-repeat; width:142px; float:left; height:40px; }
#navi li.menu4_1{ background:url(images/menu4_1.jpg) bottom left no-repeat; width:142px; float:left; height:40px; } 
#navi li.menu4_2, #navi li.menu4_2 a{ background:url(images/menu4_2.jpg) bottom left no-repeat; width:142px; float:left; height:40px;  }


#navi li.menu5, #navi li.menu5 a{ background: url(images/menu_5.jpg) bottom left no-repeat; width:144px; float:left; height:40px; }
#navi li.menu5_1{ background: url(images/menu_5_1.jpg) bottom left no-repeat; width:144px; float:left; height:40px; } 

#navi li.menu5_2, #navi li.menu5_2 a{ background: url(images/menu_5_2.jpg) bottom left no-repeat; width:144px; float:left; height:40px;  }


/**Begin content**/
#content { background: url(images/bg_habitat.jpg) top center no-repeat; margin:0; padding:0;}
#text{ padding-top:90px; text-align:left; margin-left:125px; margin-right:180px; width:700px; margin-bottom:40px;}

#text h2{ background:url(images/title_1.png) top left no-repeat; width:628px; height:45px; margin-bottom:35px; behavior: url(iepngfix.htc); }

#text h3{ background:url(images/hightlight.png) top left no-repeat; width:640px; height:231px; margin-bottom:10px; behavior: url(iepngfix.htc); }

#text p{ margin-top:20px; line-height:18px; text-align:justify;}


/**Begin img**/
#img{ background:url(images/habitat02_history1.gif) top center no-repeat; text-align:left; width:1000px; padding-bottom:40px; }
.logo{ padding-left:125px; text-align:left;}
.logo2{ padding-left:1px; text-align:left;}
.logo img{ margin-right: 20px;}
.show_img{ background:url(images/bg_img.gif) top left repeat-y; width:860px; margin-left:71px; margin-top:150px; padding-top:30px;}
.show_img ul{ list-style:none; padding-top:20px; text-align:center; margin-left:50px;}
.show_img li{ padding-right:40px; float:left; padding-bottom:30px;}

/**Begin habitat2**/
#text h2.title2{ background: url(images/title2.png) top left no-repeat; width:414px; height:36px; margin-bottom:35px; behavior: url(iepngfix.htc); }
#text h3.hight2{ background: url(images/hightlight2.png) top left no-repeat; width:641px; height:129px; margin-bottom:20px; behavior: url(iepngfix.htc); }
#img2{ background: url(images/main_img2_03.jpg) top right no-repeat; text-align:left; width:930px; padding-bottom:40px; margin-right:70px; height:500px; }


/**Begin habitat3**/
#text h2.title3{background: url(images/title_3.png) top left no-repeat; width:414px; height:50px; margin-bottom:35px; behavior: url(iepngfix.htc); }
.house12{ display:block; list-style:none; color:#FFFFFF; text-align:center; margin-bottom:10px; }
#content #text .house12 .house{ float:left; display:block; height:155px; width:200px; margin-right:40px; margin-bottom:40px; background:url(images/bg_12.png) top left no-repeat; behavior: url(iepngfix.htc); }
.house a{ color:#ffffff;}


/**Begin habitat3 inside**/
#text h4{ color:#ffffff; font-size:20px; font-family:tahoma; padding-left:30px; padding-bottom:10px;}
.big_img{ background-color:#7ba6c8; border:#2f74a9 1px solid; width: 644px; margin-left:30px;}
.big_img img{ padding:7px;}
.small_img { padding-top:25px; padding-left:30px;}
.small_img li{ display: inline; float: left; padding-right:10px; padding-bottom:10px;}
.small_img li img { border:#2f74a9 1px solid; }


/**Begin habitat4 **/

#text h2.title4{ background: url(images/title_4.png) top left no-repeat; width:414px; height:36px; margin-bottom:35px; behavior: url(iepngfix.htc); }

/**Begin habitat5 **/
#text h2.title5{ background: url(images/title_5.png) top left no-repeat; width:414px; height:36px; margin-bottom:35px; behavior: url(iepngfix.htc); }



/***Begin footer***/
.footer{ background:url(images/footer.gif) bottom left no-repeat; width:860px; height:35px; margin-left:71px;}a:link {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #005395;
	text-decoration: none;
}


h5 { font-size:16px; font-weight:bold; padding-top:5px; }
.house a { color:#FFFFFF; }