/*************************************************************************************************/
/* This CSS document is created by Partha Sarker, Web and Graphic Designer, desme-bangladesh.com */
/*************************************************************************************************/ 

body {font-family : Arial, Helvetica, sans-serif; font-size : 12px; color : #707070; margin : 0; padding : 0; background-color : #f3f3f3; }

a.desme:link { text-decoration: none; color:#A5A57C; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight:normal;}
a.desme:visited { text-decoration: none; color:#A5A57C   ; font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight:normal;}
a.desme:hover { text-decoration: none; color: #000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight:normal;}


#maincontent { width : 1000px; background : url(../images/page-back.jpg); background-repeat : repeat-y; }

h1 { margin : 10px; color : #2a2a86; font-size : 16px; font-weight : bold; }

h2 { color : #2a2a86; font-size : 12px; font-weight : bold; }

.special { font-size : 10px; color : #2a2a86; text-decoration : none; font-weight : normal;}

.special:hover { font-size : 10px; color : #2a2a86; text-decoration : underline; font-weight : normal; }

.specialtext { padding-left:10px; color : #2a2a86; padding-right:10px; font-size: 10px; }

#masthead { padding : 0; border : 0; width : 990px; height : 87px; background : url(../images/top-back.jpg); }

.phone { float : right; padding : 10px; position : relative; text-align : right; }

/* .logo { float : left; width : 338px; height : 87px; padding : 0; display : block; background : url(../images/logo.jpg); } */

.logo { float : left; width : 338px; height:87px; padding : 0px; margin:0px; border:0px; background : url(../images/page-back.jpg);}

#navBar { float : right; width : 20%; margin : 0; padding : 0; background-color : #eeeeee; border-left : 1px solid #cccccc; border-bottom : 1px solid #cccccc; }

#headlines { float : left; width : 20%; border-right : 1px solid #cccccc; border-bottom : 1px solid #cccccc; padding-right : 10px; }

#content { float : left; width : 55%; }

#globalNav { padding : 0 0 0 10px; border : 0; margin-left : 50px; width : 930px; background-color : #ffffff; }

#globalNavcontent { padding : 0; border : 0; margin-left : 50px; height : auto; width : 940px; background-color : #ffffff; }

#bodyleft { padding : 0; float : left; border : 0; margin : 0; width : 190px; height : 240px; background : url(../images/sec-back.jpg); background-repeat : repeat-x; }

.bodytopleft { padding : 0; border : 0; margin-left : 10px; width : 170px; font-size : 10px; color : #b9b9b9; }
.bodytopleftCS { padding : 0; border : 0; font-size : 10px; color : #92C0E2; }

.bodybotleft { background : url(../images/div.jpg); background-position : right 0%; width : 190px; background-repeat : no-repeat; padding : 0; border : 0; float : left; }

.bodybotleftCntnt { background : url(../images/div-mid.jpg); background-position : right 0%; width : 190px; background-repeat : no-repeat; padding : 0; border : 0; float : left; }

#bodymid { width : 555px; float : left; margin : 0; border : 0; }

#bodybotmid { width : 555px; float : left; margin-top : 1px; border : 0; background : url(../images/sec-back.jpg); background-repeat : repeat-x; }
.bodybotmid { width : 555px; float : left; margin-top : 1px; border : 0; background : url(../images/sec-back.jpg); background-repeat : repeat-x; }
.bodybotmid2 { width : 555px; float : left; margin-top : 1px; border : 0; }

#bodybotmidtext { width : 535px; }
.bodybotmidtext { width : 535px; float:left}

.picbox { padding-top:10px; padding-bottom:10px; padding-left: 20px; padding-right:20px; float:left;}

#bodybotright { padding : 0; float : left; border : 0; margin : 0; width : 195px; background : url(../images/div.jpg); background-position : left 0%; background-repeat : no-repeat; }

.bodybotrightCntnt { padding : 0; float : left; border : 0; margin : 0; width : 195px; background : url(../images/div-mid.jpg); background-position : left 0%; background-repeat : no-repeat; }

#bodyright { float : left; border : 0; margin : 0; width : 195px; }

#flasharea { background : transparent; float : left; width : 555px; padding : 0; }

.rightbutton { width : 175px; height : 60px; }

.rightbotpanel { width : 175px; padding-left:10px; text-align:left;}
.rightbotpanelDiv { width : 175px; padding-left:10px; text-align:left;}


.rightbotpaneltext a { width : 160px; float : left; color : #707070; font-size : 10px; text-decoration : none; padding-bottom : 4px; }

.rightbotpaneltext a:hover { width : 160px; float : left; font-size : 10px; text-decoration : underline; padding-bottom : 4px; }

.bullet { width : 15px; margin-top : 2px; height : 12px; background : url(../images/bullrt.jpg); background-repeat : no-repeat; float : left; }

.flug img { vertical-align : middle; }

.bottommenu { padding-right : 10px; height : 30px; background-color : #f3f3f3; width : 930px; line-height : 30px; }

.bottomtext { font-size : 10px; color : #707070; padding : 10px; background-color : #f3f3f3; }

#menu { clear : both; border : 0; height : 30px; }

#menu LI { font-size : 12px; }

#menu UL { padding : 0; margin : 0; list-style-type : none; }

#menu LI { padding : 0; float : left; margin : 0; height : 30px; }

#menu UL A { display : block; width : 100%; color : #000; height : 30px; line-height : 30px; height : 28px; text-align : center; text-decoration : none; }

#menu UL A SPAN { display : block; border : 0; width : 100%; height : 30px; }

#menu UL A:hover { background : #f4f4f4 url(../images/topmenu-back-on.jpg); cursor : pointer; height : 30px; }

#menu UL A:active { background : #f4f4f4 url(../images/topmenu-back-on.jpg); cursor : pointer; height : 30px; }

#menu UL A:selected { background : #f4f4f4 url(../images/topmenu-back-on.jpg); cursor : pointer; height : 30px; }

.hide { display : none !important; }

.handheld { display : none !important; }

#sub SPAN { display : none !important; }

LI#home { padding-top : 4px; height : 26px; width : 180px; }

LI#sml0 { width : 1px; height : 30px; background : #f4f4f4 url(../images/topmenu-div.jpg); }

LI#sml1 { width : 1px; height : 30px; background : #f4f4f4 url(../images/topmenu-div.jpg); }

LI#sml2 { width : 1px; height : 30px; background : #f4f4f4 url(../images/topmenu-div.jpg); }

LI#sml3 { width : 1px; height : 30px; background : #f4f4f4 url(../images/topmenu-div.jpg); }

LI#sml4 { width : 1px; height : 30px; background : #f4f4f4 url(../images/topmenu-div.jpg); }

LI#md0 { width : 120px; height : 30px; background : #f4f4f4 url(../images/topmenu-back.jpg); }

LI#md1 { width : 120px; height : 30px; background : #f4f4f4 url(../images/topmenu-back.jpg); }

LI#md2 { width : 120px; height : 30px; background : #f4f4f4 url(../images/topmenu-back.jpg); }

LI#md3 { width : 120px; height : 30px; background : #f4f4f4 url(../images/topmenu-back.jpg); }

LI#md4 { width : 120px; height : 30px; background : #f4f4f4 url(../images/topmenu-back.jpg); }

LI#lg { width : 145px; height : 30px; background : #f4f4f4 url(../images/topmenu-back.jpg); }

.phone { color : #2a2a86; font-size : 14px; }

.topmenu { color : #2a2a86; font-size : 12px; text-decoration : none; }

.topmenu:active { color : #ffffff; font-size : 12px; text-decoration : none; }

.topmenu:hover { color : #707070; font-size : 12px; text-decoration : none; }

.topmenu-active { color : #ffffff; font-size : 12px; text-decoration : none; line-height : 20px; }

.leftmenu:selected { color : #0658b1; font-size : 11px; text-decoration : none; font-weight : normal; }

.leftmenu { color : #707070; font-size : 11px; text-decoration : none; font-weight : normal; line-height : 20px; }

.leftmenu:hover { color : #0658b1; font-size : 11px; text-decoration : none; font-weight : normal; }

.leftmenu:active { color : #0658b1; font-size : 11px; text-decoration : none; font-weight : normal; }

.leftmenu:selected { color : #0658b1; font-size : 11px; text-decoration : none; font-weight : normal; }

.rightmenu { color : #333333; font-size : 14px; text-decoration : none; }

.rightmenu:hover { color : #333333; font-size : 14px; text-decoration : underline; }

.sechead-grey { color : #707070; font-size : 16px; font-weight : bold; }

.midsechead { font-size : 16px; font-weight : bold; }

.global { color : #b2b2b2; font-size : 10px; }

.botmenu { color : #707070; font-size : 10px; text-decoration : none; }

.botmenu:hover { color : #707070; font-size : 10px; text-decoration : underline; }

.bottext { font-size : 10px; color : #707070; }

ul { list-style-type : square; }

ul ul { list-style-type : disc; }

ul ul ul { list-style-type : none; }

label { font-family : Arial, sans-serif; font-size : 100%; font-weight : bold; color : #334d55; }

#navBar ul a:link, #navBar ul a:visited { display : block; }

#navBar ul { list-style : none; margin : 0; padding : 0; }

#navBar li { border-bottom : 1px solid #eee; }

html > body #navBar li { border-bottom : none; }

#sectionLinks { position : relative; margin : 0; padding : 0; border-bottom : 1px solid #cccccc; font-size : 90%; }

#sectionLinks h3 { padding : 10px 0 2px 10px; }

#sectionLinks a { display : block; border-top : 1px solid #cccccc; padding : 2px 0 2px 10px; }

#sectionLinks a:hover { background-color : #dddddd; }

/* 
	for leadership section
*/

.teamMemPic { float : left; text-align:center; width : 180px; padding-left:2px; display : block;  }
.teamMemProfile { float : left; text-align:left; width : 360px; display : block; padding-top:10px; padding-left:10px;}

.teamMemTitle { font-size : 12px; color : #2a2a86; font-weight : bold; }

.contactdiv {float:left; padding:5px; margin:5px; width:520px; background-color:#f4f4f4}

.contactformdiv {width:540px; float:left }

.skillmatdiv {width:460px; float:left; height:24px; line-height:24px; margin-left:20px }

.formdivalign {width:180px; text-align:center; margin-left:2px; float:left; padding-bottom:2px}

.formdivalignRQ {width:240px; text-align:left; margin-left:2px; float:left; padding-bottom:2px}

.formtextalign { width:160px; margin-right:2px; margin-left:40px; float:left}

.formtextalignSk { width:230px; margin-right:2px; margin-left:20px; float:left; text-align:left}



.sitemaphead {margin-top: 14px; float: left; text-align: left; height:24px; line-height:24px; font-size:16px; font-weight:bold}

.sitemaphead a {color: #44aee3; text-decoration:none;}

.sitemaphead a:hover {color: #66ccff; text-decoration:none;}

.sitemapsmenu {float: left; background-color:#e5e5e5; padding-left:20px; text-align: left; height:24px; line-height:24px; margin-top:3px; font-size:12px; font-weight:bold}

.sitemapsmenu a {color: #666666; text-decoration:none;}

.sitemapsmenu a:hover {color: #999999; text-decoration:none;}

.sitemapsub {float:right; background-color:#f2f2f2; text-align: left; height:18px; line-height:18px; margin-top:3px; font-size:12px;}

.sitemapsub a {padding-left:10px; color: #666666; text-decoration:none;}

.sitemapsub a:hover {padding-left:10px; color: #999999; text-decoration:none;}



.sitemapsubRight {float:right; background-color:#f2f2f2; text-align: left; height:18px; line-height:18px; margin-top:3px; margin-right:10px; font-size:12px;}

.sitemapsubRight a {padding-left:10px; color: #666666; text-decoration:none;}

.sitemapsubRight a:hover {padding-left:10px; color: #999999; text-decoration:none;}



.caseStudiesHead {margin-top: 10px; float: left; width: 460px; text-align: left; height:24px; line-height:24px; margin-left:20px; font-size:16px; font-weight:bold}

.caseStudiesHead a {color: #44aee3; text-decoration:none;}

.caseStudiesHead a:hover {color: #66ccff; text-decoration:none;}

.caseStudiesMenu {float: left; background-color:#f4f4f4; padding-left:20px; width: 440px; text-align: left; height:24px; line-height:24px; margin-left:20px; margin-top:2px; font-size:12px; font-weight:bold}

.caseStudiesMenu a {color: #666666; text-decoration:none;}

.caseStudiesMenu a:hover {color: #999999; text-decoration:none;}




.listingscase { background-color:#D1D6D8; width:500px;margin-bottom:7px; }

.imglist
 {
	float:left;background-image:url(../Images/img-bg.jpg);background-repeat:no-repeat; background-position:center;
	width:120px;margin-right:2px;text-align:center;height:104px;text-align:center;padding:6px 0px 0px 0px;
 }

.imglistLarge
 {
	float:left;background-image:url(../Images/img-bg-large.jpg);background-repeat:no-repeat; background-position:center;
	width:142px;margin-right:2px;text-align:center;height:154px;text-align:center;padding:16px 0px 0px 0px;
 }

 
 .desc1
 {
	float:left;
	width:200px;margin-left:8px;
 }
 
 .successvideo
{
float:none;
z-index: 3;  width: 510px; position: relative;height:350px;padding-left:30px;
}
.section8
{
width:480px;z-index: 3;  position: relative;text-align:left;float:left;
}
.marginspace
{
margin-bottom:10px;margin-left:0px;
}
.address2
{
z-index: 3; width: 200px; position: relative;text-align:left;
background-color:#F2F2F2;
float:left;
padding:5px 5px 5px 5px;margin:0px 0px 5px 0px;
}
.presentationlink
{
text-align:left;
z-index: 3; position: relative;width:150px;float:left;margin-right:3px;border:#000 1px solid;
}
.pres
{
z-index: 3; width: 175px; position: relative;text-align:left;
background-color:#F2F2F2;
float:left;
padding:5px 0px 5px 5px;margin:0px 0px 5px 0px;
}
.videolink
{
text-align:left;
z-index: 3; position: relative;width:230px;float:left;margin-right:3px;
}
.man-name
{
width:400px;z-index: 3; position: relative;float:left;border:#000 1px solid;
}
.vidlink
{
width:100px;z-index: 3; position: relative;float:left;border:#000 1px solid;
}
.pername{width:150px;z-index: 3; position: relative;float:left;}

.perimage{width:40px;z-index: 3; position: relative;float:left;}

h4
{
font-size:14px;margin-bottom:6px;color:#65ACDD;margin-top:10px;
}
