html > body *{outline:none;}
* { margin: 0; padding: 0; }
html { font-size: 100%; }
img{ border: none; }
acronym {cursor: help;}
a:link, a:visited {cursor:pointer;}

input.text, textarea { 
	padding: 3px 2px; 
}

.submit {
	font-size: 110%;
	padding: 1px 4px;
	cursor:pointer; 
	}
#ie6 .submit {padding: 0;}
h1,h2,h3,h4,h5,h6,p,tr,td,th,table,div,form{margin: 0; padding: 0;}
/* =============== General CSS ================ */
body{margin:0; padding:0; background:#0457CA; font:11px/16px tahoma, Arial, sans-serif;}
#wraper{margin:12px auto; width:962px; }
.header{width:930px; float:left; padding:20px 16px; background:#FFFFFF; height:46px}
#page{width:946px; float:left; padding:8px; background:#042E5E;}
.flt{float:left;}
.frt{float:right;}
.clear{clear:both; height:1px; overflow:hidden;}
a{
	color:#0457CA;
	text-decoration:none;
	/*background: url(../images/dot.gif) repeat-x right bottom;*/
}
a:hover{
	color:#0457CA;
	text-decoration:none;
	background:none;
}
/* =============== menu CSS ================ */
.menu{
	background:#042E5E;
	width:962px; 
	float:left;
	border-bottom:1px solid #ffffff;
}
.menu ul{
	margin:0;
	padding:0;
	list-style:none;
	width:946px; 
	float:left;
}
.menu ul li{
	margin:0;
	padding:0 1px 0 0;
	float:left;
	background: url(../images/menu-devider.gif) no-repeat right center;
}
.menu ul li a, .menu ul li a:link, .menu ul li a:visited{
	color:#ffffff;
	text-decoration:none;
	font:bold 12px/28px Arial, tahoma, sans-serif;
	padding:0 15px;
	dispaly:block;
	float:left;
	background:none;
}
.menu ul li a:hover{
	color:#ffffff;
	text-decoration:none;
	background:#285281;
}
/* ===============End menu CSS ================ */
/* =============== left CSS ================ */
.left{
	float:left;
	width:651px;
}
.box2{
	margin:13px 0 0 0;
	background:#FFFFFF url(../images/bg-box-2-bottom.gif) no-repeat right bottom;
	float:left;
	width:651px;
}
.box2 h2{
	background:url(../images/bg-h2.gif) repeat-x right bottom;
	font:18px/25px Arial, tahoma, sans-serif;
	color:#042E5E;
	padding:0 0 5px 10px;
	margin:0;
}
.box2 h3{
	font:bold 14px/20px Arial, tahoma, sans-serif;
	color:#017DC5;
	padding:5px 0 5px 10px;
}
.box2 .box{
	width:636px;
	float:left;
	padding:0 5px 5px 10px;
}
.box2 .box .rightbox{
	width:330px;
	float:right;
}

.box2 .box .rightbox ul{
	padding:0 0 10px 0;
	margin:0;
	list-style:none;
}
.box2 .box .rightbox ul li{
	background:url(../images/bullet3.gif) no-repeat left 7px;
	margin:0;
	padding:2px 0 2px 12px;
}

.box2 .box .rightbox p{
	font:12px/18px Arial, tahoma, sans-serif;
	padding:0 0 10px 0;
}
.box2 .box .left-icon #pop4{
	background:url(../images/bg-pop2.gif) no-repeat left 0;
	position:absolute;
	width:197px;
	height:80px;
	padding:5px 5px 15px 5px;
	z-index:10;
	top:-60px;
	display:none;
}
.box2 .box .left-icon #pop5{
	background:url(../images/bg-pop2.gif) no-repeat left 0;
	position:absolute;
	width:197px;
	height:80px;
	padding:5px 5px 15px 5px;
	z-index:10;
	top:-60px;
	left:80px;
	display:none;
}
.box2 .box .left-icon #pop6{
	background:url(../images/bg-pop2.gif) no-repeat left 0;
	position:absolute;
	width:197px;
	height:80px;
	padding:5px 5px 15px 5px;
	z-index:10;
	top:-60px;
	left:150px;
	display:none;
}
.box2 .box .left-icon #pop7{
	background:url(../images/bg-pop2.gif) no-repeat left 0;
	position:absolute;
	width:197px;
	height:80px;
	padding:5px 5px 15px 5px;
	z-index:10;
	top:-60px;
	left:200px;
	display:none;
}


.box2 .box .left-icon{
	width:300px;
	float:left;
	padding:30px 0 0 0;
	position:relative;
}
.box2 .box .left-icon ul{
	list-style:none;
	padding:0;
	margin:0;
	clear:both;
}
.box2 .box .left-icon ul li{
	float:left;
	padding:0 5px;
	margin:0;
}
.box5{
	width:355px;
	float:left;
	margin:13px 0 0 0;
	background:#FEFEFE url(../images/box-5bottom.jpg) no-repeat left bottom;
}
.box5 h2{
	background:url(../images/bgh2box5.gif) repeat-x right bottom;
	font:18px/25px Arial, tahoma, sans-serif;
	color:#042E5E;
	padding:0 0 5px 10px;
	margin:0 0 5px 0;
}

.box5 .hovertab{
	padding:0 5px 7px 5px;
	width:345px;
	float:left;
	position:relative;
}
.box5 .hovertab ul{
	margin:0;
	padding:0;
	list-style:none;
	width:345px;
	float:left;
}
.box5 .hovertab ul li{
	padding:0 2px;
	float:left;
	font:bold 11px/16px Arial, tahoma, sans-serif;
}
.box5 .hovertab ul li a{
	background:#ECFFB4;
	border:1px solid #9EB754;
	display:blok;
	float:left;
	padding:2px 3px;
	color:#000000;
}
.box5 .hovertab ul li a:hover, .box5 .hovertab ul li a.active{
	background:#FFFFFF;
	display:blok;
	float:left;
	color:#000000;
}
.box6{
	width:295px;
	float:right;
	right:-5px;
	position:relative;
	margin:13px 0 0 0;
	background:#FEFEFE url(../images/box-6-bottom.gif) no-repeat left bottom;
	padding:0 0 10px 0;
}
.box6 h2{
	background:url(../images/bgh2box5.gif) repeat-x right bottom;
	font:18px/25px Arial, tahoma, sans-serif;
	color:#54760C;
	padding:0 0 5px 2px;
	letter-spacing:-1px;
}
.box6 p{
	padding:10px 10px 0 10px;
	}
	
.box6 ul{
	padding:0 0 10px 10px;
	margin:0;
	list-style:none;
	width:285px;
	float:right;
}
.box6 ul li{
	background:url(../images/bullet4.gif) no-repeat left 7px;
	margin:0;
	padding:2px 0 2px 20px;
	width:265px;
	float:right;
}

#pop3, #pop2, #pop1{
	position:absolute;
	display:none;
	background:#FFFFFF;
	border:1px solid #90C32D;
	z-index:10;
	width:300px;
}
#pop3 div.text, #pop2 div.text, #pop1 div.text{
	padding:10px;
}
.x{
	background:#E0F0C0;
	float:left;
	width:300px;
	padding:0;
	
}
.x img{
	float:right;
	padding:0;
	margin:0;
}
.box7{
	width:351px;
	float:left;
	margin:13px 0 0 0;
	background:#FEFEFE url(../images/box7bg.gif) no-repeat left bottom;
	padding:0 0 10px 0;
	position:relative;
}
.box7 h2{
	background:url(../images/bg-h2.gif) repeat-x right bottom;
	font:18px/25px Arial, tahoma, sans-serif;
	color:#042E5E;
	padding:0 0 7px 10px;
}
.box7 p{
	padding:10px;
}

.box7 ul{
	padding:10px 0 50px 20px;
	margin:0;
	list-style:none;
	width:331px;
	float:left;
}
.box7 ul li{
	background:url(../images/bullet5.gif) no-repeat left 9px;
	margin:0;
	padding:5px 0 5px 20px;
	width:311px;
	float:right;
	font:12px/18px tahoma, Arial,  sans-serif;
}

.box8{
	right:-5px;
	position:relative;
	float:right;
	margin:13px 0 0 0;
}
/* =============== right CSS ================ */
.right{
	float:right;
	width:284px;
}

.right h3{
	font:18px/24px tahoma,Arial, sans-serif;
	color:#ffffff;
}
.right h3 span{
	color:#BCF40B;
}
.right .box1{
	float:left;
	width:282px;
	padding:1px;
	background:#ffffff;
}
.right .box1 ul{
	background:#042E5E;
	float:left;
	width:262px;
	padding:0 10px 5px 10px;
	margin:0;
	list-style:none;
}
.right .box1 ul li{
	background:url(../images/devider-li.gif) repeat-x center bottom;
	float:left;
	width:262px;
	clear:both;
	margin:0;
	padding:0 0 1px 0;
}
.right .box1 ul li.last{
	background:none;
}
.right .box1 ul li a, .right .box1 ul li a:link,.right .box1 ul li a:visited{
	background:url(../images/bullet2.gif) no-repeat left center;
	float:left;
	display:block;
	padding:0 0 0 25px;
	font:11px/18px tahoma,Arial, sans-serif;
	color:#ffffff;
	text-decoration:none;
}
.right .box1 ul li a:hover,.right .box1 ul li a.active:visited,.right .box1 ul li a.active{
	color:#ffffff;
	text-decoration:none;
	background:url(../images/bullet.gif) no-repeat left center;
}
.box-in{
	padding:10px 5px;
	width:272px;
	float:left;
}
.box-in img{
	float:left;
	padding:0 10px 5px 0;
}

.box-in p span{
	display:block;
	float:left;
	padding:15px 10px 0 5px;
}
.box-in p span img{
	padding:0;
}
.right .box3{
	background:#F6FAFF url(../images/bg-box-2.gif) repeat-y left bottom;
	margin:15px 0 0 0;
	width:283px;
	float:left;
	clear:both;
}
.right .box3 h4{
	color:#017DC5;
	font:bold 12px/18px Arial,tahoma, sans-serif;
	padding:0 10px;
}
.right .box3 p{
	padding:0 10px 0 10px;
}
.right .box3 p img{
	padding:10px 10px 0 0;
	float:left;
}
.right .box4{
	padding:15px 0 0 0;
	float:left;
	width:283px;
	float:left;
}
.right .box4 p{
	width:170px;
	float:right;
	color:#ffffff;
}


/* =============== End right CSS ================ */


.footer{
	float:left;
	width:962px; 
	color:#ffffff;
	padding:10px 0;
}
.footer img{
	padding:0 0 0 15px;
}
.footer p{
	width:662px; 
	float:left;
	padding:15px;
}
.copy{
	color:#ffffff;
	background:#042E5E;
	float:left;
	width:952px; 
	clear:both;
	padding:5px;
	margin:5px 0 0 0;
	clear:both;
	
}
.footer a{
	background:none;
}

.copy a{
	color:#ffffff;
	padding:0 15px;
	background:none;
}
.footer .copy a:hover{
	color:#C1DEFF;
}
#box2,#box3,#box4,#box5{
display:none;
}



/* ================================  case study ===================== */

#innerpage{
		width:906px;
		background:#FFFFFF;
		float:left;
		padding:20px;
}

h1{
	background:url(../images/h1bg-1.gif) repeat-x right bottom;
	font:18px/26px Arial, tahoma, sans-serif;
	color:#042E5E;
	padding:0 0 5px 10px;
	margin:0;
}
#innerpage .box1{
	float:left;
	width:275px;
}
#innerpage h5{
	font:bold 13px/18px Arial, Verdana, Tahoma, Arial;
	padding:5px 0 10px 0;
	color:#315d99;
}
#innerpage .go{
	margin:0 5px 15px 5px;
	width:43px;
	height:22px;
	background:url(../images/go.gif) no-repeat left 0;
	border:0;
	cursor:pointer;
}
#innerpage .box2{
	float:right;
	width:225px;
	background:none;
	margin:0 0 0 20px;
	padding:0;
}
#innerpage .box2 input{
		margin:0;
}

.heading{
	background:url(../images/bg-innerh2.gif) no-repeat left top;
	font:21px/26px Arial, tahoma, sans-serif;
	color:#ffffff;
	padding:5px 10px;
	margin:0;
	
	
}

.breadcrumb{
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:#605f5f;
	padding:0  0 15px 0;
	text-align:left;
}
.breadcrumb a,.breadcrumb a:visited{
		color:#115193;
		text-decoration:none;
		background:url(../images/bullet6.gif)  no-repeat right center;
		padding:0 15px 0 0;
}
.breadcrumb a:hover{
		color:#115193;
		text-decoration:none;
		background:url(../images/bullet6.gif)  no-repeat right center;
}
#innerpage h2{
	color:#0457ca;
	padding:15px 0 2px 0;
	font:20px/26px tahoma, Arial,  sans-serif;
	background:url(../images/dot2.gif) repeat-x left bottom;
	float:left;
	clear:both;
	
}
#innerpage h3{
	color:#d09300;
	padding:15px 0 2px 0;
	font:18px/20px Trebuchet MS, tahoma, Arial,  sans-serif;
	background:url(../images/dot2.gif) repeat-x left bottom;
	margin-bottom:20px;
	float:left;
	clear:both;
	width:906px;
	
}
#innerpage .box8{
		background:url(../images/box-8.gif) repeat-y left top;
		width:270px;
		float:left;
		margin:0 30px 0 0;
}
#innerpage .box8 h4{
		font:bold 11px/25px Arial, Helvetica, sans-serif;
		color:#ffffff;
		background:url(../images/bgh4.gif) no-repeat left top;
		padding:0 10px;
		
}
#innerpage .box8 p{
	padding:10px;
		
}
#innerpage .box9{
		width:431px;
		float:left;
		background:url(../images/image11.gif) no-repeat left bottom;
}
#innerpage .box9 p{
		padding:30px 0 100px 230px;
}
#innerpage .box9 h5{
		font:bold 12px/18px Arial, Helvetica, sans-serif;
		color:#315d99;
}
#innerpage .box10{
		background:url(../images/bg-box-10.gif) repeat-y left top;
		width:410px;
		float:left;
		margin:0 15px 0 0;
}
#innerpage .box10 h4{
		font:bold 11px/25px Arial, Helvetica, sans-serif;
		color:#ffffff;
		background:url(../images/bgh4-2.gif) no-repeat left top;
		padding:0 10px;
		
}
#innerpage .box10 .boxin10{
		float:right;
		width:265px;
}

#innerpage .box10 .boxin10 ul{
		margin:0;
		padding:15px 10px;
		list-style:none;
		width:245px;
}
#innerpage .box10 .boxin10 ul li{
	margin:0;
	padding:5px 0 5px 20px;
	background:url(../images/bullet7.gif) no-repeat left 10px;
		
}
#innerpage .box10 p{
	padding:10px;
}
#innerpage h6{
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:#315d99;
	clear:both;
	border-bottom:1px solid #cde1fc;
	margin-bottom:10px;

	
}
#innerpage .ul ul{
		margin:0;
		padding:15px 10px;
		list-style:none;

}
#innerpage .ul ul li{
	margin:0;
	padding:5px 0 5px 20px;
	background:url(../images/bullet7.gif) no-repeat left 10px;
		
}
#innerpage .boxin11{
		float:left;
		width:430px;
}

#innerpage .boxin12{
		float:right;
		width:400px;
}

#innerpage .ul-2{
	float:right;
	width:160px;
}
#innerpage .ul-2 ul{
		margin:0;
		padding:15px 10px 15px 0;
		list-style:none;

}
#innerpage .ul-2 ul li{
	margin:0;
	padding:5px 0 5px 20px;
	background:url(../images/bullet7.gif) no-repeat left 10px;
		
}
.tab tr td {
		padding:5px;
}
.tab tr td b{
		padding:5px;
		color:#FFF;
}

/* ================================  case study vipro ===================== */
.img{
	float:right;
	padding:0 0 0 10px;
	margin:0;
}
.img2{
	float:left;
	padding:0  10px 0 0;
	margin:0;
}
.boxright1{
	width:271px;
	float:right;
	margin:0  0 0 10px;
	background:url(../images/bg-right.gif) repeat-y left;
}

#innerpage .boxright1 h4{
		font:bold 12px/25px Arial, Helvetica, sans-serif;
		color:#ffffff;
		background:url(../images/bgbox-right1.jpg) no-repeat left top;
		padding:0 10px;
		
}

#innerpage .boxright1 ul, #innerpage .boxright2 ul{
		margin:0;
		padding:15px;
		list-style:none;

}
#innerpage .boxright1 ul li, #innerpage .boxright2 ul li{
	margin:0;
	padding:5px 0 5px 20px;
	background:url(../images/tick.gif) no-repeat left 10px;
		
}
#innerpage .boxright2{
	width:394px;
	float:right;
	margin:0  0 0 10px;
	background:url(../images/bg-right-2.gif) repeat-y left;
}
#innerpage .boxright2 h4{
	font:bold 12px/25px Arial, Helvetica, sans-serif;
		color:#ffffff;
		background:url(../images/bg-right2.gif) no-repeat left top;
		padding:0 10px;
}
.red{
	color:red;
	padding:0 10px;
}
.climatezone{
	width:570px;
	float:left;
	padding:15px 0;
}

.climatezone ul{
	width:570px;
	float:left;
	list-style:none;
}

.climatezone ul li{
	float:left;
	padding:0 2px;
}
.climatezone ul li a{
	background:#FBFFF0;
	border: 1px solid #6C8A00;
	float:left;
	display:block;
	margin:0 2px;
	padding:0 5px;
	color:#7A9A03;
	font:bold 11px/18px tahoma,Arial, sans-serif;
	
}

.climatezone ul li a:hover{
	background:#D3F4FF;
	color:#00638C;
	border:1px solid #00638C;
}
/* by raman*/
.climatezonenew{
	width:900px;
	float:left;
	padding:15px 0;
}

.climatezonenew ul{
	width:900px;
	float:left;
	list-style:none;
}

.climatezonenew ul li{
	float:left;
	padding:0 10px;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	background:#ECFFB4;
	color:#587600;
}
.climatezonenew ul li a{
	padding:0 10px;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	background:#ECFFB4;
	color:#587600;
}

.climatezonenew ul li a:hover{
	background:#D3F4FF;
	color:#00638C;
	border:1px solid #00638C;
}


/* by sudhir*/
.bord{border:1px solid #cccccc;}

#innerpage .box9i{
		width:431px;
		float:left;
		background:url(../images/image11i.gif) no-repeat left bottom;
}
#innerpage .box9i p{
		padding:20px 0 100px 230px;
}
#innerpage .box9i h5{
		font:bold 12px/18px Arial, Helvetica, sans-serif;
		color:#315d99;
}
.body_wrapper{width:750px;}
.img_spacer{float:right; margin:5px;}

/* =================== sanjit =====================*/



#Layer1, #Layer2, #Layer3, #Layer4, #Layer5{
	float:left;
	width:540px;
}

#Layer1 h3, #Layer2 h3, #Layer3 h3, #Layer4 h3, #Layer5 h3{
	float:left;
	width:540px;
}

#box12{
	float:left;
	width:538px;
	padding:1px;
	background:#ffffff;
	padding:20px 0 0 0;
}
#box12 ul{
	float:left;
	width:518px;
	padding:0 10px 5px 10px;
	margin:0;
	list-style:none;
}
#box12 ul li{
	float:left;
	width:518px;
	clear:both;
	margin:5px 0;
	padding:0 0 1px 0;
	position:relative;
}
#box12 ul li.last{
	background:none;
}
#box12 ul li a{
	background:url(../images/bg-left-climate.gif) no-repeat left center;
	float:left;
	display:block;
	padding:0;
	font:11px/22px tahoma,Arial, sans-serif;
	color:#000000;
	text-decoration:none;
}

#box12 ul li a b{
	background:url(../images/bg-right-climate.gif) no-repeat right center;
	float:left;
	display:block;
	padding:0 20px 0 5px;
	color:#000000;
	text-decoration:none;
}
#box12 ul li a:hover{
	color:#6C8900;
	text-decoration:none;
	background:url(../images/bg-left-climate.gif) no-repeat left center;
}
#box12 ul li a:hover b, .box12 ul li a.active:hover b{
	color:#6C8900;
	text-decoration:none;
	background:url(../images/bg-right-climate-active.gif) no-repeat right center;
}

#box12 ul li ul{
	left:90px;
	top:1px;
	width:350px;
	list-style:none;
	position:absolute;
}

#box12 ul li ul li{
	float:left;
	clear:none;
	padding:0;
	margin:0;
}

#box12 ul li ul li a{
	background:#FBFFF0;
	border: 1px solid #6C8A00;
	float:left;
	display:block;
	margin:0 2px;
	padding:0 5px;
	color:#7A9A03;
	font:bold 11px/18px tahoma,Arial, sans-serif;
}
#box12 ul li ul li a:hover{
	background:#83A011;
	border: 1px solid #6C8A00;
	color:#FFFFFF;
}
/* new */


#box12 ul li a.unlink{
	background:url(../images/bg-left-climate-unlink.jpg) no-repeat left center;
	float:left;
	display:block;
	padding:0;
	font:11px/22px tahoma,Arial, sans-serif;
	color:#000000;
	text-decoration:none;
}

#box12 ul li a.unlink b{
	background:url(../images/bg-right-climate-unlink.gif) no-repeat right center;
	float:left;
	display:block;
	padding:0 20px 0 5px;
	color:#000000;
	text-decoration:none;
}
#box12 ul li a.unlink:hover{
	color:#000000;
	text-decoration:none;
	background:url(../images/bg-left-climate-unlink.jpg) no-repeat left center;
}
#box12 ul li a.unlink:hover b{
	color:#000000;
	text-decoration:none;
	background:url(../images/bg-right-climate-unlink.gif) no-repeat right center;
}
#innerpage h5{
	color:#0457ca;
	padding:15px 0 10px 0;
	font:15px tahoma, Arial,  sans-serif;
	/*background:url(../images/dot2.gif) repeat-x left bottom;*/
	float:left;
	clear:both;
	font-weight:bold;
}
/* added here 19-04-10--------------------------------------------------------------*/
.cell_vio{background:#800080;color:#fff;}
.cell_green{background:#339966;color:#fff;}
.itc_img{float:right;}

#innerpage .box11{
		background:url(../images/bg-box-11.gif) repeat-y left top;
		width:379px;
		float:left;
		margin:0 15px 0 0;
}
#innerpage .box11 h4{
		font:bold 11px/25px Arial, Helvetica, sans-serif;
		color:#ffffff;
		background:url(../images/bgh5-2.gif) no-repeat left top;
		padding:0 10px;
		
}
#innerpage .box11 .boxin11{
		float:right;
		width:265px;
}

#innerpage .box11 .boxin11 ul{
		margin:0;
		padding:15px 10px;
		list-style:none;
		width:245px;
}
#innerpage .box11 .boxin10 ul li{
	margin:0;
	padding:5px 0 5px 20px;
	background:url(../images/bullet7.gif) no-repeat left 10px;
		
}
#innerpage .box11 p{
	padding:10px;
}

/*---------------------------- added 16-July-2010 -------------------------*/
#innerpage .ul-4{
	float:right;
	width:290px;
}
#innerpage .ul-4 ul{
		margin:0;
		padding:15px 10px 15px 0;
		list-style:none;

}
#innerpage .ul-4 ul li{
	margin:0;
	padding:5px 0 5px 20px;
	background:url(../images/bullet7.gif) no-repeat left 10px;
		}

#innerpage .ul-5{
	float:left;
	width:330px;
}
#innerpage .ul-5 ul{
		margin:0;
		padding:15px 10px 15px 0;
		list-style:none;

}
#innerpage .ul-5 ul li{
	margin:0;
	padding:5px 0 5px 20px;
	background:url(../images/bullet7.gif) no-repeat left 10px;
		}
#innerpage .ul-6 ul{
		margin:0;
		padding:0px 10px;
		list-style:none;

}
#innerpage .ul-6 ul li{
	margin:0;
	padding:5px 0 5px 20px;
	background:url(../images/bullet7.gif) no-repeat left 10px;line-height:12px;
		
}
/*------------------- added 15-10-10 ---------------------- */

#innerpage .box9n{
		width:431px;
		float:left;
		/* background:url(../images/image11.gif) no-repeat left bottom; */
}
#innerpage .box9n p{
		padding:30px 0 100px 230px;
}
#innerpage .box9n h5{
		font:bold 12px/18px Arial, Helvetica, sans-serif;
		color:#315d99;
}