img, div { behavior: url(iepngfix.htc) }

body { 
	background: url("images/bg.jpg");
	margin:0;
}

div.slideshow {
  margin: 10px 0 5px; 0;
}
div.slideshow p {
  margin: 2px auto;
  padding-top:2px;
  text-align:right;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#333333;
}


#point1{
	margin-left:55px;
	margin-top: 55px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right:40px;
}

#point1 .title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16;
	color:#333333;
	font-weight:bold;
}

#point1 .content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12;
	color:#333333;
}


#point1_2 .bg{
	margin: 0px;
	width:640px;
	height:540px;
	background-image: url("images/point1/popUp-HHW.jpg"); 
	background-repeat:no-repeat;
}

#point1 .menu{
	 width:151px; 
	 background-image:url(images/point1/menubg.jpg); 
	 background-repeat:repeat-y; 
	 margin-top:10px; 
	 float:left;

}

.button a { font-size:14px;color: #FFFFFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

ul{
	 list-style:none;
	 line-height:38px; 
	 margin:0px; 
	 text-align:left; 
	 font-size:14px; 
	 padding-left:10px; 
	 font-weight:bold; 
	 color:#428AA1; 
	 font-family:Arial, Helvetica, sans-serif;

}
.link a {
	 
	 font-size:14px;
	 text-decoration:none;	 
	 font-weight:bold; 
	 color:#428AA1; 
	 font-family:Arial, Helvetica, sans-serif;

}

#point1 .line{
 	 width:2px; 
	 height:200px;
	 float:left; 
	 margin-top:10px;
 }
 
#point1 .box{
	 width:380px; 
	 height:236px; 
	 float:left; 
	 margin-top:20px;
}

#point1 .thumb{
	 margin:0 10px 10px 10px;
}
#point1 .text{
	margin:0 10px 0 10px; 
	font-size:12px;
}	 

#point1 .caption{
	color:#666666; 
	padding:5px 0 0 0; 
	font-size:11px; 
	text-align:right;
}



#point2 {
	position: relative;
	width: 540px;
	height: 200px;
	
}

#point2-Content {
	position: absolute;
	top: 0px;
	width: 520px;
	height: 200px;
	overflow: hidden;
}

#point2 .Scroller-Container {
	position: absolute;
	top: 0px; 
	left: 0px;
}

#point2 p {
	margin: 0; 
	padding: 0px 00px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 20px;
	color: #333;
}

#point2-Scrollbar {
	position: absolute;
	left: 525px;
}

#point2 .Scrollbar-Up,
 .Scrollbar-Up-Pressed {
	position: absolute;
	width: 15px; 
	height: 15px;
	
	font-size: 0px;
	background-image:url(images/point2/up.gif);
}

#point2 .Scrollbar-Down,
 .Scrollbar-Down-Pressed {
	position: absolute;
	top: 190px;
	width: 15px; height: 15px;
	
	font-size: 0px;
	background-image:url(images/point2/down.gif);
}

#point2 .Scrollbar-Track,
 .Scrollbar-Track-Pressed {
	width: 15px; 
	height: 175px;
	position: absolute;
	top: 15px;
	background-color: #E6F4F7;
}

#point2 .Scrollbar-Track-Pressed {
	background-color: #DDD;
}

#point2 .Scrollbar-Handle,
 .Scrollbar-Handle-Pressed {
	position: absolute;
	width: 15px; height: 30px;
	background-color: #62B3D0;
}

#point2 .Scrollbar-Handle-Pressed, 
 .Scrollbar-Down-Pressed, .Scrollbar-Up-Pressed {
	/*background-color: #5EA3E3;*/
}

#point2 .Scrollbar-Disabled {
	display: none;
}

#point3{
	margin-left:55px;
	margin-top: 45px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right:40px;
}

#point3 .title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16;
	color:#333333;
	font-weight:bold;
	
}

#point3 .content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12;
	color:#333333;
	width:540px;
	
}
#point3 .btn_dwon{
	background-image:url(images/point3/download.gif); 
	width:184px; 
	height:29px; 
	line-height:29px; 
	text-align:center; 
	position:absolute; 
	left: 413px; 
	top: 222px;
}
 
 #point3 .sub_title{
	background-image:url(images/point3/title.jpg);
	background-repeat:repeat-x;
	width:547px; 
	height:26px; 
	margin:15px 0 0 0 ;
	line-height:29px;
	font-style:italic;
	color:#373B3D;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}


.butt a{
 	font-size:14px;
	 text-decoration:none;	 
	 font-weight:bold; 
	 color:#FFF; 
	 font-family:Arial, Helvetica, sans-serif;
	 }

#point3 .btn_bg {
	background-image:url(images/point3/btn_onoff.jpg); 
	width:171px; 
	height:49px; 
	line-height:49px; 
	text-align:center;
}

#point3 .btn_bg a:hover {
	background-image:url(images/point3/btn_onoff.jpg);
	background-position:bottom; 
	width:171px; 
	height:49px; 
	line-height:49px; 
	text-align:center;
}

#point3_sub{
	padding-right:40px;
	margin: 30px 0 0 24px;
}

#point3_sub .title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16;
	color:#333333;
	font-weight:bold;
	padding-left:31px;
	
}
 #point3_sub .sub_title{
	background-image:url(images/point3/title.jpg);
	background-repeat:repeat-x;
	width:601px; 
	height:26px; 
	margin:10px 0 0 0 ;
	line-height:29px;
	font-style:italic;
	color:#373B3D;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}


#point3_sub .main_box{
	margin:15px 50px 0px 50px; 
	width:151px;
	height:127px;
	float:left;
	text-align:center;
	color:#323433;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


#point3_popup{
	
	width:640px;
	height:450px;
	background-image:url(images/point3/bg.jpg);
	
}

#point3_popup .content{
	margin:65px 0 0 24px;
	padding:0 40px 0 0;
	width:640px;
	height:480px;
	}

#point3_popup .title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16;
	color:#333333;
	font-weight:bold;
	padding-left:31px;
	
}
 #point3_popup .sub_title{
	background-image:url(images/point3/title.jpg);
	background-repeat:repeat-x;
	width:601px; 
	height:26px; 
	margin:10px 0 0 0 ;
	line-height:26px;
	color:#373B3D;
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}


#point3_popup .main_box{
	margin:15px 30px 0px 15px; 
	width:151px;
	height:127px;
	float:left;
	text-align:center;
	color:#323433;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#point3_popup .con_left{
	/*float:left;*/ 
	margin:10 0 0 5;
}

#point3_popup .con_img{
	float:left; width:210px; height:205px; margin:5 10 10 10;
}
#point3_popup .con_text{
	float:left; margin:20	 0 0 0; font-size:18px; color:#323433; font-family:Arial, Helvetica, sans-serif; width:300px;
}
#point3_popup .con_text_mid{
	float:left; margin:60px 0 0 0; font-size:18px; color:#323433; font-family:Arial, Helvetica, sans-serif; width:300px;
}

#point3_sub .icon{
	width:151px; height:56px; margin:5px 50px 5px 50px; float:left;text-align:center;color:#323433;font-family:Arial, Helvetica, sans-serif;font-size:12px;
}



#water_depth{
	margin-left:24px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right:40px;
}

#water_depth .title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16;
	color:#333333;
	font-weight:bold;
	padding-left:31px;
	
}
 #water_depth .sub_title{
	background-image:url(images/point3/title.jpg);
	background-repeat:repeat-x;
	width:601px; 
	height:26px; 
	margin:15px 0 0 0 ;
	line-height:29px;
	font-style:italic;
	color:#373B3D;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}


#water_depth .main_box{
	margin:5px 30px 0px 15px; 
	width:151px;
	height:127px;
	float:left;
	text-align:center;
	color:#323433;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


#water_depth .water_con{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:10 0 10 35; width:600px; line-height:20px;
	}

.small_btn a{
 	 font-size:12px;
	 text-decoration:none;	 
	 color:#000; 
	 font-family:Arial, Helvetica, sans-serif;
}

.nav_btn a{
	text-decoration:none;	
	line-height:25px;
	color:#FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.btn_left{
	margin:0 0 0 0;
	background-image:url(images/point3/btn_left.png);
	background-repeat:no-repeat;
	width:71px;
	height:26px;
	clear:left;
	float:left;
	padding-left:20px;
}
.btn_right{
	margin:0 35 0 264;
	background-image:url(images/point3/btn_right.png);
	background-repeat:no-repeat;
	width:71px;
	height:26px;
	float:left;
	padding-left:20px;
}
.btn_right1{
	margin:0 60 0 264;
	background-image:url(images/point3/btn_right.png);
	background-repeat:no-repeat;
	width:71px;
	height:26px;
	float:left;
	padding-left:20px;
}