/*General*/
* { margin:0; padding:0;}
html, body { height:100%;  min-width:1000px;}	
body { 
	background:#e3ebe7; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#404040;
	text-align:justify;
	}	
.alignCenter{ text-align: center}
.fleft{ float:left}
.fright{ float:right}
.container {overflow:hidden; width: 100%;}
.clear {clear:both;}

	
/*header*/
#head{ position:relative;height:710px; width:100%; z-index:2}
#head2{ position:relative;height:290px; width:100%; z-index:2}

/*page1*/
#page1 .content{position:relative}
#page1 .title1{ margin:0 0 20px 0; position:relative}
#page1 .img1{float:left}
#page1 .par1{float:left;width:650px;font-size:15px; margin:10px 0 0 20px}
#page1 .rm1{float:right;margin:12px 55px 0 0}
#page1 .rm1 a img{  border: none }
#page1 .rm1 a:hover img { border:none}

#page1 .col2 img{ margin:0 -5px 0 0}


/*page2*/
#page2 .content{position:relative}
#page2 .title1{ margin:0 0 20px 0; position:relative}
#page2 .img1{float:left}
#page2 .par1{float:left;width:650px;font-size:15px; margin:10px 0 0 20px}
#page2 .font_style1{ font-size:18px; font-weight:bold}

/*page3*/

#page3 .content{position:relative}
#page3 .title1{ margin:0 0 20px 5px; position:relative}
#page3 .title2{ margin:40px 0 15px 8px; position:relative}
#page3 .title3{ margin:20px 0 15px 8px; position:relative}
#page3 .img1{float:left}
#page3 .par1{float:left;width:550px;font-size:15px; margin:10px 0 0 20px}
#page3 .par2{float:left;width:800px;font-size:15px; margin:5px 0 0 10px}
#page3 .font_style1{ font-size:18px; font-weight:bold}
#page3 .set1{ float:left; margin:0 0 0 40px}
#page3 .set2{float:right; margin:0 200px 0 50px}
#page3 .points{font-weight:bold; color:#056839; text-decoration:underline; background-image:url(../images/bullet_1.jpg); background-repeat:no-repeat; background-position:left; padding:3px 0 3px 20px}
#page3 .img_set1{ float:left; width:400px ; margin:0 0 0 40px}
#page3 .img_set2{float:right; margin:0 200px 0 50px}
#page3 .img_points1{font-weight:bold; color:#056839;clear:both;}
#page3 .img_points1_img{ float:left; margin-bottom:20px}
#page3 .img_points1_text1{ float:left;margin:70px 0 0 10px; width:150px; text-align:left }
#page3 .img_points1_text2{ float:left;margin:50px 0 0 10px; width:150px; text-align:left }
#page3 .img_points1_text3{ float:left;margin:30px 0 0 10px; width:150px; text-align:left }
#page3 .img_points1_text4{ float:left;margin:75px 0 0 10px; width:150px; text-align:left }
#page3 .note1{color:#056839;font-style:italic; margin:20px 0 0 10px; clear:both;text-align:left; padding-top:50px}


/*page4*/
#page4 .content{position:relative}
#page4 .title1{ margin:0 0 20px 5px; position:relative}
#page4 .title2{ margin:40px 0 15px 8px; position:relative}
#page4 .title3{ margin:20px 0 15px 8px; position:relative}
#page4 .title4{ margin:0 0 10px 8px; width:400px}
#page4 .title5{ margin:0 0 10px -15px; width:400px}
#page4 .img1{float:left}
#page4 .par1{float:left;width:550px;font-size:15px; margin:10px 0 0 20px}
#page4 .par2{float:left;width:800px;font-size:15px; margin:5px 0 0 10px}
#page4 .par3{float:left;width:430px;font-size:15px; margin:10px 0 0 20px}
#page4 .font_style1{ font-size:18px; font-weight:bold}
#page4 .set1{ float:left; margin:0 0 0 30px ; width:400px}
#page4 .set2{float:right; margin-top:-40px}
#page4 .set3{ float:left; margin:20px 0 1px 30px ; width:400px}
#page4 .set4{ float:left; margin:20px 0 1px 30px ; width:500px}
#page4 .points{font-weight:bold; color:#404040; background-image:url(../images/bullet2.png); background-repeat:no-repeat; background-position:left; padding:3px 0 3px 20px}
#page4 .img_set1{ float:left; width:400px ; margin:0 0 0 40px}
#page4 .img_set2{float:right; margin:0 200px 0 50px}
#page4 .img_points1{font-weight:bold; color:#056839;clear:both;}
#page4 .img_points1_img{ float:left; margin-bottom:20px}
#page4 .img_points1_text1{ float:left;margin:70px 0 0 10px; width:150px; text-align:left }
#page4 .img_points1_text2{ float:left;margin:50px 0 0 10px; width:150px; text-align:left }
#page4 .img_points1_text3{ float:left;margin:30px 0 0 10px; width:150px; text-align:left }
#page4 .img_points1_text4{ float:left;margin:75px 0 0 10px; width:150px; text-align:left }
#page4 .box1{ background-image:url(../images/utility.png); width:263px; height:194px; float:left; margin:0 10px 0 10px;padding: 60px 20px 20px 20px}
#page4 .box2{ background-image:url(../images/Infrastructure.png); width:263px; height:194px; float:left; margin:0 10px 0 10px;padding: 60px 20px 20px 20px}
#page4 .box3{ background-image:url(../images/others.png); width:263px; height:194px; float:left; margin:0 10px 0 10px;padding: 60px 20px 20px 20px }
#page4 .points2{color:#FFFFFF; background-image:url(../images/bullet3.png); background-repeat:no-repeat; background-position:left; padding:3px 0 3px 20px;}
#page4 .points3{color:#FFFFFF; padding:0 0 3px 20px;}
#page4 .note1{color:#056839;font-style:italic; margin:20px 0 0 10px; clear:both;text-align:left; padding-top:10px;}
#page4 .note2{color:#056839;font-style:italic;text-align:left; float:left; margin:10px 0 0 40px}
#page4 .note3{color:#056839;font-style:italic;text-align:left; float:left; margin:10px 0 0 525px; width:200px}
#page4 .note4{color:#056839;font-style:italic;text-align:left; float:right; margin:10px 320px 0 0; width:300px}
#page4 .note5{color:#056839;font-style:italic;text-align:left; float:right; margin:10px 330px 0 0; width:300px}

#page4 .logo{padding:10px 0 0 40px; float:left}

/*page5*/
#page5 .content{position:relative}
#page5 .title1{ margin:0 0 20px 5px; position:relative}
#page5 .title2{ margin:40px 0 15px 8px; position:relative}
#page5 .title3{ margin:0 0 0 8px; position:relative}
#page5 .img1{float:left}
#page5 .ambang{float:left;margin:20px 0 0 0}
#page5 .par1{float:left;width:180px;font-size:15px; margin:40px 0 0 20px}
#page5 .font_style1{ font-size:18px; font-weight:bold}


#page5 .form{ padding:30px 20px 20px 40px;}
#page5 .rowElem2{background:url(../images/form_field_1.jpg)center left no-repeat; float:right; width:330px; height:34px}
#page5 .rowElem3{background:url(../images/form_field2.jpg) top left no-repeat; float:right; width:330px; height:182px}
#page5 .form_title1{ float:left;font-weight:bold; margin:8px 10px 22px 0; color:#006533}
#page5  fieldset{ border:none}

#page5 .map_frame{background:url(../images/map_bg.jpg)left no-repeat; height:370px; margin:17px 0 15px 0}
#page5 .map{ margin-left:15px; padding-top:15px}

#page5 .btn1{ position:relative;float:right;margin:20px 10px 0 0}
#page5 .btn2{ position:relative;float:right; margin:20px 10px 0 0}
#page5 .btn1 img{ border:0}
#page5 .btn2 img{ border:0}

#page5 .glink a{color:#fa941e; text-decoration:none; display:block; float:left; padding:0 6px 0 6px} 
#page5 .glink a:hover { text-decoration:underline}


/*page7*/
#page6 .content{position:relative}
#page6 .sitemap_cont{ margin:30px 0 0 180px}
#page6  ul.list1{margin:0; padding:0; list-style:none;float:left}
#page6  ul.list1 li div{ background:url(../images/bullet_1.jpg) top left no-repeat; background-position:0 1px; margin:0; padding-left:30px;  margin-bottom:10px;color:#056839; font-size:20px; font-weight:bold;}
#page6 ul.list1 li.last div {margin-bottom:40px}
#page6 ul.list1 li a{ text-decoration:none;color:#056839; font-size:20px; font-weight:bold;} 
#page6 ul.list1 li a:hover {text-decoration:underline }

#page6  ul.list2{margin:0 0 0 30px; padding:0; list-style:none;float:left}
#page6  ul.list2 li div{ background:url(../images/bullet4.png) top left no-repeat; background-position:0 1px; margin:0; padding-left:30px; margin-bottom:5px;}
#page6  ul.list2 li.last div {margin-bottom:30px}
#page6 ul.list2 li a{ text-decoration:none;font-size:15px; font-weight:bold; color:#fa941e} 
#page6 ul.list2 li a:hover {text-decoration:underline }




.input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
   	border:none; 
	background:none;
	width:330px; height:34px;
	padding:1px 5px 2px 5px;
	color:#006533;
}

.textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
   	border:none; 
	background:none;
	width:310px; height:172px;
	padding:5px 5px 0 5px;
	overflow:auto;
	color:#006533;
	
	}




.button-3 {color:#0066CC; text-decoration:none;}  
.button-3:hover {  text-decoration:underline}

.indent-1{ position:relative; padding-right:10px;  padding-left:10px; padding-top:20px;float:right}





/*footer*/
footer {color:#cccccc;clear:both; font-size:11px}
footer .foot1{ background-image:url(../images/footer_bar.gif); background-repeat:repeat-x; height:110px}
footer .inside{ padding:30px 20px 10px 14px}
footer a {color:#fa941e; text-decoration:none}  
footer a:hover {  text-decoration:underline}
footer a.current {  text-decoration:underline}

footer ul{margin:0; padding:0; list-style:none}
footer ul li{ margin:0; display:inline; float:left; color:#fa941e}
footer ul li a{color:#fa941e; text-decoration:none; display:block; float:left; padding:0 6px 0 6px} 
footer ul li a:hover { text-decoration:underline}

footer .fleft2{ float:left ; width:500px; margin:7px 0 0 6px}
footer .fright{ float:right ; margin-top:20px ; text-align:right}
footer .fleft3{ float:left; margin-top:20px}
footer .powered a {color:#FFFFFF; text-decoration:none}  
footer .powered a:hover {  text-decoration:underline}




