/* CSS Document */


/*--------------Global style------------------------*/

body {margin:0; padding:0; background:url(../images/bg.jpg) left top repeat-x #fff; color:#3A3A3A;}

div, p, h1, h2, h3, form, input, label, span {margin:0; padding:0;}

ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
img {
	border:0;
	outline:0;
	}
	
.spacer {
		font-size:0;
		line-height:0;
		clear:both;
		}	
	
/*------------Global style end------------------------------*/

		
/*-------------Main container start here-----------------------------*/

#mainCon { width:944px; margin:0 auto;}



/*--------------<< Logo Panel start here >>-----------------------------*/

#logoPanel { background:url(../images/logopanelbg.jpg) left top no-repeat; float:left; width:883px; padding:0 14px 0 47px;}

#logoPanel img { float:left; margin:8px 0 17px 0;}

#logoPanel h1 { width:211px; height:31px; display:block; float:left; margin:16px 0 0px 16px; text-indent:-20000px;}

#logoPanel form { float:right; background:url(../images/searchbg.jpg) left top no-repeat; padding:8px 0 8px 11px; margin:13px 0px 0 0; width:auto;}

#logoPanel form label { background:url(../images/searchicon.gif) left 6px no-repeat; float:left;margin:0px 0 0 0; padding:0 0 0 20px;}

#logoPanel form .inputBox { width:120px; height:15px; padding:2px; float:left;color:#000000; margin:0 4px 0 0; background-color:inherit;}

#logoPanel form .submit {background:url(../images/submitbg.jpg) left top no-repeat #7C7C7C; border:0; cursor:pointer; width:36px; height:22px; display:block;color:#FFFFFF; float:left; margin:0 9px 0 0;}

#logoPanel div { float:right; color:#000000; padding:23px 8px 0 0; width:auto; background-color:inherit;}

#logoPanel div span {float:left; display:block; padding:8px 7px 0 0; width:auto;}

#logoPanel div a.small { width:15px; height:13px; display:block; text-align:center; border:2px solid #D6D6D6; margin:8px 8px 0 0; float:left; color:#000; text-decoration:none; background-color:inherit; width:auto; text-align:center;}

#logoPanel div a.small:hover { border:2px solid #4273AD;}

#logoPanel div a.medium { padding:0 3px; display:block; text-align:center; border:2px solid #D6D6D6; margin:5px 8px 0 0; float:left; color:#000; text-decoration:none; background-color:inherit; width:auto;}

#logoPanel div a.medium:hover { border:2px solid #4273AD;}

#logoPanel div a.large{ padding:0 3px; display:block; text-align:center; border:2px solid #D6D6D6; margin:0 0px 0 0; float:left; color:#000; text-decoration:none; width:auto; background-color:inherit;}

#logoPanel div a.large:hover { border:2px solid #4273AD;}

/*--------------<< Logo Panel end here >>-----------------------------*/

/*--------------<< Body Panel start here >>-------------------------*/

.bodyPanel {background: url(../images/bodybg.jpg) left top repeat-y;width:944px; margin:0 0 10px 0;}

#innerPanel {background:url(../images/topcurve.jpg) left top no-repeat; float:left; width:908px; padding:21px 18px 0 18px;}

.bottomCurve { background:url(../images/bottomcurver.jpg) left top no-repeat; width:944px; height:15px; display:block; float:left;}

/*-------------<< Navigation start here >>------------------------*/

.nav { width:907px; background:url(../images/navbg.jpg) left top repeat-x; margin:0 0 12px 0;}

.navMid { float:left;}

ul.navigation {list-style-type:none; z-index:100; }

.leftCurve { background:url(../images/leftcurve.jpg) left top no-repeat; width:22px; height:40px; float:left; padding:0;}

.rightCurve { background:url(../images/rightcurve.jpg) left top no-repeat; width:22px; height:40px; float:right; padding:0;}

ul.navigation li {float:left;background:url(../images/divider.jpg) right 2px no-repeat; /*padding:1px 0;*/ display:block; text-align:center; position:relative; width:auto;}

ul.navigation li.last { background:none; /*float:left;  padding-right:0; display:block; text-align:center;*/}

ul.navigation li a { text-decoration:none; color:#fff; background-color:inherit;}

ul.navigation li a:hover, ul.navigation li a.active { text-decoration:none; color:#93D4FE; background-color:inherit;}

ul.navigation li ul { background:#f4f4f4; }
ul.navigation li ul li { background:#fff; clear:both;  }
ul.navigation li ul li ul { padding:0; margin:0; position:absolute; top:0; left:10000px; }
ul.navigation li ul li ul li { background:inherit; padding:0; margin:0; clear:both; float:left; }

/*-------------<< Navigation end here >>------------------------*/


/*-------------<< Header start here >>----------------------------*/

#header { width:907px; float:left;}

#header .flashBan { width:901px; height:218px; display:block;  margin:0 auto;}

#header .headerImage { background:url(../images/header-milestones.jpg) left top no-repeat; width:901px; height:218px; display:block;  margin:0 auto; text-indent:-2000px;}

#header .offer { background:url(../images/offer.jpg) left top no-repeat; width:901px; height:218px; display:block;  margin:0 auto; text-indent:-2000px;}

#header .workplace { background:url(../images/work-place.jpg) left top no-repeat; width:901px; height:218px; display:block;  margin:0 auto; text-indent:-2000px;}

#header .career { background:url(../images/career.jpg) left top no-repeat; width:901px; height:218px; display:block;  margin:0 auto; text-indent:-2000px;}

#header .contact { background:url(../images/contact.jpg) left top no-repeat; width:901px; height:218px; display:block;  margin:0 auto; text-indent:-2000px;}

.headerBottom {width:901px; margin:15px 0 14px 3px; float:left;}

.headerBottom div.headerBot {  width:901px; height:18px; display:block;background:url(../images/headerbotcurve.jpg) 0px top no-repeat; float:left;}

.headerBottom div.headerTop {  width:901px; height:18px; display:block;background:url(../images/headertopcurve.jpg) 0px top no-repeat; float:left;}

div.middleSecTop { float:left;width:899px; border-left:1px solid #D7D7D7; border-right:1px solid #D7D7D7; background:/*url(../images/headerbg.jpg) left bottom repeat-x*/ #fff; margin:0 auto; color:inherit;}

div.middleSec { float:left;width:880px; background:url(../images/headerbg1.jpg) left top repeat-x; padding:0 9px; margin:0 auto; color:inherit;}

div.middleSec .onesec { width:197px; border-right:1px solid #DADADA; margin:0 15px 0 0; padding:0 8px 0 0; float:left;}

div.middleSec .lastSec {border:0; margin:0;}

div.middleSec .onesec h2 { color:#0054A6; float:left; padding:0 0 2px 0; background-color:inherit; width:auto;}

div.middleSec .onesec h2 span { color:#696969; background-color:inherit;}



div.middleSec .onesec p {float:left; width:197px; padding:0 0 0px 0;}

div.middleSec .onesec p.padTop {padding:0px 0 0 0;}

div.middleSec a.blueBut { background:url(../images/bluebut.jpg) left top no-repeat; width:87px; height:19px; display:block; text-align:center; color:#F3F3F3; text-decoration:none; margin:12px 0 0 0; background-color:inherit;}

div.middleSec a.blueBut:hover { background:url(../images/greybut.jpg) left top no-repeat;}

/*-------------<< Header end here >>----------------------------*/


/*-------------<< Body start here ( Grey cells ,Education consulting ,elearning section ) >>--------------------------*/

#bodyPanelMid { width:901px; float:left; padding:0 0 0 3px; margin:15px 0 0px 0;}

#bodyPanelMid .smallSec { width:221px; float:left; margin:0 6px 0 0;}

#bodyPanelMid .smallSecLast { width:219px; float:left; margin:0 0px 0 0;}

#bodyPanelMid .smallSec span.smallCurve {background:url(../images/smallcurvetop.jpg) left top no-repeat; width:219px; height:6px; float:left; line-height:0; font-size:0;}

#bodyPanelMid .smallSec span.bottomCurveSmall {background:url(../images/smallcurvebottom.jpg) left top no-repeat; width:219px; height:15px; float:left; line-height:0; font-size:0;}

#bodyPanelMid .smallSec .midbg {background:url(../images/smallbg.jpg) left bottom repeat-x #fff; float:left; width:202px; border-left:1px solid #D7D7D7; border-right:1px solid #D7D7D7; padding:12px 0 0 15px; color:inherit;}

#bodyPanelMid .smallSec .midbg h2 { color:#808080; padding:0 0 12px 0; background-color:inherit;}

#bodyPanelMid .smallSec .midbg img { float:left;}
#bodyPanelMid .smallSec .midbg p { float:left; padding:0 0 0 10px; width:124px;}

a.readmore { background:url(../images/arrow.jpg) right 3px no-repeat; text-decoration:underline; padding:0 17px 0 0; margin:12px 0 0 0; display:block; float:left; color:#000; width:auto; background-color:transparent;}

a.readmore:hover {text-decoration:none;}

/*-------------<< Body end here ( Grey cells ,Education consulting ,elearning section ) >>--------------------------*/


/*--------------<< Resources / News section start here >>---------------------------------*/

.bottomSection { float:left; width:899px; padding:0 0 0 3px; margin:0 0 20px 0;}

.bottomSection span.bottomTop { float:left; width:899px; height:22px; background:url(../images/bottomtop.jpg) left top no-repeat;}

.bottomSection span.bottomBottom { float:left; width:899px; height:22px; background:url(../images/bottombottom.jpg) left top no-repeat;}

.bottomSection div.bottomMain { float:left; width:837px;background:url(../images/bottomCon.jpg) left top repeat-x #fff; border-left:1px solid #D7D7D7; border-right:1px solid #D7D7D7; padding:0 28px 0 32px; color:inherit;}

.bottomSection div.bottomMain .resource { width:520px; float:left; margin:0 30px 0 0;}

.bottomSection div.bottomMain .resource h3 { border-bottom:1px solid #BEBEBE; float:left; color:#909090; padding:0 0 8px 0; display:block; width:520px; background-color:inherit;}

.bottomSection div.bottomMain .resource p {float:left; width:auto;}

.bottomSection div.bottomMain .resource ul { list-style-type:none; padding:30px 0 0 15px; float:left; width:500px;}

.bottomSection div.bottomMain .resource ul li { background:url(../images/blueicon.jpg) left top no-repeat; padding:0 0 0 30px;}


.bottomSection div.bottomMain .news {width:286px; float:left;}

.bottomSection div.bottomMain .news h3 {border-bottom:1px solid #BEBEBE; float:left; color:#909090; padding:0 0 8px 0; display:block; width:286px; background-color:inherit;}

.bottomSection div.bottomMain .news p {float:left; width:auto;}

.bottomSection div.bottomMain .news ul { list-style-type:none; padding:20px 0 19px 8px; float:left; width:270px;}

.bottomSection div.bottomMain .news ul li {}


/*--------------<< Resources / News section end here >>---------------------------------*/


/*--------------<< Footer start here >>---------------------------------*/

#footer { float:left; width:944px;}

#footer span.footerTop { background:url(../images/footertop.jpg) left top no-repeat; width:944px; height:17px; display:block; float:left;}

#footer span.footerBottom { background:url(../images/footerbottom.jpg) left top no-repeat; width:944px; height:13px; display:block; float:left;}

#footer .footerbg {background:url(../images/footerbg.jpg) left top repeat-y; float:left; width:auto;}

#footer .footerbginner { background:url(../images/footerbginner.jpg) left top no-repeat; float:left; width:auto;}

#footer .footerbginner .footLeft { width:717px; float:left; padding:0 0 0 25px;}

#footer .footerbginner .footRight { width:200px; float:left;}

#footer .footerbginner .footRight img {float:left; margin:0 4px 0 0;}

#footer a { text-decoration:none;}

#footer a:hover { text-decoration:underline;}

#footer a.blueLink { text-decoration:none}

#footer a.blueLink:hover { text-decoration:underline}

/*--------------<< Footer end here >>---------------------------------*/

/*----------------<< drop down start here >>-----------------------------*/
.nav{
}

/*1st sub level menu*/
.nav ul li ul{
position: absolute;
top:0;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
padding:0;
margin:0;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.nav ul li ul li{
display: list-item;
float:left;
background:#F4F4F4;
/*width of sub menus*/
text-align:left;
color:#595B5C;
padding:0;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */

/* Sub level menu links style */
.nav ul li ul li a{
color:#595B5C;
display: block;
padding: 3px 5px;
border-bottom:1px solid #CFCFCF;
}

.nav ul li ul li a:hover{
color:#fff;
background-color:#1873C5;
}

.nav ul li ul li ul{
padding:0;
margin:0;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 23px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/

}


/*------------------About us page------------------------------*/

div.middleSec h2 { color:#0153A7; margin:0 0 10px 0;}

div.middleSec { color:#3A3A3A;}

div.middleSec p {padding:0 15px 10px 0;}

div.middleSec p.breadCrumb { color:#3A3A3A; padding:0 0 15px 0;}

div.middleSec a { color:#0153A7; text-decoration:underline;}

div.middleSec a:hover {text-decoration:none;}

div.middleSec h3 { color:#0153A7; margin:0 0 10px 0;}

/*---inner pages---*/

div.middleSec .leftSec { width:176px; float:left;  }
div.middleSec .leftSec h2 { background:url(../images/h2-bluebg.jpg) no-repeat; color:#FFF; height:30px; padding:0 0 0 15px; margin:0 0 1px 0;  }
div.middleSec .leftSec h2 span.text { float:left; }
div.middleSec .leftSec h2 span.last { background:url(../images/h2-bluespan.jpg) no-repeat 0 0; height:30px; display:block; float:right; }
div.middleSec .leftSec ul { background:url(../images/aboutus-ulbg.jpg) repeat-x 0 0; padding:0; margin:0; }
div.middleSec .leftSec ul li { padding:0; margin:0; }
div.middleSec .leftSec ul li a { border-top:#EBEAEA dashed 1px; text-decoration:none; padding:8px 20px 8px 10px; margin:0; display:block; color:#000;  }
div.middleSec .leftSec ul li a:hover, div.middleSec .leftSec ul li a.active  { background:url(../images/ul-arrow.gif) no-repeat 95% 50%; text-decoration:none; color:#015AAC;  }

.leftSec ul li a.active{
	cursor:pointer;
	}
	
/*--sub menu--*/
div.middleSec .leftSec ul li ul { padding:0 0 10px 0; margin:0; background:none; }
div.middleSec .leftSec ul li ul li { padding:0; margin:0; }
div.middleSec .leftSec ul li ul li a { display:block; border:0; padding:3px 0 3px 25px; background:url(../images/sub-nav-arrow.gif) no-repeat 10px 9px; color:#797979; }
div.middleSec .leftSec ul li ul li a:hover, div.middleSec .leftSec ul li ul li a.active  { text-decoration:underline; background:url(../images/sub-nav-arrow.gif) no-repeat 13px 9px; }
/*--sub menu--*/

div.middleSec .midSec { width:507px; float:left; padding:0 15px;  }
div.middleSec .flex { width:850px; }
div.middleSec .midSec h2 { padding:0 0 10px 0 ;  }
div.middleSec .midSec p { padding:0 0 12px 0; }
div.middleSec .midSec p span { font-weight:bold; color:#0059AA; }

div.middleSec .rightSec { width:167px; float:left; padding:0;  }
div.middleSec .rightSec h2 { color:#989898; border-bottom:#BEBEBE solid 1px; padding:0 0 14px 0;  }
div.middleSec .rightSec h2 a{ margin:0 0 0 8px; text-decoration:none; }
div.middleSec .rightSec h2 a:hover {  }
div.middleSec .rightSec p span.date { color:#0054A6; font-weight:bold; display:block;  }
div.middleSec .rightSec p span.newsHead { display:block; }
div.middleSec .rightSec p { border-bottom:#919191 dashed 1px; margin:0 0 10px 0; }
div.middleSec .rightSec p.noBor { border-bottom:none; }

a.topArrow { background:url(../images/top-iconbg.gif) no-repeat 0 0; width:47px; height:25px; display:block; color:#FFF; text-decoration:none; text-align:center; line-height:28px; font-weight:bold; margin:0 20px 0 0; float:right;  }
/*---inner pages---*/

div.middleSec p.testimonials-text{
	background:url(../images/aboutus-ulbg.jpg) repeat-x 0 0;
	padding:15px;
	border: dashed 1px #e9e9e9;
	margin-bottom:15px;
	}
	
div.middleSec ul.list{
	padding:0 0 8px 15px;
	}	
	
div.middleSec ul.list li{
	background:url(../images/ul-arrow2.gif) no-repeat 0 4px;
	padding:0 0 10px 15px;
	}
	
div.middleSec ul.listsub{
	padding:0 0 8px 15px;
	}	
	
div.middleSec ul.listsub li{
	background:url(../images/ul-arrow.gif) no-repeat 0 4px;
	padding:0 0 10px 15px;
	}
	
div.middleSec img.exp{
	display:block;
	margin:0 auto;
	}	
	
div.middleSec ul.careerlist{
	width:230px;
	float:left;
	padding:0 0 0 20px;
	}
	
div.middleSec ul.careerlist li{
	padding-bottom:10px;
	}
	
p.contactText{
	position:relative;
	}
	
p.contactText img{
	position:absolute;
	right:40px;
	top:50px;
	}	
	
	
/*---header images---*/
#header .infodesk { background:url(../images/header-infodesk.jpg) no-repeat 0 0; width:901px; height:218px; display:block;  margin:0 auto; text-indent:-2000px; }
#header .partners { background:url(../images/header-partners.jpg) no-repeat 0 0; width:901px; height:218px; display:block;  margin:0 auto; text-indent:-2000px; }

/*---sitemap---*/
div.middleSec ul.sitemap { padding:0; margin:0; }
div.middleSec ul.sitemap li { padding:0; margin:0; }
div.middleSec ul.sitemap li  a { text-decoration:none; background:url(../images/ul-arrow.gif) no-repeat 0 50%; padding:0 0 0 15px; line-height:25px; font-weight:bold; text-transform:uppercase;}
div.middleSec ul.sitemap li  a:hover { text-decoration:underline; background:url(../images/ul-arrow.gif) no-repeat 4px 50%;}

div.middleSec ul.sitemap li ul { padding:0 0 10px 20px; }
div.middleSec ul.sitemap li ul li a { font-weight:normal; text-transform:capitalize; }
div.middleSec ul.sitemap li ul li ul li a { color:#666; background:url(../images/sub-nav-arrow.gif) no-repeat 0 50%; }
div.middleSec ul.sitemap li ul li ul li a:hover { background:url(../images/sub-nav-arrow.gif) no-repeat 4px 50%;  }


/*======= added on 07-10 ======*/

.sitemapLft{
	float:left;
	width:405px;
	padding:0 20px 0 0;
	}
	
.sitemapMid{
	float:right;
	width:405px;
	padding:0 0 0 20px;
	}
	
.mapLft{
	width:283px;
	float:left;
	}
	
.mapMid{
	width:284px;
	float:left;
	}
	
.mapRt{
	width:283px;
	float:right;
	}

	
/* Edited by Dipak on 3/11/09 */
.hitRate { background:url(../images/visitor.gif) no-repeat 0 0; float:left; padding-left:76px; height:18px; margin:8px 0 0 8px; color:#585858; }
.hitRate span { float:left; display:block; font-size:11px; font-weight:bold; letter-spacing:2px; padding:2px 0 0 1px; line-height:12px; }