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

body {
	margin:auto;
	width: 945px;
	color:#555555;
	padding:10px;
	font-family: Helvetica,Arial,FreeSans,sans-serif;
	font-size:12px;
	position:relative;
	}

@font-face {
	font-family: Lucida Grande;
	src: url('../font/LucidaGrande.ttf');
}

@font-face {
	font-family: light;
	src: url('../font/light.ttf');
}

@font-face {
	font-family: mediume;
	src: url('../font/medium.ttf');
}

a {
	color: #0088CC;
	text-decoration: none;
	}

a:hover {
	color: #888888;
		}

.top {
	height:38px;
	color: #999;
	}
	

.header {
	height:88px;
	}

.content {
	font-size:15px;
	text-align:justify;
	line-height:28px;
	}
	
.content2 {
	font-size:15px;
	text-align:justify;
	line-height:28px;
	font-family:light;
	font-weight:550;
	color:#3c3c3c;
	}
	
.content3 {
	font-size:16px;
	text-align:justify;
	font-family:light;
	}
	
.content4 {
	font-size:15px;
	font-family:light;
	}
	
.headertitle {
    font-size: 33px;
    font-weight: bold;
	font-family: Lucida Grande;
	letter-spacing:-3px;
}

.headertitle2 {
    font-size: 33px;
    font-weight: bold;
	font-family: Lucida Grande;
	letter-spacing:-3px;
	color: #108b52;
}

.headertitle3 {
	font-size: 33px;
	font-weight: bold;
	font-family: "Lucida Grande";
	letter-spacing:-3px;
	color: #A8CE86;
}
	
.subtitle {
    color: #108b52;
    font-size: 22px;
    font-weight: normal;
	font-family: Lucida Grande;
	letter-spacing:-2px;
}

.subtitle_2 {
    color: #108b52;
    font-size: 20px;
    font-weight: normal;
	font-family: Lucida Grande;
	letter-spacing:-1px;
}

.subtitle_3 {
    color: #1392bf;
    font-size: 20px;
    font-weight: normal;
	font-family: Lucida Grande;
	letter-spacing:-1px;
}

.subtitle_library {
	color: #80551C;
	font-size: 16px;
	font-weight: normal;
	font-family: "Lucida Grande";
	letter-spacing:-1px;
}

.subtitle_library a {
	color: #4F0000;
	font-size: 16px;
	font-weight: normal;
	font-family: "Lucida Grande";
	letter-spacing:-1px;
}

.subtitle_library a:hover {
	color: #BE7150;
	font-size: 16px;
	font-weight: normal;
	font-family: "Lucida Grande";
	letter-spacing:-1px;
}

.subtitle2 {
    color: #0076b1;
    font-size: 22px;
    font-weight: normal;
	font-family: Lucida Grande;
	letter-spacing:-2px;
}	

.subtitle3 {
    color:#003399;
    font-size: 22px;
    font-weight: normal;
	font-family: Lucida Grande;
	letter-spacing:-2px;
}

.lightgrey {
color: #818181;
}

.lightbox_content {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
}


.footer {
	height:20px;
    color: #888888;
    display: block;
    font-size: 11px;
    line-height: 25px;
    margin: 0;
	padding-top:5px;
    text-align: center;
}

.footer a {
    color: #0088CC;
    font-size: 11px;
    font-weight: normal;
    line-height: 15px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.footer a:hover {
    color: #888888;
    font-size: 11px;
    font-weight: normal;
    line-height: 15px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.contentheading {
    color: #555555;
    font-size: 42px;
	font-family: Lucida Grande;
	letter-spacing:-4px;

}  
.small {
	font-family: Helvetica, Arial, FreeSans, sans-serif;
	font-weight: 100;
	color: #374F71;
	font-size: 14px;
}
.arrow {
	font-size: 20px;
}
.top {
	font-size: 18px;
	font-family: "Lucida Grande";
	font-weight: 500;
	color: #666;
}

.top2 {
	font-size: 18px;
	font-family: "Lucida Grande";
	font-weight: 500;
	color: #9E9E9E;
}

.green-cycle {
	position: absolute;
	top: 127px;
	left: 1050px;
}
.white {
	color: #FFF;
}
#home div #slider3 ul {
	margin:0px 0px 0px -38px;
}

#corporate div #slider3 ul {
	margin:0px 0px 0px -40px;
}

#business div #slider3 ul {
	margin:0px 0px 0px -40px;
}

#forum div #slider3 ul {
	margin:0px 0px 0px -40px;
}

#library div #slider3 ul {
	margin:0px 0px 0px -40px;
}

#contact div #slider3 ul {
	margin:0px 0px 0px -40px;
}

#careers div #slider3 ul {
	margin:0px 0px 0px -40px;
}


.button {
	margin:auto;
	width:940px;

}

.title {
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#295e7c;
	width:170px;
	text-align:center;
	color:#FFF;
	
}

.title2 {
	-moz-border-radius: 10px;
	border-radius: 8px 0px 0px 8px;
	background-color:#108b52;
	width:250px;
	text-align:center;
	color:#FFFFFF;
	font-size:16px;
	padding:0 20px 0 20px;
}


.Place_name {
	color: #000082;
	font-weight: bold;
	font-family: helvertical;
}

.newtitle {
	font-family:mediume;
	}




-- IPHONE ---!>

			.iosSlider {
				position: relative;
				top: 0;
				left: 0;
				overflow: hidden;
				float: left;
				width: 840px;
				height: 450px;
			}
			
			.iosSlider .prevButton {
				position: absolute;
				top: 130px;
				left: 0;
				width: 20px;
				height: 40px;
				background: url(../home/images/slider-buttons.png) no-repeat 0 0;
				z-index: 2;
			}
			
			.iosSlider .nextButton {
	position: absolute;
	top: 130px;
	right: 0px;
	width: 20px;
	height: 40px;
	background: url(../home/images/slider-buttons.png) no-repeat 100% 0;
	z-index: 2;
			}
			
			.iosSlider .slider {
				width: 100%;
				height: 100%;
			}
			
			.iosSlider .slider .item {
				position: relative;
				top: 0;
				left: 0;
				width: 895px;
				height: 450px;
				margin: 0 58.5px 0 4.5px;
			}
			
			.iosSlider .slider .item .image {
	position: absolute;
	top: 15px;
	left: -3px;
	width:800px;
	height: 450px;
			}
			
			.iosSlider .slider .item .image .bg {
				border: 10px solid #000;
				border-right: 0;
				height: 180px;
				width: 400px;
				opacity: 0.5;
				display: none;
			}
			
			.iosSlider .slider .item .text {
	position: absolute;
	bottom: 12px;
	left: 38px;
	width: 890px;
	margin-bottom:130px;
	height: 160px;
	padding: 20px;

			}
			
						.iosSlider .slider .item .text2 {
				position: absolute;
				bottom: 0;
				left: 30px;
				width: 900px;
				height: 230px;
				padding: 20px;

			}
			
				.iosSlider .slider .item .text3 {
	position: absolute;
	bottom: -2px;
	left: 11px;
	width: 900px;
	height: 230px;
	padding-bottom: 90px;

			}
			
				.iosSlider .slider .item .text4 {
				position: absolute;
				bottom: 0;
				left: 10px;
				width: 900px;
				height: 230px;
				padding-bottom: 150px;

			}
			
				.iosSlider .slider .item .text6 {
				position: absolute;
				bottom: 0;
				left: 0px;
				width: 900px;
				height: 430px;
				padding-bottom: 0px;

			}
			
			
			.iosSlider .slider .item .text7 {
				position: absolute;
				bottom: 0;
				left: 0px;
				width: 900px;
				height: 430px;
				padding-bottom: 19px;

			}
			
			.iosSlider .slider .item .text8 {
				position: absolute;
				bottom: 0;
				left: 0px;
				width: 900px;
				height: 430px;

			}
			
			.iosSlider .slider .item .text9 {
				position: absolute;
				bottom: 0;
				left: 350px;
				width: 900px;
				height: 230px;
				padding-bottom: 90px;

			}
			
			.iosSlider .slider .item .text10 {
				position: absolute;
				bottom: 0;
				left: 30px;
				width: 900px;
				height: 230px;
				padding-bottom: 90px;

			}
			
			.iosSlider .slider .item .text11 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 950px;
	height: 450px;
	padding-bottom: 0px;

			}
			
			.iosSlider .slider .item .text12 {
				position: absolute;
				bottom: 0;
				left: 15px;
				width: 940px;
				height: 450px;
				padding-bottom: 0px;

			}
			
			.iphoneUI .iosSlider .slider .item .text {
				display: none;
			}
			

			
			.iphoneUI .iosSlider .slider .item .text .bg {
				display: none;
			}
			
			.iosSlider .slider .item .title2 {
    color: #555555;
    font-size: 42px;
	font-family: Lucida Grande;
	letter-spacing:-4px;}
	
			
			.iosSlider .slider .item .title2 span {
    color: #555555;
    font-size: 42px;
	font-family: Lucida Grande;
	letter-spacing:-4px;}
			}
			
			.iosSlider .slider .item .desc {
				position: relative;
				top: 0;
				left: 0;
				margin: 10px 0 0 0;
			}
			
			.iosSlider .slider .item .desc span {
				color: #fff;
				font: normal 16px/22px "Helvetica Neue",Helvetica,Arial,sans-serif;
				text-shadow: 0 -1px 1px #000;
			}
			

			
			.iosSlider .slider .item .button span {
				color: #000;
				font: normal 14px/30px "Helvetica Neue",Helvetica,Arial,sans-serif;
				text-shadow: 0 1px 1px #fff;
			}
			
			.iosSlider .slider #item1 .image {
				background: url(../home/images/slide_1.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item2 .image {
				background: url(../home/images/2.jpg) no-repeat 50% 50%;
			}
			
			.iosSlider .slider #item3 .image {
				background: url(../home/images/slide_3.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item4 .image {
				background: url(../home/images/slide_4.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item5 .image {
				background: url(../home/images/5.png) no-repeat; width:940px;
			}
			
				.iosSlider .slider #item6 .image {
				background: url(../images/banner3.png) no-repeat; width:940px;
			}


				.iosSlider .slider #item9 .image {
				background: url(../images/banner.png) no-repeat; width:940px;
			}
			
				.iosSlider .slider #item8 .image {
				background: url(../images/location_bg2.png) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item10 .image {
				background: url(../images/Water_Engineering_Op1.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item11 .image {
				background: url(../images/Water_engineering_op3.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item10 .image {
				background-color:#FFFFFF no-repeat; width:940px;
			}
			
			.iosSlider .slider #item12 .image {
				background: url(../images/home/WaterEngineering.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item13 .image {
				background: url(../images/home/SewageTreatmentA.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item14 .image {
				background: url(../images/home/SewageTreatmentB.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item15 .image {
				background: url(../images/home/SolidWasteA.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item16 .image {
				background: url(../images/home/SolidWasteB.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item17 .image {
				background: url(../images/home/Drainage.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item18 .image {
				background: url(../images/core/WaterEngineering.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item19 .image {
				background: url(../images/core/SewageTreatmentOptionA.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item20 .image {
				background: url(../images/core/SewageTreatmentOptionB.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item21 .image {
				background: url(../images/core/SolidWaste.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item22 .image {
				background: url(../images/core/Drainage.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item23 .image {
				background: url(../images/home/Homepage.jpg) no-repeat; width:940px;
			}
			.iosSlider .slider #item24 .image {
				background: url(../images/corporate/Profile.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item25 .image {
				background: url(../images/contact.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item26 .image {
				background: url(../images/career.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item27 .image {
				background: url(../images/Corporate.jpg) no-repeat; width:940px;
			}

			.iosSlider .slider #item28 .image {
				background: url(../images/profile/Drainage_Solutions.jpg) no-repeat; width:940px;
			}			
			
			.iosSlider .slider #item29 .image {
				background: url(../images/profile/Sewage.jpg) no-repeat; width:940px;
			}			
			
			.iosSlider .slider #item30 .image {
				background: url(../images/profile/Solid_Waste_Consession.jpg) no-repeat; width:940px;
			}			
			
			.iosSlider .slider #item31 .image {
				background: url(../images/profile/SolidWaste.jpg) no-repeat; width:940px;
			}			
			
			.iosSlider .slider #item32 .image {
				background: url(../images/profile/Water_Consession.jpg) no-repeat; width:940px;
			}			
			
			.iosSlider .slider #item33 .image {
				background: url(../images/profile/WaterEngineering.jpg) no-repeat; width:940px;
			}	
			
			.iosSlider .slider #item34 .image {
				background: url(../images/profile/greencycle.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item35 .image {
				background: url(../images/profile/greencycle.jpg) no-repeat; width:940px;
			}			
			
			.iosSlider .slider #item36 .image {
				background: url(../images/solid/Containers&Trucks.jpg) no-repeat; width:940px;
			}	
			.iosSlider .slider #item37 .image {
				background: url(../images/solid/Leachate_Treatment.jpg) no-repeat; width:940px;
			}	
			.iosSlider .slider #item38 .image {
				background: url(../images/solid/Recycling&Composting.jpg) no-repeat; width:940px;
			}	
			.iosSlider .slider #item39 .image {
				background: url(../images/solid/Sanitary.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item40 .image {
				background: url(../images/solid/Transfer_Station.jpg) no-repeat; width:940px;
			}	
		
			.iosSlider .slider #item41 .image {
				background-color:#FFFFFF;
			}
			
			.iosSlider .slider #item43 .image {
				background: url(../images/Corporate_Profile.jpg) no-repeat; width:940px;
			}
			.iosSlider .slider #item44 .image {
				background: url(../images/lineblue.jpg) no-repeat; width:940px;
			}
			.iosSlider .slider #item46 .image {
				background: url(../images/solid/management.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item47 .image {
				background: url(../images/profile/iwts.jpg) no-repeat; width:940px;
			}
			
			.iosSlider .slider #item48 .image {
				background: url(../contact/images/recuit.jpg) no-repeat; width:940px;
			}
#business div div table tr td .iosSlider .slider #item41 .text6 table tr td p .content2 {
	text-align: right;
}
#business div div table tr td .iosSlider .slider #item41 .text6 table tr td p .content2 {
	text-align: justify;
}
#business div div table tr td .iosSlider .slider #item41 .text6 table tr td p .content2 {
	text-align: justify;
}