.col-1, .col-2, .col-3, .col-4, .col-5, .col-6{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:969px; }

/*======= table =======*/
.datatable { border: 1px solid #789AC6; border-collapse:collapse; }
.datatable caption { font-weight:bold; color:#33517A; padding: 0.4em 0 0.3em 0; background-color:#B0C4DE; border: 1px solid #789AC6; }
.datatable td, .datatable th { border: 1px solid #D6DDE6; text-align:center; padding:0.2em; }
.datatable th {  background-color:#D9E6EA; font-weight:bold; text-align:left; padding::0.2em; }


/*======= header =======*/
#page1 #header {height:549px; background:url(images/top.gif) no-repeat top left;}
#page1 #header .col-1{ width:645px}
#page1 #header .col-2{ width:324px; background:url(images/bg_col2.gif); height:434px}
#header {height:389px; background:url(images/top.gif) no-repeat top left}
#header .col-1{ width:644px}
#header .col-2{ width:324px; background:url(images/bg_col2.gif); height:274px}


/*======= index.html =======*/
#page1 #content .col-1{ width:646px; margin-right:26px}
#page1 #content .col-2{ width:250px}
#page1 #content .col-3{ width:263px; margin-right:56px}
#page1 #content .quotebox{ width:263px; margin-right:auto; margin-left:auto; border:#666666 solid 1px; padding:5px;}
#page1 #content .col-4{ width:263px}
#page1 #content .bg{ background:url(images/tail.gif) repeat-y 287px top } 
#page1 #content .bg1{ background:url(images/tail.gif) repeat-y 610px top } 
/*======= about-us.html =======*/
#page2 #content .col-1{ width:683px; margin-right:5px}
#page2 #content .col-2{ width:256px}
#page2 #content .col-3{ width:263px; margin-right:56px}
#page2 #content .col-4{ width:260px}
#page2 #content .bg{ background:url(images/tail.gif) repeat-y 1px top } 
#page2 #content .bg1{ background:url(images/tail.gif) repeat-y 287px top } 
/*======= water-and-health.html =======*/
#pageWH #content .col-1{ width:960px; margin-right:29px}
#pageWH #content .col-2{ width:324px}
#pageWH #content .col-3{ width:263px; margin-right:56px}
#pageWH #content .col-4{ width:260px}
#pageWH #content .nav{width:950px; margin-right:5px; float:right; text-align:right;}
#pageWH #content .bg{ background:url(images/tail.gif) repeat-y 1px top } 
#pageWH #content .bg1{ background:url(images/tail.gif) repeat-y 287px top } 
/*======= index-2.html =======*/
#page3 #content .col-1{ width:270px; margin-right:39px}
#page3 #content .col-2{ width:590px}
#page3 #content .col-3{ width:275px; margin-right:52px}
#page3 #content .col-4{ width:260px}
#page3 #content .bg{ background:url(images/tail.gif) repeat-y 282px top } 
#page3 #content .bg1{ background:url(images/tail.gif) repeat-y 300px top } 
/*======= index-3.html =======*/
#page4 #content .col-1{ width:255px; margin-right:55px}
#page4 #content .col-2{ width:265px; margin-right:60px}
#page4 #content .col-3{ width:260px;}
#page4 #content .col-4{ width:163px; margin-right:22px}
#page4 #content .col-5{ width:163px;}
#page4 #content .bg{ background:url(images/tail.gif) repeat-y 287px top } 
#page4 #content .bg1{ background:url(images/tail.gif) repeat-y 610px top } 
/*======= index-4.html =======*/
#page5 #content .col-1{ width:255px; margin-right:55px}
#page5 #content .col-2{ width:285px; margin-right:40px}
#page5 #content .col-3{ width:260px;}
#page5 #content .col-4{ width:600px; margin-right:35px}
#page5 #content .col-5{ width:267px;}
#page5 #content .bg{ background:url(images/tail.gif) repeat-y 287px top } 
#page5 #content .bg1{ background:url(images/tail.gif) repeat-y 610px top } 
/*======= index-5.html =======*/
#page6 #content .col-1{ width:590px; margin-right:49px}
#page6 #content .col-2{ width:260px}
#page6 #content .col-3{ width:275px; margin-right:52px}
#page6 #content .col-4{ width:260px}
#page6 #content .col-5{ width:200px; margin-right:0px}
#page6 #content .col-6{ width:195px}
#page6 #content .col-1 .col-1{ width:310px; margin-right:0px}
#page6 #content .col-1 .col-2{ width:273px}
#page6 #content .bg{ background:url(images/tail.gif) repeat-y 610px top } 
#page6 #content .bg1{ background:url(images/tail.gif) repeat-y 300px top } 

/*======= footer =======*/
#footer { height:139px; }