/*Author:Md. Mamunur Rashid 

 company:ebexsoft

*/



/*---------------------------------------Common Structure

*/

body{

	font-family:Arial, Helvetica, sans-serif,Tahoma;

	font-size:12px;

	color:#767676;

	text-align:center;

	background:url(../images/bodybg.jpg) repeat-x #FFFFFF;

	}

*{

    margin:0;

    padding:0;

	border:0;

	}

img,fieldset{

    border:none;

	}

ul,ol,li{

    list-style:none;

	}

a{

	text-decoration:none; 

	}

a:hover{

	text-decoration:underline; 

	}



.skiplink{ display:none; 

	}

	

/*---------------------------------------Wraper

*/

#wrap{

	width:983px;

	margin:0 auto;

	background:url(../images/wrap_bg.jpg) repeat-x top;

	

}

/*---------------------------------------Header

*/

#header{

	width:983px;

	height:153px;

	overflow:hidden;

	padding-bottom:14px;

}

#header h1{

	width:256px;

	height:143px;

	float:left;

	margin-top:10px;

}

#header h1 a{

	width:122px;

	height:138px;

	float:left;

	background:url(../images/logo.jpg) no-repeat;

	margin-top:2px;

}

#header .head_right{

	width:724px;

	height:143px;

	margin-top:10px;

	float:right;

}

.headtop{

	width:716px;

	height:58px;

	overflow:hidden;

}

.headtop h2{

	text-align:left;

	width:418px;

	float:left;

	padding:24px 0 0 12px;

	color:#93491c;

	font-size:24px;

	font-weight:normal;

}

.headtop p{

	text-align:right;

	width:284px;

	float:right;

	padding:24px 0 0 0;

	color:#111c07;

}

/*---------------------------------------Mainbody

*/

#mainbody{

	width:983px;

	overflow:hidden;

	background:url(../images/content_bg.jpg) no-repeat bottom center;

}



/*---------------------------------------Sideber

*/

#sideber{

	width:227px;

	float:left;

	border-right:1px solid #efeddb;

	padding-right:20px;

}

#sideber .leftNav{

    padding-bottom: 10px;

}

#sideber h2{

	color:#93491c;

	padding:2px 0 3px 10px;

	text-align:left;

	font-weight:normal;

	border-bottom:solid 1px #93491c;

	background:#fff2c1 url(../images/title-bar2.gif) repeat-x;

}

#sideber .home{

	padding-left:14px;

	width:213px;

	text-align:left;

}

#sideber .home li{

	border-bottom:1px dashed #000;

	padding-left:16px;

}

#sideber .home li a{

	color:#000;

	line-height:22px;

}

#sideber .home li a:hover,#sideber .home .selective a{

	text-decoration:none;

	color:#93491c;

	background:url(../images/bulet_hover.png) no-repeat top left;

	padding-left:10px;

}



#sideber .news{

	border-bottom:dashed 1px #000;

	text-align:left;

	color:#000;

	padding:5px 0 15px 0;

}

#sideber .news .headin{

    padding: 20px 0 0;

    color: #767676;

}

#sideber .newsLast{

    text-align:left;

    color:#000;

    padding:5px 0 15px 0;

}

#sideber .newsLast .headin{

    padding: 20px 0 0;

    color: #767676;

}

#sideber .news small,.newsLast small{

	width:105px;

	font-size:12px;

	overflow:hidden;

}

#sideber .news .date,.newsLast .date{

	float:left;

}

#sideber .news .time,.newsLast .time{

	float:right;

	text-align:right;

}

#sideber .news span,.newsLast span{

	color:#4761ac;

	font-size:14px;

}

#sideber .news p,.newsLast p{

	padding:10px 0;

}

#sideber .news a,.newsLast a{

	color:#a96d49;

}

#sideber .newsContent div .showAll{

    color:#A96D49; 

    font-size:12px; 

    float:right; 

    text-decoration:underline;

}

#sideber .newsContent div{

    margin-bottom: 10px;

    padding-bottom: 10px;

}

#sideber .recentProject{

    position: relative;

    width: 228px;

    height: 300px;

    overflow: hidden;

}

#sideber b{

    text-align: right;

    display: block;

    /*background: #d3d3d3;*/

}

/*------------------------------recent proj

*/

#sideber .client_image{

	width:220px;

	height:154px;

	border:solid 2px #7f7f7f;

	margin:20px 0 15px 0;

}

/*-------------------------------Container

*/

#container{

	width:716px;

	float:right;

	

}



/*-------------------------------Banner

*/

#banner{

	width:709px;

	height:238px;

	border:solid 3px #FFF2C1;

	position:relative;

	/*margin-bottom:10px;*/

}

#banner img{

    position: absolute;

}

#banner span{

	width:699px;

	height:23px;

	background:url(../images/bnner_sadow.png) repeat-x;

	display:block;

	text-align:left;

	padding:15px 0 0 10px;

	color:#ffeba2;

	position:absolute;

	left:0;

	top:200px;

    z-index: 1000;

}



/*---------------------------------------content

*/

#content{

	width:716px;

	text-align:left;

	overflow:hidden;

    padding-bottom: 10px;

}

#content .innerContent{

    background: url(../images/mainbodybg.gif) repeat-x;

	/*padding-left:10px;*/

	

}

#content h1{

	font-size:32px;

	color:#93491c;

	font-weight:normal;

	padding:5px 0 5px 0;

	clear:both;

}

#content h2{

	color:#93491c;

	/*padding:8px 0 0px 0;*/

	font-weight:normal;

	border-bottom:solid 1px #93491c;

    font-size: 27px;

	background:#fff2c1 url(../images/title-bar.gif) ;/*repeat-x*/

	padding-left:10px;

}

#content a{

	color:#4762a9;

}

#content h3{

	font-size:25px;

	color:#93491c;

	font-weight:normal;

	padding:5px 0 5px 0;

	clear:both;

}

#content h4{

	font-size:20px;

	color:#93491c;

	font-weight:normal;

	/*padding:18px 0 22px 0;*/

	padding-left:10px;

}

#content h5{

	font-size:18px;

	color:#93491c;

	font-weight:normal;

	padding-bottom:10px;

}

#content h6{

	font-size:15px;

	color:#93491c;

	font-weight:normal;

}

#content address{

	color:#4561ac;

	font-style:normal;

	padding-bottom:10px;

	padding-left:10px;

}

#content span{

	color:#767676;

	font-size:13px;

	}

#content strong{

	color:#767676;

	font-size:13px;

	}

#content small{

	color:#767676;

	font-size:13px;

	}

#content ul{

	width:auto;

	padding:0px 10px 10px 10px;

	}

#content ul li{

	line-height:18px;

	}

#content ol{

	width:auto;

	padding:0px 10px 10px 10px;

	}

#content ol li{

	line-height:18px;

	}



/*#content p{

    padding: 5px 0 5px;

    line-height: 18px;

    text-align: justify;

    font-size: 12px;

}

*/

#content p{

	font-size:13px;

	line-height:18px;

	/*margin:5px 0;*/

	padding:10px;

	text-align:justify;

	color:#494444;

}

#content img{

    border:solid 3px #e5e5e5;

    float:left;

    margin-right:12px;

}

#content .innerContent ul{

    background: fixed;

}

#content .innerContent ul li{

    padding: 10px 0;

    font-size: 15px;

    color: gray;

}

/*---------------------------------------Contact page

*/

#content .contact{

	width:188px;

	float:left;

	margin-right:73px;

	padding:10px 0 15px 0;

}



#content .contact_none{

	width:188px;

	float:left;

	padding:10px 0 0 0;

}

/*---------------------------------------Input Area

*/

.inputarea{

	width:696px;

	float:left;

	padding-left:20px;

}

.inputarea h3{

	display:block;

	margin:12px 0 0 0;

}

.inputarea p{

	text-align:left;

	padding-bottom:20px;

	font-size:11px;

	color:#414141;

}

.inputarea dl{

	text-align:left;

	padding-left:10px;

	margin-top:15px;

}

.inputarea dl dd{

	display:block;

	margin-bottom:12px;

}

.inputarea dl dd input{

	width:410px;

	height:40px;

	padding:0 5px 0 5px;

}

.inputarea dl dd .txt_eml:focus{

	background:url(../images/txt_eml-hover.jpg) no-repeat;

}



.inputarea dl dd .txt_eml{

	background:url(../images/txt_eml.jpg) no-repeat;

	font-size:18px;

}

.inputarea dl dd label{

	color:#6e6e6e;

	width:120px;

	padding:5px 10px 0 0;

	font-size:18px;

	text-align:right;

	float:left;

	font-weight:bold;

}

.inputarea dl dd textarea{

	width:400px;

	height:188px;

	background:url(../images/txt_area.jpg) no-repeat;

	/*margin:10px 0 10px 4px;*/

	padding:10px;

	font-size:18px;

}

.inputarea dl dd textarea:focus{

	background:url(../images/txt_area-normal.jpg) no-repeat;

}



.inputarea dl dd .submit{

	width:113px;

	height:25px;

	border:none;

	display:block;

	background:url(../images/submit_btn.jpg) no-repeat;

	margin-left:128px;

}



/*---------------------------------------Admin Page

*/

#content #admin{
	_width:685px!important;

	overflow:hidden;

    background:url(../images/list-bg-hover.gif) repeat-x ;

	padding:15px;

	margin:5px 0 5px;

    cursor: pointer;

	/*height:178px;*/
	
	
   /* border: 1px solid #fae385;*/

}

#content #admin:hover{

    /*background:#fff7d7;*/

    background:url(../images/list-bg.gif) repeat-x ;

}

#content #admin .admin{

	float:left;

	width:176px;

	height:196px;

	border:solid 2px #fff;

}



#content #admin p{

	/*width:480px;*/

	/*padding:20px 0 20px 0;*/

}

#content #admin p small{

	color:#272424;

	font-size:18px;

	display:block;

}



/* for image center both horizontally and vertically*/

/*#content #admin div{

    width:178px;

    float:left;

    margin:0px 2px 10px;

    cursor: pointer;

}

#content #admin div i{

    width: 177px;

    height: 176px;

    border:1px solid #fff;

    background:#faefc4;

    display: table-cell;

    overflow: hidden;

    vertical-align: middle;

    text-align: center;

}

#content #admin div i img{

    margin:0;

}

#content #admin div *{

    vertical-align: middle;

}

#content #admin div i small{

    display: inline-block;

    height: 100%;

}*/

/*---------------------------------------------project detail*/



.project{

    width:716px;

    padding:10px 0 10px 0;

    }

.project strong{

    font-size:20px;

    padding:10px 0 0 20px;

    color:#272424;

    font-weight:normal;

    display:block;

}



.project a{

	position:absolute;

	height:276px;

}



.project .project_detail{

    background:#f6f6f6;

    width:716px;

    padding-bottom:30px;

    }    

.project_detail .prjt_brdr{

    border-bottom:solid #7f7f7f 1px;

    margin:0 30px;

    padding-bottom:20px;

    }    

.project_detail h5{

    font-size:18px;

    color:#4761ac;

    font-weight:normal;

    margin:0 0 5px 30px;

    padding:20px 0 2px;

    background:url(../images/project_border.jpg) no-repeat left bottom;

    }    

.project_detail ol{

    margin-left:80px;

    }

.project_detail ol li{

    list-style:decimal;

    line-height:32px;

    color:#242424;

    }    

.project_detail ol .list_top{

    list-style:none;

    }

/*--------------------------------------Generation

*/

.generation{

	width:716px;

	background:#f6f6f6;

	margin:10px 0 10px 0;

}



.generation strong{

	font-size:28px;

	padding:10px 0 0 20px;

	color:#272424;

	font-weight:normal;

	display:block;

}

.generation .factor_ld{

	width:676px;

	height:490px;

	border:solid 1px #808080;

	margin:10px 0 0 20px;

	background:url(../images/generation_bg.jpg) repeat;

}



/*--------------------------------------Gallery

*/

.gallery{

	/*width:716px;*/

	/*background:#ededeb;*/

	background:#fff7da;

	overflow:hidden;

	margin:10px 0 10px 0;

	padding:30px 0 30px 0;

	border:1px dashed #ccc;

	border-top:5px solid #954918;

}

.gallerybx{

	width:681px;

	padding:0 15px 0 24px;

	overflow:hidden;

}

.gallerypicbx{

	width:220px;

	height:155px;

	margin:0 5px 15px 0px;

	float:left;

	position:relative;

	overflow:hidden;

}

.gallerypicbx span{

    width:214px; height:153px;

    display: table-cell;

    display:block;

    text-align: center;

    vertical-align: middle;

    border:1px solid #dedede;  

    /*margin-top: 16px;*/

}

.gallerypicbx span *{

     vertical-align: middle;

}

.gallerypicbx span i  {

    display: inline-block;

    height: 100%;

    width: 1px;

}

.gallerypicbx a img{

	float:none!important;

	margin:0!important;

	border:none!important;

	}



/*------------------------------------Footer

*/



#footer{

	width:983px;

	padding:20px 0 20px 0;

	background:url(../images/main_bg.jpg) repeat-x;

}

#footer small{

	float:left;

	font-size:11px;

	color:#000;

}

#footer .btm_copy{

    float: left;

}

#footer .btm_copy li{

    text-align: left;

}

#footer .btm_copy li a{

    color: #93481e;    

}



#footer .btm_copy li a:hover{

    color: #F7941E;

}

#footer .btm_list{

	float:right;

}

#footer .btm_list li{

	display:inline;

}

#footer .btm_list li a{

	color:#000;

}

#footer .btm_list li a:hover{

	text-decoration:none;

	color:#4762a9;

}



/*--------------------------------------Navigation

*/

.navigation{

	width:724px;

	height:85px;

}



/*---------------------------------------floting  Menu

*/

#menu{

	width:724px;

	height:60px;

	padding-top:21px;

	overflow:hidden;

}

#menu li{

	width:90px;

	/*height:60px;*/

	float:left;

	/*position:relative;*/

}



#menu li a {

	/*width:90px;

	height:60px;*/

	/*display:block;*/

	/*text-indent:-999em;*/

	/*background:url(../images/project.png) no-repeat 0 0;*/

	/*position:absolute;*/

	top:10px;

	_left:10px;/*for IE6*/

	*left:10px;/*for IE7*/

}

#menu li a:click{

    border:blue;

}

#menu li a small{

    text-indent:-999em;

    position:absolute;

}

#menu li.selected{

    border:black;

}

/*#menu li a:visited{

    border:black;

}

#menu li a:hover{

    border:blue;

}

#menu .item1 a{

	background:url(../images/home.png) no-repeat 0 0;

}



#menu .item2 a{

	background:url(../images/about.png) no-repeat 0 0;

}



#menu .item4 a{

	background:url(../images/service.png) no-repeat 0 0;

}



#menu .item5 a{

	background:url(../images/gallery.png) no-repeat 0 0;

}



#menu .item6 a{

	background:url(../images/tender.png) no-repeat 0 0;

}



#menu .item7 a{

	background:url(../images/career.png) no-repeat 0 0;

}



#menu .item8 a{

	background:url(../images/contact.png) no-repeat 0 0;

}

#menu .item9 a{

    background:url(../images/investor.png) no-repeat 0 0;

}*/

/*------------------banner slidshow

*/

.slider{

    float:left;

    width:709px;

    height:238px;

    /*margin-top:4px;*/

}

#slideshow {

    position:relative;

    height:238px;

    overflow:hidden;

}



#slideshow IMG {

    position:absolute;

    top:0;

    left:0;

    z-index:8;

    opacity:0.0;

}



#slideshow IMG.active {

    z-index:10;

    opacity:1.0;

}



#slideshow IMG.last-active {

    z-index:9;

}



/*---------------------------pagination

*/

.linkList{

	margin:20px 0 10px 0;

	float:left;

	display:inline;

}

.linkList li{

	float:left;

}

.linkList li a{

	float:left;

	font-size:11px;

	color:#93491c !important;

	width:26px;

	height:22px;

	border:1px solid #b4aca7;

	text-align:center;

	line-height:22px;

}

.linkList li b{

    float:left;

    font-size:11px;

    color:#fff;

	background:#93491c;

    width:26px;

    height:22px;

    border:1px solid #93491c;

    text-align:center;

    line-height:22px;

    font-weight:bolder;

}

.linkList li a:hover{

	color:#fff !important;

	font-weight:bold;

	text-decoration:none;

    background:#93491c;

}	

.linkList li .link{

	width:50px;

}

.linkList li .link:hover{

	background:#93491c;

	font-weight:normal;

	color:#fff;

}



/*--------------------------------tender

*/

#background-image,#content table 

{

	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;

	font-size: 12px;

	margin: 10px 0 10px 0;

	width: 100%;

	text-align: left;

	border-collapse: collapse;

	/*background: url('../images/blurry.jpg') 555px 59px no-repeat;*/

}

#background-image th,#content table th 

{

	background:#8383A4;

	border:1px solid #FFFFFF;

	border-bottom:none;

	color:#FFFFFF;

	font-size:14px;

	font-weight:normal;

	padding:12px;



}

#background-image td,#content table td

{

	padding: 9px 12px;

	color: #669;

	border-top: 1px solid #fff;

}

#background-image tfoot td,#content table td

{

	font-size: 11px;

}

#background-image tbody td,#content table td 

{

	background: url('../images/back.png');

	/*background:#fff7da;*/

}

* html #background-image tbody td

{

	/* 

	   ----------------------------

		PUT THIS ON IE6 ONLY STYLE 

		AS THE RULE INVALIDATES

		YOUR STYLESHEET

	   ----------------------------

	*/

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back.png',sizingMethod='crop');

	background: none;

}	

#background-image tbody tr:hover td

{

	color: #339;

	background: none;

}

.subbanner{

	width:709px;

	height:154px;

	overflow:hidden;

	border:3px solid #FFF2C1;

	/*margin-bottom:10px;*/

	}

.ourClient{

	width:227px;

	}

.clientLogo{

	width:226px;

	overflow:hidden;

	padding-left:1px;

	margin-top:10px;

	}

.clientLogo li{

	width:64px;

	height:64px;

	float:left;

	border:1px solid #c4c3c3;

	margin:0 4px 10px 5px;

	display:inline;

	}

		

/*-------------img center*/

.pright1 {

    float:left;

    /*padding-left:18px;*/

    overflow:hidden;

    position:relative;

    height:205px;

    width:192px;/*189px;*/

	margin-right:10px;

}



.pright1 span{

    background:#f4f3f3;

    width:186px; height:187px;

    display: table-cell;

    display:block;

    text-align: center;

    vertical-align: middle;

    border:1px solid #dedede;  

    margin-top: 16px;

	background:#faefc4;

}

.pright1 span *{

     vertical-align: middle;

}

.pright1 span i  {

    display: inline-block;

    height: 100%;

    width: 1px;

}

.pright1 img{

	float:none!important;

	margin:0!important;

	}

/*-----------------------project img center*/

.projDetailImageCont {

    padding:5px 0;

	border:3px solid #E5E5E5;

	background:#fefcef

    }

#projDetailImage{

	position:relative;

	overflow:hidden;

	width:394px;

	height:282px;

	background:#fefcef

	}

.pright2 {

    float:left;

    overflow:hidden;

	position:absolute;

    height:280px;

    width:398px;/*189px;*/

}



.pright2 span{

    width:390px; height:278px;

    display: table-cell;

    display:block;

    text-align: center;

    vertical-align: middle;

    border:1px solid #dedede;  

	background:#faefc4;

}

.pright2 span *{

     vertical-align: middle;

}

.pright2 span i  {

    display: inline-block;

    height: 100%;

    width: 1px;

}

.pright2 img{

	float:none!important;

	margin:0!important;

	}

	

/*-------------------------recent project img center

*/	

#sideber .recnt_proj{

	/*border-bottom:dashed 1px #000;*/

	text-align:left;

	color:#414141;

    position: absolute;

    margin-top: 5px;

    width:228px;

    height:252px;

    overflow:hidden;

    /*position:relative;*/

}

/*#sideber .recnt_proj .projct_image{



	border:solid 2px #7f7f7f;

	margin:0px 0 15px 0;

    width: 160px;

    height: 154px;

}*/

#sideber .recnt_proj h3{

	font-weight:bold;

    padding-bottom: 5px;

    color: #767676;

	margin-top:10px;

}

#sideber .recnt_proj p{

	padding-bottom:16px;

}



/* for image center both horizontally and vertically*/

/*.recnt_proj span{

    width:220px;

    float:left;

    margin:0px 2px 10px;

    cursor: pointer;

}

.recnt_proj span i{

    width: 219px;

    height: 120px;

    border:1px solid #9E9E9E;

    background:#f6f6f6;

    display: table-cell;

    overflow: hidden;

    vertical-align: middle;

    text-align: center;

}

.recnt_proj span i img{

    margin:0;

}

.recnt_proj span *{

    vertical-align: middle;

}

.recnt_proj span i small{

    display: inline-block;

    height: 100%;

}*/

/**/





/*.pright3 {

    float:left;

    overflow:hidden;

    position:relative;

    height:154px;

    width:224px;

	margin-right:10px;

}

*/

.recnt_proj span{

    background:#f4f3f3;

    width:224px; height:156px;

    display: table-cell;

    display:block;

    text-align: center;

    vertical-align: middle;

    border:1px solid #dedede;  

    /*margin-top: 16px;*/

	background:#faefc4;

	cursor:pointer;

}

.recnt_proj span *{

     vertical-align: middle;

}

.recnt_proj span i  {

    display: inline-block;

    height: 100%;

    width: 1px;

}

.recnt_proj img{

	float:none!important;

	margin:0!important;

	}