@font-face {
    font-family: 'open_sansregular';
    src: url('open-sans.regular.eot');
    src: url('open-sans.regular.eot?#iefix') format('embedded-opentype'),
         url('open-sans.regular.woff') format('woff'),
         url('open-sans.regular.ttf') format('truetype'),
         url('open-sans.regular.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


*{margin:0; padding:0;}

body{
	font-family: 'open_sansregular';
	background:#FFF;
}

img{max-width:100%; border:0px;}

ul{margin:0px; padding:0px;}

.clr{clear:both;}

/*======================*/


.header-part{
	width:100%;
	background:#FFF;
}


.header{
	width:1300px;
	margin:auto;
}

.line{
	width:595px;
	float:left;
	margin-top:19px;
}

.logo{
	width:110px;
	float:left;
}

.sm-con{
	margin:10px auto;
	width:400px;
}


.nav-part{
	width:100%;
	background:#fff;
	border-bottom:5px solid #f1f1f1;
	box-shadow:1px 1px 7px 3px rgba(0, 0, 0, 0.1);
	padding:5px 0;
}

.navigation{
	width:825px;
	margin:auto;
}

.section{
	width:100%;
	background:#FFF;
}


.section-left{
	width:300px;
	float:left;
	padding:30px 0;
	background:url(../images/line3.png);
}

.on-header{
	margin:0px;
}


.on-header li{
	list-style-type:none;
	padding:0px 5px 0 40px;
	color:#FFF;
	line-height:26px;
}

.welcome{
	margin:0px;
}

.welcome li{
	margin-left:30px;
	line-height:30px;
	color:#6F7267;
}

.welcome h2{
	padding-bottom:10px;
	color:#666666;
	font-size:22px;
}

.welcome h3{
	font-weight:normal;
	text-transform:uppercase;
	color:#FFF;
	padding:7px 0 7px 10px;
	background: linear-gradient(to right , #95b512 , #a8cb18);
	width:370px;
	margin-bottom:10px;
}


.welcome p{
	color:#6f7267;
	font-size:15px;
	line-height:26px;
	text-align:justify;
}


.strip{
	text-align:center;
	margin:10px 0;
}

.section-right, .completed, .ongoing{
	width:950px;
	float:right;
	padding:30px 0;
}

.conofind{
	margin:0;
}

.conofind h2{
	font-weight:normal;
	margin-bottom:10px;
	color:#009933;
	text-transform:uppercase;
}

.conofind h3{
	font-weight:normal;
	color:#009966;
	margin:10px 0;
	text-decoration:underline;
}


.conofind li{
	list-style-type:none;
	margin-left:50px;
	color:#999999;
	line-height:28px;
}

.conofind p{
	color:#999999;
	line-height:25px;
}

.completed li{
	list-style-type:none;
	float:left;
	margin:5px 10px;
}



.ongoing .on-pro{
	width:455px;
	margin:0px 10px;
	float:left;	
}

.ongoing .on-pro h3{
	font-weight:normal;
	text-transform:uppercase;
	color:#000;
	padding:10px 0 5px 0;
	text-align:center;
}


.ongoing .on-pro p{
	line-height:25px;
	color:#666;
	text-align:center;
}

.ongoing h3, .ongoing h4{
	font-weight:normal;
	color:#a8cb18;
	padding:10px 0 5px 0;
}

.ongoing li{
	line-height:30px;
	margin-left:40px;
	color:#666;
}


.ong-width{
	width:700px;
	line-height:35px;
	color:#666;
}

.ong-wid1{
	width:150px;
	border-bottom:1px solid #EEE;
}


.ong-wid2{
	width:550px;
	border-bottom:1px solid #EEE;
}


/*========FOOTER=========*/

.footer{
	width:100%;
	background:#000;
}


.foo-adderss{
	width:240px;
	float:left;
	margin-left:20px;
	background:url(../images/footr-green-grad-wrppr.png);
	min-height:115px;
	padding:20px 20px;
	text-align:center;
}

.foo-adderss h3{
	font-weight:normal;
	color:#fff;
}


.foo-adderss p{
	color:#45600b;
	text-shadow:0px 1px 0px #97C118;
	line-height:30px;
	font-size:15px;
	line-height:26px;
}


.foo-adderss a{
	color:#45600b;
	text-shadow:0px 1px 0px #97C118;
	text-decoration:none;
}

.foo-adderss a:hover{
	color:#FFF;
}

.foo-links{
	width:950px;
	float:right;
	padding-top:40px;
	color:#666666;
	font-size:15px;
	line-height:28px;
}


.foo-links a{
	text-decoration:none;
	color:#666666;
}


.foo-links a:hover{
	color:#FFF;
}


.powered{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}


/*========FOOTER=========*/

.line001{
	border-bottom:1px dashed #999999;
	margin:18px 0;
}

/*============*/

.contactus{
	width:980px;
	margin:auto;
}

.con-details{
	width:300px;
	float:left;
	margin:0 13px;
}


.contactus h3{
	color:#76a411;
	font-weight:normal;
	padding-bottom:10px;
}

.contactus h5{
	font-weight:normal;
	color:#009966;
}

.contactus h4{
	font-weight:normal;
	line-height:25px;
	font-size:14px;
	padding-bottom:10px;
}



.contactus p{
	color:#666;
	line-height:28px;
}


.contactus a{
	color:#000;
	text-decoration:none;
}


.contactus a:hover{
	color:#76a411;
}





.social{
	position:fixed;
    right:0px;
	bottom:0px;
}


.social li{
	list-style-type:none;
}


/*=========MEIDA=========*/

@media only screen and (min-width:1100px) and (max-width:1299px) {

.header{width:1100px;}

.line{width:495px; margin-top:32px;}

.section-right, .completed, .ongoing{width:750px;}

.foo-links{width:750px; padding-top:20px;}

.ongoing .on-pro{width:355px;}


}


@media only screen and (min-width:960px) and (max-width:1099px) {

.header{width:960px;}

.line{width:425px; margin-top:41px;}

.sm-con{width:360px;}

.nav-part{margin-top:10px;}

.section-left{width:300px;}

.section-right, .completed, .ongoing{width:630px;}

.foo-links{width:630px; padding-top:20px;}

.completed li{width:180px;}

.ongoing .on-pro{width:295px;}


.ong-width{width:630px;}

.ong-wid2{width:480px;}

.contactus{width:960px;}

.con-details{width:300px; margin:0 10x;}

}



@media only screen and (min-width:768px) and (max-width:959px) {

.header{width:768px;}

.line{width:340px; margin-top:33px;}

.logo{width:88px;}

.sm-con{width:300px;}

.nav-part{margin-top:10px;}

.navigation{width:718px;}

.section-left{width:210px; padding-left:6px;}

.on-header li{padding:0px 10px 0 25px; font-size:13px; line-height:23px;}

.section-right, .completed, .ongoing{width:538px;}

.welcome p{font-size:13px; line-height:23px;}

.foo-adderss{width:196px; margin-left:20px; padding:10px 0px 30px 0px; background:#75a310; max-height:150px;}

.foo-adderss h3{font-size:16px;}

.foo-adderss p{font-size:12px; line-height:26px;}

.foo-links{width:538px; padding-top:20px;}

.completed li{width:150px;}

.ongoing .on-pro{width:249px;}

.ong-width{width:538px;}

.ong-wid1{width:150px;}

.ong-wid2{width:388px;}

.contactus{width:768px;}

.con-details{width:246px; margin:0 5px;}


}


@media only screen and (min-width:601px) and (max-width:767px) {

.header, .contactus{width:601px;}

.line{width:260px; margin-top:36px;}

.logo{width:80px;}

.sm-con{width:260px;}

.nav-part{margin-top:10px;}

.navigation{width:601px;}

.section-left{width:250px; padding-left:3px;}

.on-header li{padding:0px 10px 0 25px; font-size:13px; line-height:23px;}

.section-right, .completed, .ongoing{width:330px;}


.foo-adderss{
	width:233px;
	padding:20px 0px;
}

.foo-links{width:330px;}

.foo-adderss p{font-size:12px; line-height:22px;}

.completed li{width:140px;}

.ongoing .on-pro{width:330px; float:none; margin:10px 0;}

.ong-width{width:330px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.ong-wid1{width:100px;}

.ong-wid2{width:260px;}

.con-details{width:190px; margin:0 5px;}

}


@media only screen and (min-width:480px) and (max-width:599px) {

.header, .contactus{width:480px;}

.line{width:205px; margin-top:34px;}

.logo{width:70px;}

.sm-con{width:250px;}

.navigation{width:90%;}

.section-left{width:300px; float:none; margin:0 90px;}

.section-right, .completed, .ongoing{width:450px; float:none; margin:0px 15px;}

.foo-adderss{width:280px; float:none; margin:0px auto; padding:0px;}

.foo-links{width:450px; float:none; padding:0px; margin:10px 15px 0 15px;}

.ongoing .on-pro{width:350px; float:none; margin:10px 50px;}


.ong-width{width:450px;}

.ong-wid1{width:150px;}

.ong-wid2{width:300px;}


.con-details{width:300px; float:none; margin:10px 90px;}


}



@media only screen and (min-width:320px) and (max-width:479px) {

.header, .contactus{width:320px;}

.line{display:none;}

.logo{margin:0 105px 10px 105px;}

.sm-con{width:300px;}

.navigation{width:300px;}

.section-left, .section-right, .completed, .ongoing{width:300px; float:none; margin:0 10px;}

.foo-adderss, .foo-links{width:280px; float:none; margin:0px auto; padding:10px 0 0 0;}

.completed li{width:120px;}

.ongoing .on-pro{width:300px; float:none; margin:10px 0px;}


.welcome h3{width:280px; font-size:18px; text-transform:capitalize;}

.ong-width{width:300px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.ong-wid1{width:100px;}

.ong-wid2{width:200px;}

.con-details{width:280px; float:none; margin:10px 20px;}

}




/*=========MEIDA=========*/