/*
	Author:Md. Shariful Islam 
	Date: 
	Title:     
====================================
*/
body{
	font-family:Arial,Helvetica,sans-serif,"Trebuchet MS",Georgia,Verdana,Lucida;
	font-size:14px;
	color:#5B5B5B;
	text-align:center;
	background:#878B94 url(images/bg.gif) repeat-x;
}

*{
	padding:0;	margin:0;	border:0;
}

ul,li{
	list-style:none;
}	
/*--------------------------Page Structure----------------*/
#wrap{
	margin:0 auto;
	width:994px;
	text-align:left;
}
/*---------------------------Header---------------------*/
#hdr{
	background:url(images/banner.jpg) no-repeat;
	width:986px;
	height:155px;
	overflow:hidden;
	padding:0 8px 0 0;
}
#hdr h1{
	display:block;
	float:left;
	width:200px;
	padding:12px 0 0 28px
}
#hdr h1 a{
	display:block;
	width:194px;
	height:123px;
}
#hdr h1 a b{
	display:none;
	visibility:hidden;
}
.topnav{
	float:right;
	width:394px;
}
.topnav dl{
	background:url(images/topmenubg.gif) repeat-x;
	height:23px;
}
.topnav dl dd{
	background:url(images/topmenulft01.gif) no-repeat left;
	height:23px;
}
.topnav dl dd ul{
	background:url(images/topmenurht01.gif) no-repeat right;
	height:23px;
	padding:0 4px;
}
.topnav dl dd ul li{
	float:left;
	background:url(images/borderbg.gif) no-repeat 0 7px;
	padding:0 0 0 12px;
	margin:0 12px 0 0;
}
.topnav dl dd ul li a{
	display:block;
	float:left;
	height:19px;
	font-size:11px;
	color:#444444;
	text-decoration:none;
	border-top:4px solid #fff;
}
.topnav dl dd ul li a:hover,.topnav dl dd ul li a.selected{
	color:#0066E0;
	border-top:4px solid #0067E1;
}
/*---------------------------Navigation---------------------*/
.nav{
	width:994px;
	height:34px;
}
.nav dl{
	width:987px;
	padding:0 0 0 7px;
}
.nav dl dd{
	float:left;
	background: url(images/borderbg02g.gif) no-repeat right;
	padding:0 6px 0 0;
	margin:0 6px 0 0;
}
.nav dl dd a{
	display:block;
	height:29px;
}
.nav dl dd a b{
	display:none;
	visibility:hidden;
}
.about a{
	background:url(images/about.gif) no-repeat;
	width:163px;
}
.about a:hover,.about a.selected{
	background:url(images/about.gif) no-repeat 0 -29px;
}
.product a{
	background:url(images/product.gif) no-repeat;
	width:199px;
}
.product a:hover,.product a.selected{
	background:url(images/product.gif) no-repeat 0 -29px;
}
.advantages a{
	background:url(images/advantages.gif) no-repeat;
	width:172px;
}
.advantages a:hover,.advantages a.selected{
	background:url(images/advantages.gif) no-repeat 0 -29px;
}
.other a{
	background:url(images/other.gif) no-repeat;
	width:141px;
}
.other a:hover,.other a.selected{
	background:url(images/other.gif) no-repeat 0 -29px;
}
.major a{
	background:url(images/major.gif) no-repeat;
	width:134px;
}
.major a:hover,.major a.selected{
	background:url(images/major.gif) no-repeat 0 -29px;
}
.nav dl .contactus{
	background:none;
	padding:0;
	margin:0;
} 
.contactus a{
	background:url(images/contactus.gif) no-repeat;
	width:111px;
}
.contactus a:hover,.contactus a.selected{
	background:url(images/contactus.gif) no-repeat 0 -29px;
}

/*-------------------------Main Body------------------- */
#main{
	width:994px;
	background:url(images/mainbg.gif) repeat-y;
}
.content{
	background:url(images/maintop.gif) no-repeat top;
	width:980px;
	padding:11px 7px 0 7px;
	overflow:hidden;
}
.contentlft{
	float:left;
	width:664px;
	padding:0 0 0 7px;
}
.imgbox{
	display:block;
	width:664px;
	padding:0 0 10px 0;
}
.contentlft h1{
	background:url(images/headingbg.gif) no-repeat;
	width:650px;
	padding:14px 0 18px 14px;
	font-size:17px;
	color:#007AE0;
}
.contentlft p{
	padding:0 40px 18px 14px;
	text-align:justify;
}
.barh{
	background:url(images/barbg.gif) repeat-x;
	height:34px;
	margin:0 34px 20px 10px;
}
.barh b{
	display:block;
	background:url(images/barlft.gif) no-repeat left;
	height:34px;
}
.barh b b{
	display:block;
	background:url(images/barrht.gif) no-repeat right;
	height:34px;
	line-height:34px;
	font-size:19px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:normal;
	padding:0 0 0 10px;
}
.managebox{
	width:634px;
	margin:0 0 20px 0;
}
.managebox dd{
	width:614px;
	padding:10px 0 0 0;
	border-top:1px solid #0098CA;
	border-bottom:1px solid #0098CA;
	margin:0 10px 0 10px;
}
.managebox dd span{
	display:block;
	font-size:12px;
	padding:0 8px 12px 2px;
	text-align:justify;
}
.contentrht{
	float:right;
	width:309px;
}
.menulist{
	background:#E5E5E5;
	width:297px;
	padding:4px 0 0 4px;
	margin:0 0 10px 0;
}
.menulist li{
	width:294px;
	padding:0 0 2px 0;
	border-bottom:1px solid #AEAEAE;
	margin:0 0 2px 0;
}
.menulist li a{
	display:block;
	width:284px;
	height:30px;
	line-height:30px;
	font-size:13px;
	font-weight:bold;
	color:#7A7A7A;
	text-decoration:none;
	padding:0 0 0 10px;
}
.menulist li a:hover,.menulist li a.selected{
	background:url(images/hoverbg.gif) no-repeat;
	color:#fff;
}
.menulist ul{
	width:294px;
	padding:4px 0 4px 0;
	margin:0;
}
.menulist ul li{
	width:294px;
	padding:0 0 1px 0;
	border-bottom:none;
	margin:0;
}
.menulist ul li a{
	display:block;
	width:270px;
	height:23px;
	line-height:23px;
	font-size:11px;
	font-weight:normal;
	color:#7A7A7A;
	text-decoration:none;
	padding:0 0 0 24px;
}
.menulist ul li a:hover,.menulist ul li a.selected{
	background:url(images/hoverbg02.gif) no-repeat;
	color:#fff;
}
.imgbox02{
	display:block;
	width:298px;
	border:1px solid #C8C8C8;
	margin:0 0 10px 0;
}
.imgbox02 span{
	display:block;
	padding:15px 0 10px 4px;
}
.imgbox02 b{
	display:block;
	font-size:13px;
	color:#2165BE;
	padding:0 0 9px 9px;
}
.contactbox{
	background:url(images/contactbg.gif) repeat-y;
	width:300px;
	margin:0 0 10px 0;
}
.contactbox-btm{
	background:url(images/contactbtm.gif) no-repeat bottom;
	width:300px;
	padding:0 0 3px 0;
}
.contactbox-top{
	background:url(images/contacttop.gif) no-repeat top;
	width:300px;
	padding:0 0 10px 0;
}
.contactbox-top h2{
	font-family:Verdana, Arial,Helvetica, sans-serif "Trebuchet MS",Georgia, Lucida;
	font-size:19px;
	text-transform:uppercase;
	color:#005FD7;
	font-weight:normal;
	letter-spacing:-1px;
	padding:8px 0 20px 10px;
}
.inpbox{
	width:290px;
	overflow:hidden;
	padding:0 0 8px 10px;
}
.inpbox label{
	display:block;
	float:left;
	width:52px;
	color:#4C4A4A;
	font-size:12px;
}
.inp01,.inp02{
	display:block;
	float:left;
	background:#fff url(images/inpbg.gif) repeat-x top;
	width:217px;
	height:17px;
	border:1px solid #9CA3A8;
}
.inp02{
	height:67px;
}
.btn{
	display:block;
	width:69px;
	height:22px;
	margin:0 0 14px 214px;
}
.contactbox-top h4{
	background:url(images/borderbg04.gif) repeat-x top;
	font-size:14px;
	text-transform:uppercase;
	color:#227FE3;
	padding:8px 0 12px 10px;
	margin:0 1px 0 1px;
}
.contactbox-top p{
	font-size:13px;
	padding:0 0 20px 12px;
}
.addressbar{
	display:block;
	background:url(images/addressbar.gif) no-repeat;
	width:277px;
	height:23px;
	line-height:23px;
	font-size:13px;
	font-weight:bold;
	color:#919191;
	padding:0 0 0 6px;
	margin:0 0 3px 7px;
}
.addressbar a{
	text-decoration:none;
	color:#3A99FF;
}
/*-------------------------- Footer----------------------- */
#ftr{
	background:url(images/ftrbg.gif) repeat-x;
	height:147px;
}
.ftr-inner{
	margin:0 auto;
	width:980px;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	padding:0 0 0 14px;
}
.ftr-lft{
	float:left;
	width:862px;
	padding:26px 30px 0 0;
}
.ftr-lft p{
	padding:0 0 10px 0;
}
.ftr-lft p a{
	text-decoration:none;
	color:#FFFFFF;
}
.ftr-lft p a:hover{
	text-decoration:underline;
}
.ftr-lft span{
	display:block;
	text-align:right;
}
.ftr-rht{
	float:left;
	width:88px;
	padding:19px 0 0 0;
}
/*-------------------------- About Brief Introduction  ----------------------- */
.projecth{
	font-size:15px;
	color:#007AE0;
	font-weight:normal;
	padding:0 0 15px 10px;
}
.projectlist{
	width:664px;
	overflow:hidden;
	padding:0 0 20px 0;
}
.projectlist dd{
	float:left;
	width:163px;
	padding:0 2px 0 0;
}
.projectlist dd span{
	display:block;
	padding:0 0 4px 0;
}
.projectlist dd i{
	display:block;
	text-align:center;
	font-style:normal;
	font-size:12px;
}
.heading{
	font-size:14px;
	color:#007AE0;
	padding:0 0 0 14px;
}
.imgholder{
	width:664px;
	overflow:hidden;
	padding:0 0 20px 0;
}
.imgholder dd{
	float:left;
	padding:0 6px 0 0;
}
.imgholder b{
	display:block;
	font-weight:normal;
	font-size:15px;
	color:#007AE0;
}
/*-------------------------- Main Products ----------------------- */
.imgbox03{
	display:block;
	width:664px;
	text-align:center;
	padding:0 0 20px 0;
}
.imgholder02{
	width:614px;
	overflow:hidden;
	padding:0 0 15px 50px;
}
.imgholder02 dd{
	float:left;
	width:260px;
	text-align:center;
	padding:0 0 0 12px;
}
.imgholder04{
	width:664px;
	overflow:hidden;
	padding:0 0 25px 0;
}
.imgholder04 dd,.imgholder06 dd{
	float:left;
	width:214px;
	text-align:center;
	padding:0 7px 0 0;
}
.imgholder04 b,.imgholder06 dd b{
	display:block;
	font-weight:normal;
	font-size:15px;
	color:#007AE0;
}
.imgholder05{
	width:664px;
	overflow:hidden;
	padding:0 0 15px 0;
}
.imgholder05-lft{
	float:left;
	width:486px;
	padding:0 0 0 7px;
}
.imgholder05-rht{
	float:right;
	width:166px;
}
.imgholder05-rht span{
	display:block;
	padding:0 0 12px 0;
}
.imgholder06{
	width:664px;
	overflow:hidden;
	padding:0 0 25px 0;
}
.imgholder06 dd{
	float:left;
	width:160px;
	padding:0 5px 0 0;

}
/*-------------------------- PEB Advantages ----------------------- */
.imgholder07{
	width:567px;
	overflow:hidden;
	border:1px solid #C8C8C8;
	padding:10px 0 10px 0;
	margin:0 0 20px 48px;
}
.imgholder07 dd{
	float:left;
	padding:0 12px 0 12px;
}
.lowbox{
	width:652px;
	overflow:hidden;
	border:1px solid #C8C8C8;
	padding:10px 0 0 0;
	margin:0 0 20px 0;
}
.lowbox-txt{
	float:left;
	width:427px;
	padding:0 10px 0 12px;
}
.lowbox-txt h3{
	font-size:17px;
	padding:0 0 20px 0;
}
.lowbox-txt p{
	padding:0 0 20px 0;
	font-size:13px;
}
.lowbox-img{
	float:left;
	width:200px;
}
.lowbox-img span{
	display:block;
	padding:0 0 5px 0;
}
.lowbox-img i{
	display:block;
	font-style:normal;
	text-align:center;
	font-size:11px;
	padding:0 0 8px 0;
}
.buildingbox{
	width:652px;
	border:1px solid #C8C8C8;
	margin:0 0 20px 0;
	font-size:13px;
}
.building-top{
	display:block;
	background:#0067E0;
	width:562px;
	line-height:36px;
	overflow:hidden;
	padding:0 0 0 90px;
	margin:0 0 15px 0;
}
.building-top p,.building-inner p{
	float:left;
	width:240px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:0 10px 0 20px;
}
.building-inner{
	display:block;
	width:631px;
	overflow:hidden;
	border-bottom:1px solid #C8C8C8;
	padding:0 0 8px 0;
	margin:0 0 14px 10px;
}
.building-inner span{
	display:block;
	float:left;
	width:90px;
}
.building-inner p{
	color:#5B5B5B;
	text-align:left;
	font-weight:normal;
}
/*-------------------------- Other Product ----------------------- */
.imgholder08{
	width:652px;
	overflow:hidden;
	border:1px solid #B5B5B5;
	padding:10px 0 8px 0;
	margin:0 0 22px 0;
}
.imgholder08 dd{
	float:left;
	width:208px;
	text-align:center;
	padding:0 0 0 7px;
}
.imgholder08 dd span{
	display:block;
	padding:0 0 4px 0;
}
.imgholder08 b{
	display:block;
	font-weight:normal;
	font-size:13px;
}
.imgbox04{
	display:block;
	width:652px;
	border:1px solid #B5B5B5;
	padding:10px 0 8px 0;
	margin:0 0 22px 0;
}
.imgbox04 span{
	display:block;
	text-align:center;
	padding:0 0 5px 0;
}
.imgbox04 b{
	display:block;
	font-weight:normal;
	font-size:13px;
	padding:0 10px 0 10px;
}
.imgbox05{
	display:block;
	width:450px;
	overflow:hidden;
	border:1px solid #C8C8C8;
	padding:10px;
	margin:0 0 20px 0;
}
.pebibox{
	width:652px;
	overflow:hidden;
	border:1px solid #C8C8C8;
	padding:10px 0 0 0;
	margin:0 0 20px 0;
}
.pebibox-txt{
	float:left;
	width:400px;
	padding:0 10px 0 12px;
}
.pebibox-txt h3{
	font-size:17px;
	padding:0 0 20px 0;
}
.pebibox-txt p{
	padding:0 0 15px 0;
	font-size:13px;
}
.pebibox-img{
	float:left;
	width:230px;
}
.pebibox-img span{
	display:block;
	padding:0 0 7px 0;
}
.dymabox{
	width:652px;
	overflow:hidden;
	border:1px solid #C8C8C8;
	padding:10px 0 0 0;
	margin:0 0 20px 0;
}
.dymabox-txt{
	float:left;
	width:306px;
	padding:0 10px 0 12px;
}
.dymabox-txt h3{
	font-size:17px;
	padding:0 0 20px 0;
}
.dymabox-txt p{
	padding:0 0 15px 0;
	font-size:13px;
}
.dymabox-img{
	float:left;
	width:324px;
}
.dymabox-img span{
	display:block;
	padding:0 0 10px 0;
}
/*-------------------------- Major Projects ----------------------- */
.projectbox{
	width:652px;
	overflow:hidden;
	border:1px solid #C8C8C8;
	padding:10px 0 0 0;
	margin:0 0 20px 0;
}
.projectbox-txt{
	float:left;
	width:400px;
	padding:0 10px 0 12px;
}
.projectbox-txt p{
	width:400px;
	overflow:hidden;
	padding:0 0 15px 0;
	font-size:13px;
}
.projectbox-txt p b{
	display:block;
	float:left;
	width:100px;
	text-align:right;
}
.projectbox-txt p span{
	display:block;
	float:left;
	width:282px;
	padding:0 0 0 18px;
}
.projectbox-img{
	float:left;
	width:230px;
}
.projectbox-img span{
	display:block;
	padding:0 0 7px 0;
}
.projectbox-img b{
	display:block;
	width:222px;
	overflow:hidden;
	padding:0 8px 8px 0;
}
.projectbox-img b a{
	display:block;
	float:right;
	background:url(images/detailbg.gif) no-repeat;
	width:40px;
	line-height:15px;
	font-size:10px;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
	padding:0 0 0 15px;
}
.pagelist{
	display:block;
	text-align:right;
	font-size:13px;
	color:#5B5B5B;
	padding:0 8px 20px 0;
}
.pagelist a{
	text-decoration:none;
	color:#5B5B5B;
}
.pagelist a:hover{
	color:#227FE3;
}
/*-------------------------- Contact Us ----------------------- */
.formbox{
	width:652px;
	border:1px solid #C8C8C8;
	text-align:center;
	padding:10px 0 10px 0;
	margin:0 0 20px 0;
}
.formbox h3{
	font-size:15px;
	font-weight:normal;
	color:#007AE0;
	padding:0 0 10px 0;
}
.inpbox02{
	margin:0 auto;
	display:block;
	width:400px;
	overflow:hidden;
	padding:0 0 8px 0;
}
.inpbox02 label{
	display:block;
	float:left;
	width:86px;
	font-size:13px;
	text-align:right;
}
.inp03,.inp04{
	display:block;
	background:url(images/inpbg.gif) repeat-x top;
	float:left;
	width:293px;
	height:17px;
	border:1px solid #9CA3A8;
	margin:0 0 0 10px;
}
.inp04{
	height:126px;
}
.inpbox03{
	margin:0 auto;
	display:block;
	width:300px;
	overflow:hidden;
	padding:0 0 8px 90px;
}
.inpbox03 label{
	display:block;
	float:left;
	width:270px;
	text-align:left;
	padding:0 0 0 10px;
	font-size:13px;
}
.inp05{
	display:block;
	float:left;
	width:14px;
	height:14px;
}
.inpbox04{
	margin:0 auto;
	display:block;
	width:295px;
	height:16px;
	overflow:hidden;
	padding:0 0 10px 86px;
}
.inpbox04 span{
	display:block;
	float:left;
	width:50px;
}
.inpbox04 b{
	display:block;
	float:right;
	width:50px;
}

.officebox{
	width:652px;
	overflow:hidden;
	border:1px solid #C8C8C8;
	padding:10px 0 0 0;
	margin:0 0 20px 0;
}
.officebox dd{
	float:left;
	width:326px;
}
.officebox dd h3{
	font-size:17px;
	color:#007AE0;
	padding:0 0 12px 14px;
}
.officebox dd p{
	width:300px;
	overflow:hidden;
	padding:0 0 15px 14px;
	font-size:13px;
}
.officebox dd p b{
	display:block;
	float:left;
	width:70px;
}
.officebox dd p span{
	display:block;
	float:left;
	width:230px;
}
.heading02{
	font-size:17px;
	padding:0 0 10px 14px;
}
/*-------------------------- News-Events ----------------------- */
.newsbox{
	width:652px;
	overflow:hidden;
	border:1px solid #C8C8C8;
	padding:20px 0 0 0;
	margin:0 0 20px 0;
}
.newsbox-txt{
	float:left;
	width:450px;
	padding:0 10px 0 12px;
}
.newsbox-txt p{
	padding:0 0 15px 0;
	font-size:13px;
}

.newsbox-img{
	float:left;
	width:170px;
	text-align:right;
}
.newsbox-img span{
	display:block;
	padding:0 0 7px 0;
}
.newsbox-img b{
	display:block;
	width:170px;
	overflow:hidden;
	padding:0 8px 8px 0;
}
.newsbox-img b a{
	display:block;
	float:right;
	background:url(images/detailbg.gif) no-repeat;
	width:40px;
	line-height:15px;
	font-size:10px;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	padding:0 0 0 15px;
}
.heading03{
	font-size:17px;
	color:#007AE0;
	padding:0 0 10px 14px;
}
.newslist{
	width:652px;
	border:1px solid #C8C8C8;
	margin:0 0 20px 0;
	font-size:13px;
}
.newslist .newslist-top{
	background:#005FD7;
	width:642px;
	line-height:25px;
	overflow:hidden;
	color:#FFFFFF;
	font-size:15px;
	padding:0 0 0 10px;
	margin:0 0 18px 0;
}
.newslist dd{
	width:642px;
	overflow:hidden;
	font-size:13px;
	padding:0 0 18px 10px;
}
.newslist dd span{
	display:block;
	float:left;
	width:110px;
}
.newslist dd p{
	float:left;
	width:514px;
	padding:0;
}
/*-------------------------- Career ----------------------- */
.careerbox{
	width:652px;
	overflow:hidden;
	border:1px solid #C8C8C8;
	padding:10px 0 10px 0;
	margin:0 0 20px 0;
}
.careerbox-txt{
	float:left;
	width:256px;
	padding:0 10px 0 12px;
}
.careerbox-txt p{
	padding:0 0 15px 0;
	font-size:13px;
}
.careerbox-img{
	float:left;
	width:374px;
}
.careerbox-img img{
	margin:0 0 0 7px;
}
.listbox{
	width:652px;
	border:1px solid #C8C8C8;
	margin:0 0 20px 0;
	font-size:13px;
}
.listbox .listbox-top{
	background:#005FD7;
	width:642px;
	line-height:25px;
	overflow:hidden;
	color:#FFFFFF;
	font-size:14px;
	padding:0 0 0 10px;
	margin:0 0 12px 0;
}
.listbox dd{
	width:642px;
	overflow:hidden;
	font-size:13px;
	padding:0 0 12px 10px;
}
.listbox dd p{
	display:block;
	float:left;
	width:60px;
	padding:0 10px 0 0;
}
.listbox dd span{
	display:block;
	float:left;
	width:108px;
	text-align:center;
	padding:0 0 0 11px;
}
.imgbox06{
	display:block;
	width:650px;
	padding:0 0 20px 14px;
}
.brochure{
	width:664px;
	overflow:hidden;
	padding:0 0 25px 0;
}
.brochure dd{
	width:95px;
	float:left;
	text-align:center;
	padding:0 10px 0 14px;
}
.brochure dd span{
	display:block;
	padding:0 0 5px 0;
}
.brochure dd i{
	display:block;
	font-style:normal;
	font-size:12px;
	padding:0 0 2px 0;
}
.brochure dd b{
	display:block;
	font-size:13px;
	color:#007AE0;
	font-weight:normal;
}





















