/* CSS Document */

body{
margin:0px;
padding:0px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#333333;
background:url(images/back.gif) repeat-y top center #4aa8b6;

}

h1,h2,h3,h4,form,ul,div,p{
margin:0px;
list-style:none;
padding:0px;
}

#mWrapper{
width:1000px;
text-align:left;
background:url(images/index_79.jpg) repeat-y left top;
margin:0px auto;

}

#Wrapper{
width:982px;
margin:0px auto;
}

#head{
width:100%;
height:100px;
background:url(images/index_02.jpg) repeat-x top left;
}

#topLink{
width:250px;
height:33px;
float:right;
background:url(images/index_06.jpg) repeat-x left top;
}

#topLink h1{
width:32px;
float:left;
}

#topLink ul{
width:218px;
float:left;
height:33px;
background:url(images/index_08.jpg) no-repeat right top;
}

#topLink ul li{
float:left;
list-style:none;
padding:8px 5px 8px 5px;
}

#topLink ul li a{
color:#333333;
height:20px;
text-decoration:none;
}

#topLink ul li a:hover{
color:#17a3c5;
}

#logo{
float:left;
width:261px;
}

#nav{
height:40px;
width:100%;
background:url(images/index_20.jpg) repeat-x left top;

}
#nav h1{
float:left;
}
width:9px;

#nav ul{
float:left;
width:973px;
background:url(images/index_24.jpg) no-repeat right top;
}

#nav ul li{
float:left;
list-style:none;
height:20px;
padding:12px 25px 8px 25px;
background:url(images/index_27.jpg) right top no-repeat;
}

#nav ul li a{

color:#828282;
text-decoration:none;
font-size:14px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#nav ul li a:hover{
color:#17a3c5;
}

#banner{
width:699px;
float:left;
height:310px;
background:url(images/bannerback.jpg) repeat-x top left;
margin-top:7px;
overflow:hidden;
}


/*#bannerInt{
width:692px;
height:310px;
margin:0px;
}
*/

#banner h2{
width:100%;
padding:12px 0px 0px 6px;;
float:left;
}


#bannerTxt1{
width:699px;
overflow:hidden;
height:310px;
}

#bannerTxt1 ul{
width:278px;
margin:21px 0px 0px 13px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
float:left;
}

#bannerTxt1 ul li{
list-style:none;
display:block;
line-height:26px;
border-bottom:1px solid #343535;
color:#CCCCCC;
}

#bannerTxt1 ul li span{
font-size:18px;
font-weight:bold;
color:#d3d5d5;
margin-left:15px;
text-transform:uppercase;
}

#bannerTxt1 ul li span a{
color:#d3d5d5;
text-decoration:none;
}

#bannerTxt1 ul li span a:hover{
color:#FFFFFF;
text-decoration:underline;	
}

#bannerTxt1 ul li span.orangeColor{
color:#fc822d;
}


#bannerTxt1 ul li span.space{
margin-left:19px;
}
#bannerTxt1 ul li span.font{
font-size:11px;
text-transform:none;
line-height:12px;
font-weight:normal;
}



#bannerTxt1 img{
float:left;
margin-left:5px;
}

#bannerTxt2{
float:right;
width:395px;
height:232px;
background:#999999;
}

#bannerRight{
width:273px;
height:310px;
margin-top:7px;
background:url(images/shubh_03.jpg) left top repeat-x;
float:right;

}

#bannerRight h1{
margin:8px 8px 25px 13px;
}

#bannerRight h2{
height:188px;
margin:0px 0px 0px 13px;
}

#bannerRight h2 p{
margin-top:8px;
color:#a5a5a5;
}

#bannerRight h3{
margin:0px 0px 0px 13px;
}

#flashBanner{
float:left;
width:978px;
height:109px;
text-align:center;
padding-top:20px;
}

#containerleftTxt{
width:699px;
float:left;
margin: 22px 0px 0px 12px;
}

#containerrightTxt{
width:250px;
float:left;
background:#f7f7f7;
margin: 22px 0px 0px 16px;

}

#containerrightTxt ul{
}

#containerrightTxt ul li{
list-style:none;
display:block;
width:242px;
height:69px;
background:url(images/rightcourse_07.jpg) no-repeat left top;
}

#containerrightTxt ul li a{
color:#4d4d4d;
text-decoration:none;
}

#containerrightTxt ul li:hover{
color:#4d4d4d;
background:url(courseHover_07.jpg) no-repeat left top #f7f7f7;;
}


#ServiceRightbar{
width:250px;
float:left;
background:#f7f7f7;
margin: 65px 0px 0px 16px;

}

#ServiceRightbar ul{
}

#ServiceRightbar ul li{
list-style:none;
display:block;
background:url(images/rightcourse_07.jpg) no-repeat left top;
}

#ServiceRightbar ul li a{
text-decoration:none;
}

#ServiceRightbar ul li a{
color:#4d4d4d;
display:block;
padding:4px 8px 4px 24px;
text-decoration:none;
font-size:12px;
font-weight:bold;
background:url(images/bullet.gif) no-repeat 8px 11px;
border-bottom:solid 1px #e4e4e4;
}

#ServiceRightbar ul li a:hover{
color:#424343;
background:url(images/bullet.gif) no-repeat 12px 11px #eeeeee;
}

#containerrightTxt ul li img{
float:left;
margin:0px 4px;
border:none;
}
#containerrightTxt ul li p{
padding:20px 0px 0px 80px;
margin-left:0px;
font-size:12px;
font-weight:bold;
color:#4d4d4d;
}

#containerrightTxt ul li p span{
font-size:11px;
font-weight:normal;
color:#777676;
}

#containerrightTxt #specialisation{
width:242px;
margin:0px auto;

}

#containerrightTxt #specialisation ul{
width:237px;
height:70px;
background:url(images/index_129.jpg) no-repeat left top;
margin-bottom:8px;
text-align:left;
}

#containerrightTxt #specialisation ul li{
list-style:none;
height:10px;
background:url(images/bullet.gif) no-repeat 10px 14px;
padding:8px 4px 4px 20px;
margin:0px;
}

#containerrightTxt #specialisation ul li a{
color:#4d4d4d;
font-weight:bold;
text-decoration:none;
}

#specialisation img{
margin-bottom:16px;
}

#txt1{
width:673px;;
padding:13px;
background:#f9f9f9;
border:solid 1px #e8e8e8;
text-align:left;

}


#Home #txt1 img{
margin:30px;

}

#containtTxt{
padding:10px 20px;

}

#containtTxt h1{
width:100%;
margin:8px 0px;
font-size:16px;
}

#containtTxt h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4AA8B6;
	line-height:20px;
	font-size:14px;
	font-weight:bold;
}

#containtTxt p{
width:100%;
padding:4px;
}

#headTxt{
width:685px;
font-family:aldo;
font-weight:bold;
padding:8px 8px 8px 30px;
font-size:24px;
background:url(images/bulletHead.gif) no-repeat 8px 14px ;
margin-bottom:10px;
}
#txt2{
width:100%;
margin:20px 0px 0px 0px;
}

div.box1{
width:199px;
height:230px;
background:url(images/index_103.jpg) no-repeat left top;
float:left;
margin-right:15px;
}

div.box1 img{
width:75px;
height:75px;
margin:12px;
border:solid 1px #CCCCCC;
}

div.box1 h1{
font-size:14px;
font-weight:bold;
margin:0px 0px 4px 8px;
color:#1e91cf;
}

div.box1 p{
margin:0px 0px 4px 8px;
font-size:12px;
}

div.box1 span{
margin:8px 8px 4px 0px;
float:right;
color:#2b94d0;
}

#box3{
width:673px;
float:left;
}
#box3 p{
font-size:28px;
color:#424343;
font-weight:bold;
margin:13px 0px 13px 20px;
}
#box3 ul{
margin:10px 0px 10px 20px;
}

#box3 ul li{
list-style:none;
width:310px;
float:left;
margin-left:10px;
}

#box3 ul li p{
	font-size:11px;
	font-weight:normal;
	padding:0px;
	margin:5px;
}

#box3 ul li a{
color:#17a3c5;
display:block;
padding:4px 8px 4px 16px;
text-decoration:none;
font-size:12px;
font-weight:bold;
background:url(images/bullet.gif) no-repeat left 11px;
border-bottom:solid 1px #e4e4e4;
}

#box3 ul li a:hover{
background:url(images/bullet.gif) no-repeat 4px 11px #eeeeee;
}

#reachUs{
width:701px;
float:left;
margin-top:25px;
font-size:12px;
font-weight:bold;
}

#reachUs h1{
width:100%;
float:left;
}

#reachUs p{
width:661px;
float:left;
background:#f7f7f7;
padding:20px;
}

#testimonials{
width:100%;
float:left;
height:200px;
}


#testimonials ul li{
float:left;
width:190px;
height:192px;
background:url(images/index_150.jpg) no-repeat left top;
margin-right:4px;
list-style:none;
text-align:center;
padding-top:20px;
}

#footer{
width:100%;
height:98px;
background:url(images/index_156.jpg) repeat-x left top;
clear:both;
}


#footer h2{
float:left;
color:#767373;
font-size:11px;
margin:20px 0px 0px 16px;
}
#footerNav{
height:35px;
overflow:hidden;
background:url(images/footer_157.jpg) no-repeat right top;
font-size:12px;
}

#footerNav ul{	
height:128px;
float:right;
padding-top:20px;
}

#footerNav ul li{
list-style:none;
float:left;
}

#footerNav ul li a{	
color:#767373;
height:11px;
padding:8px 15px 8px 15px;
background:url(images/footerBorder_159.jpg) no-repeat right 12px;
text-decoration:none;
}


#footerNav ul li a:hover{
background:url(images/footerBorder_159.jpg) no-repeat right 12px;
color:#17a3c5;
}


/* Services */

#serviceType{
width:90%;
height:200px;
margin:20px auto;
border: solid 1px #c0c0c0;
padding:20px;
}

#Services #serviceType ul{
float:left;
}

#serviceType ul{
width:200px;
/*float:left;*/
margin:10px 20px;
}

#serviceType ul li{
list-style:none;
display:block;
background:url(images/rightcourse_07.jpg) no-repeat left top;
padding:4px 8px 4px 24px;
font-size:12px;
font-weight:bold;
background:url(images/bullet.gif) no-repeat 8px 11px;
border-bottom:solid 1px #e4e4e4;
display:block;
}


#serviceType ul li a{
color:#4d4d4d;

text-decoration:none;
}

#serviceType ul li:hover{
color:#424343;
background:url(images/bullet.gif) no-repeat 12px 11px #eeeeee;
}

/* Clients */

#Clients #serviceType{
width:90%;
margin:20px auto;
border: solid 1px #c0c0c0;
padding:20px;
height:auto;
}

#Clients #serviceType ul{
width:100%;
margin:10px 10px;

}

#Clients #serviceType ul li{
padding:8px 8px 4px 24px;
font-weight:normal;
margin-bottom:20px;
background:url(images/bullet1.gif) no-repeat 12px 18px;

}

#Clients #serviceType ul li p{
color:#004080;
}

/* ContactUs */

#ContactUs #serviceType{
width:40%;
margin:0px;
padding:0px;
height:auto;
border:none;
float:left;


}

#ContactUs #serviceType ul{
width:100%;
margin:0px;
}

#ContactUs #serviceType ul li{
padding:8px 8px 4px 4px;
font-weight:normal;
margin-bottom:20px;
list-style:none;
background:none;

}

#ContactUs #serviceType ul li p{
color:#004080;
}

/* Enquiry */
#enquiry	{
float:right;
width:50%;
border: dashed 1px #c0c0c0;
padding:8px;	
}

#enquiry ul{
width:100%;
}

#enquiry ul li{
list-style:none;
text-align:left;
padding:8px 8px 4px 4px;
}

#enquiry label{
font-weight: bold;
float: left;
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

}

#enquiry span{
float:right;
margin:10px 35px;
}

#enquiry h1{
margin-left:70px;
}

input{
border:1px #c0c0c0 dashed;
}

textarea {
border:1px #c0c0c0 dashed;
}

#counter{
float:left;
}

#WebExpertise{
	width:970px;
	border-bottom:#26608E 1px solid;
	padding:5px;
	}
	
#WebExpertise h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#26608E;
	padding:20px;
	}

#news ul li{
	border-bottom:1px #3C8893 solid;
	padding:10px;
	clear:both;
	padding-bottom:25px;
	}

#news ul li h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#3C8893;
	padding:5px 0px 15px 05px;
	}

#readmore{
	font-family:aldo;
	color:#006600;
	float:right;
	padding-left:20px;
	font-size:14px;
	background:url(images/prout.png) no-repeat left 3px;
	}

#expertise h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#3C8893;
	line-height:22px;
	padding:5px 50px 15px 50px;
}

#expertise h3{
font-weight:bold;
font-size:14px;
color:#FF6600;
padding:5px;
	}
	

#solution ul li{
	width:225px;
	text-align:center;
	padding-top:10px;
	float:left;
	margin-left:50px;
	background:#FFFFFF;
	border:1px solid #999999;
	height:30px;
	color:#176C13;
	}

#solutionBanner{
	width:600px;
	height:300px;
	padding:5px;
	border:1px solid #333333;
	clear:both;
	margin:25px 0px 10px 25px;
	position:static;
	}
	
#feedback{
	margin:0px 0px 0px -45px;
	}

#map{
	width:355px;
	height:231px;
	overflow:hidden;
	margin:-25px -10px 0px 0px;
	border:1px double #000000;
	float:right;
	}

#portfolioIcons ul{
	width:600px;
	}

#portfolioIcons ul li{
	float:left;
	padding:15px;
	}
	
#txtWrapper{
	clear:both;
	padding-top:10px;
}
/*
	@font-face {  
	  font-family:Activa;  
	  src: url( /images/Activa.ttf ) format("truetype");   
	  src: local("Activa"), url( /images/Activa.ttf ) format("truetype");
	} */  
	 
	/* Then use it like you would any other font */  
	/* .Activa { font-family:Activa, verdana, helvetica, sans-serif;
	font-size:36px;
	}  */
	


/* DropDown */

.menu_head{border:1px solid #998675;}

.menu_body {display:none; position:absolute;  width:184px;border-right:1px solid #998675;border-bottom:1px solid #998675;border-left:1px solid #998675;}
.menu_body li{background:#493e3b;}
.menu_body li.alt{background:#362f2d;}
.menu_body li a{color:#FFFFFF; text-decoration:none; padding:10px; display:block;}
.menu_body li a:hover{padding:15px 10px; font-weight:bold;}


/* dropdownEnds */


#website{

}

#website h1{
border-bottom:dashed 1px #999999;
margin-left:20px;
margin-top:10px;
padding-bottom:10px;
clear:both;
}

#website div{
width:200px;
float:left;
background:#eee;
margin:10px;
padding:10px;
border: dashed 1px #ccc;
}

#website div img{
width:200px;
height:200px;
}
#portfolio p{ text-align:center;
}

#portfolio p a{ text-decoration:none;
color:#000000;}