@import url("DropDown.css");
@import url("InnerDropDown.css");

/* UNIVERSAL CSS STARTS */
html, body {margin: 0px;padding: 0px;font-family: Arial;background: url(../images/Shadow.gif) 50% top repeat-y #FFFFFF;height: 100%}
#wrapper {  margin: 0 auto;width: 950px;}
#header {color: #333;width: 949px;float: left;padding: 10px;border: 1px solid #ccc;height: 100px;margin: 10px 0px 0px 0px;}
#navigation {float: left;width: 949px;color: #333;padding: 10px;border: 1px solid #ccc;margin: 0px 0px 0px 0px;background: #BD9C8C;}
#leftcolumn { color: #333;border: 1px solid #ccc;margin: 0px 0px 0px 0px;padding: 10px;height: 350px;width: 678px;float: left;background: #F2F2E6;}
#rightcolumn { float: right;color: #333;border: 1px solid #ccc;margin: 0px 0px 0px 0px;padding: 10px;height: 350px;width: 200px;display: inline;background: #E7DBD5;}
#footer {width: 949px;clear: both;color: #333;margin: 0px 0px 10px 0px;padding: 10px;}
#page950{margin:0 auto;  width:950px; }

#page960{margin:0 auto; width:960px;}
.importantNotice{text-align:center;width:100%;background-color:#FFFFE1;border-bottom:1px solid #ACA899;}
.importantNotice a:link{text-decoration:underline;}

.colRL{float:left;overflow:hidden;}
.colR,.colRR{float:right;overflow:hidden;position:relative;}
#page960.frameA {position:relative;}
#page960.frameA .colL{width:180px;position:absolute; z-index:8;top:123px;left:0;}
#page960.frameA .colR{width:100%;margin-left:-193px;}
#page960.frameA .colR .colRmargin{margin-left:193px;margin-bottom:10px;}
#page960.frameA .colRL{width:100%;margin-right:-303px;}
#page960.frameA .colRL .colRLmargin{margin-right:302px;} 
#page960.frameA .colRR{width:289px;}

#footers{clear: both;padding:20px 0 10px 0;text-align:center;border-top:1px solid #ccc; margin-top:30px;font:0.85em/14px verdana;}

h1, p, form, input, label, dl, dt, dd, ul, li, h2  {margin: 0px;padding: 0px;list-style: none;}
img {border: none}
.clear {clear: both;}
a {text-decoration: none;}
a.link {color: #333333;font-weight: bold;}
a.link1 {color: #333333;}
.Shadow {background: url(../images/Shadow.gif) repeat-y;}
/* UNIVERSAL CSS ENDS */



/* HEADER CSS STARTS */
#TopWrap{width: 950px;height: 120px;}
#Logo {float: left;width: 300px;height: 120px;}
h1.Logo {width: 300px;height: 120px;padding: 0px;margin: 0px;text-indent: -10000px;background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;background-position: 50% 50%;}
h1.Logo a {width: 300px;height: 120px;display: block;}


#RightTopWrap {
	WIDTH: 450px; FLOAT: right; HEIGHT: 115px
}
#UniversalNavWrap {
	TEXT-ALIGN: right; WIDTH: 450px;  FLOAT: right; HEIGHT: 30px;/*BACKGROUND: url(../images/UniversalNav.gif) #ffffff no-repeat right top;*/
}
#UniversalNav{
	WIDTH: 265px; FLOAT: right; HEIGHT: 30px; FONT-SIZE: 11px; font-weight:bold; font: Arial, Helvetica, sans-serif; 
}
#UniversalNav A {
	LINE-HEIGHT: 22px; PADDING-LEFT: 32px; PADDING-RIGHT: 8px; DISPLAY: block; FLOAT: left; COLOR: #666666; TEXT-DECORATION: none
}
A#home {
	BACKGROUND: url(../images/home.jpg) no-repeat left top
}
A#contactus {
	BACKGROUND: url(../images/contact.jpg) no-repeat left top
}
A#sitemap {
	BACKGROUND: url(../images/sitemap_icon.jpg) no-repeat left top
}
#Numbers {
	WIDTH: 445px; BACKGROUND: #ffffff; FLOAT: right; HEIGHT: 70px; PADDING-TOP: 15px
}
#Numbers {
	WIDTH: 445px; BACKGROUND: #ffffff; FLOAT: right; HEIGHT: 70px; PADDING-TOP: 15px
}
#Numbers DIV {
	TEXT-ALIGN: right; FLOAT: left; COLOR: #333333; FONT-SIZE: 11px; PADDING-TOP: 30px
}
#Skype {
	WIDTH: 95px; PADDING-RIGHT: 10px; BACKGROUND: url(../images/Skype.gif) no-repeat 75px 0%; MARGIN-RIGHT: 10px; BORDER-RIGHT: #cccccc 1px solid
}
#World {
	WIDTH: 95px; PADDING-RIGHT: 10px; BACKGROUND: url(../images/World.gif) no-repeat 80px 0%; MARGIN-RIGHT: 10px; BORDER-RIGHT: #cccccc 1px solid
}
#Uk {
	WIDTH: 100px; PADDING-RIGHT: 10px; BACKGROUND: url(../images/UK.gif) no-repeat 80px 0%; MARGIN-RIGHT: 10px; BORDER-RIGHT: #cccccc 1px solid
}
#US {
	WIDTH: 84px; BACKGROUND: url(../images/us-flag.gif) no-repeat right 0%
}
#India {
	BACKGROUND: url(../images/India.gif) no-repeat right 0%
}
/* HEADER CSS  */

.topblue{
	color:#209A9B;
	font-weight:bold;}
	
.topblue2{
	color:#666666;
	font-weight:normal;}
	
.topblue2 a{
	color:#666666;
	font-weight:normal;}
	
.topblue2 a:hover{
	color:#209A9B;
	font-weight:normal;
	text-decoration:none;}
	
#callus {
	border-right: 1px solid #cccccc;
	padding-right: 10px;
	text-align:right;
	background: url(../images/callus.gif) no-repeat  60px 0%;
	width: 90px;
	margin-right: 10px;
}

#quick {
	background: url(../images/quick.gif) no-repeat right 0%;
}

#quick a {
text-decoration:none;
color:#666666;

}

#quick a:hover {
text-decoration:underline;
color:#209A9B;

}

/* HEADER CSS ENDS */
/*                                      hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh*/
/* BODY CSS STARTS */
#Services {
	height: 563px;
	width: 699px;
	border:  #a8a8a8 1px solid;
}
#Services h1 {
	color: #209A9B;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
}
#Services p {
	color: #666666;
	font-size: 12px;
	line-height: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#Services div a {
	text-decoration: none;
	display: block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#Services div {
	float: left;
	padding: 15px 10px 0px 5px;
	overflow: hidden;
	margin-bottom: 15px;
}
#WD {
	width: 332px;
	height: 157px;
	float:left;
}
#SEO {
	width: 332px;
	height: 157px;
	float:left;
	
}
#WAD {
	width: 332px;
	height: 154px;
	float:left;
}
#IM {
	width: 332px;
	height: 154px;
	float:left;
}
#WMS {
	width: 332px;
	height: 152px;
	float:left;
}
#WH {
	width: 332px;
	height: 152px;
	float:left;
}

.SectionHead {
	font-size: 12px;
	line-height: 34px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/RightHead.gif) no-repeat left top;
	float: left;
	height: 34px;
	width: 230px;
	padding-left: 11px;
}
.SectionMid {
	background: url(../images/RightMid.gif) repeat-y left top;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	width: 201px;
	padding: 10px 20px 0px;
	float: left;
}
.SectionMidInner {
	background: url(../images/RightMid.gif) repeat-y left top;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	width: 239px;
	padding: 10px 0px;
	padding-left: 2px;
	float: left;
}
.SectionBtm {
	background: url(../images/RightBtm.gif) no-repeat left top;
	float: left;
	height: 23px;
	width: 241px;
}

.SectionBtm1 {
	background: url(../images/RightBtm1.gif) no-repeat left top;
	float: left;
	height: 17px;
	width: 241px;
}
a.more {
	background: url(../images/BtnBg.gif) no-repeat left top;
	width: 79px;
	height: 29px;
	color: #FFFFFF;
	display: block;
	float: right;
	margin-top: 5px;
	padding-top: 2px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
}
#signup{
	position: absolute;
	height: 400px;
	width: 240px;
	left:0px;
}
/* BODY CSS ENDS                       */

/* FOOTER CSS STARTS    888888888                 */
#footer {
	float:left;
	text-align:center;
	width: 950px;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #333333;

}
#footer .b1 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	background:#cecece;
	margin:0 5px;
}
#footer .b2 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:2px solid #cecece;
	background: #f2f2f2;
	border-left:2px solid #cecece;
	margin:0 3px;
}
#footer .b3 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:1px solid #cecece;
	background: #f2f2f2;
	border-left:1px solid #cecece;
	margin:0 2px;
}
#footer .b4 {
	height:2px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:1px solid #cecece;
	background: #f2f2f2;
	border-left:1px solid #cecece;
	margin:0 1px;
}
#footer .content {
	border-right:1px solid #cecece;
	border-left:1px solid #cecece;
	background: #f2f2f2;
	padding-top: 2px;
	padding-bottom: 2px;
}
#footer a {
	color: #333333;
}
#footer a:hover {
	color: #209A9B;
}

#footerimg {
	background: url(../images/FooterBtm.gif) no-repeat left top;
	height: 35px;
	width: 950px;
	float: left;
	display: block;
}
/* FOOTER CSS ENDS */



/* Clients CSS starts Here */
#Clients {
	height: 55px;
	width: 699px;
	margin-bottom:8px;

}

#Clients #head {
	height: 55px;
	width: 95px;
	float:left;
}
#Clients #head .text h1 {
	background:url(../images/clients.jpg) no-repeat top center;
	color: #209A9B;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 5px 0px 5px;
	padding-top:33px;
}
#Clients #head1 {
	height: 45px;
	width: 601px;
	float:right;
}

#Clients .b1 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	background:#cecece;
	margin:0 5px;
}
#Clients .b2 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:2px solid #cecece;
	background: #ffffff;
	border-left:2px solid #cecece;
	margin:0 3px;
}
#Clients .b3 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:1px solid #cecece;
	background: #ffffff;
	border-left:1px solid #cecece;
	margin:0 2px;
}
#Clients.b4 {
	height:2px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:1px solid #cecece;
	background: #ffffff;
	border-left:1px solid #cecece;
	margin:0 1px;
}
#Clients .contener {
	border-right:1px solid #cecece;
	border-left:1px solid #cecece;
	background: #ffffff;
	padding:5px 0px 2px 4px;
	
}
/* Clients CSS end Here */
#news {
	width: 240px;
	clear:both;
}

h1.news a {
	width: 240px;
	height: 130px;
	display: block;
}

#news .topblue{
	background:url(../images/news.jpg) no-repeat ;
	height:24px;
	width:240px;
	margin:0px;
	padding:0px;
	
}
#news .topblue a{
	color:#ffffff;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	display:block;
	text-align:right;
	padding:5px 5px 0px 0px;
	border:none;
}

#news .topblue a:hover{
	color:#ffffff;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
}
/*    dhtmlwindow styles stasts here		*/

.dhtmlwindow{
	position: absolute;
	background: transparent;
	visibility: hidden;
	
}
.drag-handle{ /*CSS for Drag Handle*/
	padding: 1px;
	text-indent: 3px;
	font: bold 14px Arial;
	background: transparent;
	color: #FFFFFF;
	cursor: move;
	overflow: hidden;
	width: auto;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
	position: absolute;
	right: 2px;
	top: 2px;
	cursor: pointer;
}
/*    dhtmlwindow styles ends here		*/

.tag{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:10px;
	margin:0px;
	padding:0px;
	text-align:center;
}
div#ANP-Pop {
	margin: 0px;
	display: none;
	width:220px;
	z-index:999;
	position: absolute;
	top: 120px;
	margin-left: 710px;
	font-size: 1px;
}
#rightpanel {
	border-bottom: #a8a8a8 1px solid;
	border-left: #a8a8a8 1px solid;
	border-top: #a8a8a8 1px solid;
	border-right: #a8a8a8 1px solid;
	width: 699px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
#rtpanel {
	margin: 20px;
}
#rtpanelinner {
	width: 100%;
	display:table;
	background: url(../images/dotbg.gif) repeat-y center 50%;
}
.leftclass {
	width: 48%;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}
.fright {
	float: right;
}
.rightclass {
	width: 48%;
	float: right;
	padding-top: 10px;
}

#title1 h1 {
	color: #FF8000;
	font-weight: bold;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.title1 H1{
	color: #FF8000;
	font-weight: bold;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}
h1.title1 a {
	
    color: #FF8000;
	font-weight: bold;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;	
}

.orange1 h2 {
	color: #e0620d;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.red {
	color: #F00;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.green h2{
	color: #008000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.dootedimg {
	background: url(../images/dotbg1.jpg) repeat-x;
	clear: both;
}
.bgwt {
	background: #ffffff; 
}

.green {color: #188e02; font-family:Arial, Helvetica, sans-serif;}

.big-blue1 {
	font-family: "Trebuchet MS", Arial, sans-serif, helvetica, Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #0e88af;
}
 .litegrey {	color: #666666;
	padding-left: 6px;
}
.title-txt {
	font-family: "Trebuchet MS", Arial, sans-serif, helvetica, Verdana;
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	color: #e0620d;
	padding-bottom: 3px;
	padding-left: 6px;
}
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/




#Services1 {
	height: 270px;
	width: 699px;
	background: url(../images/images/ServicesBg1.jpg) left top no-repeat;
}
#Services1 h1 {
	color: #209A9B;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
}
#Services1 p {
	color: #666666;
	font-size: 12px;
	line-height: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
}
#Services div1 a {
	text-decoration: none;
	display: block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#Services1 div {
	float: left;
	padding: 15px 15px 0px 70px;
	overflow: hidden;
	margin-bottom: 15px;
}


#Services1 .left {
	width: 265px;
	height: 57px;
}
#Services1 .right {
	width: 264px;
	height: 57px;
}

/*  service end div */


.SectionHead {
	font-size: 12px;
	line-height: 34px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/RightHead.gif) no-repeat left top;
	float: left;
	height: 34px;
	width: 230px;
	padding-left: 11px;
}
.SectionMid {
	background: url(../images/RightMid.gif) repeat-y left top;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	width: 201px;
	padding: 10px 20px 0px;
	float: left;
}
.SectionMid ul li{
	font-size: 12px;
	width: 200px;
}
.SectionMid ul li a{
	color: #333333;
	text-decoration: none;	
	padding-left: 20px;
	display: block;
	line-height: 16px;
	width: 180px;
	float: left;
	background: url(../images/bullet1.gif) no-repeat left 5px;
	padding-bottom: 10px;
}
.SectionMid ul li a:hover {
	font-size: 12px;
	color: #990000;
	text-decoration: none;
}
.SectionMid1 {
	background: url(../images/right-section-bg.jpg) left bottom;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	width: 201px;
	padding: 10px 20px 30px;
	float: left;
}
.SectionMidInner {
	background: url(../images/RightMid.gif) repeat-y left top;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	width: 239px;
	padding: 10px 0px;
	padding-left: 2px;
	float: left;
}
.SectionBtm {
	background: url(../images/RightBtm.gif) no-repeat left top;
	float: left;
	height: 28px;
	width: 241px;
}
a.more {
	background: url(../images/BtnBg.gif) no-repeat left top;
	width: 79px;
	height: 29px;
	color: #FFFFFF;
	display: block;
	float: right;
	margin-top: 5px;
	padding-top: 2px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
}
#enquiry p {
	float: left;
	display: block;
	margin-bottom: 8px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	clear: both;
	text-align: center;
}
#enquiry label {
	width: 240px;
	text-align: left;
	padding-right: 10px;
	display: block;
	float: left;
	margin-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 2px;
}
#enquiry input, #enquiry select, #enquiry textarea {
	float: left;
	display: block;
	margin-bottom: 8px;
}
#QC {
	width: 201px;
}
#QC label {
	width: 55px;
	text-align: left;
	float: left;
	display: block;
	line-height: 20px;
	font-size: 12px;
	color: #333333;
	margin-bottom: 5px;
}
#QC input {
	width: 140px;
	height: 18px;
	border: 1px solid #cccccc;
	float: left;
	display: block;
	font-size: 12px;
	color: #333333;
	margin-bottom: 5px;
}
#QC select.interest {
	width: 140px;
	height: 18px;
	border: 1px solid #cccccc;
	float: left;
	display: block;
	color: #333333;
	margin-bottom: 5px;
}
#QC input.submit {
	border: 0px;
	background: url(../images//images/submit.gif) no-repeat left top;
	width: 61px;
	height: 31px;
	color: #FFFFFF;
	float: right;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	padding: 0px;
}
#QC input.close {
	border: 0px;
	background: url(../images/close.gif) no-repeat left top;
	width: 51px;
	height: 31px;
	color: #FFFFFF;
	float: right;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	padding: 0px;
	margin-left: 10px;
}
/* BODY CSS ENDS */



/* TESTIMONIALS CSS STARTS */
#dropcontentsubject{
	width: 241px;
	font-weight: bold;
	display: none;
}
.dropcontent{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
}

.dropcontent a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
	background:url(../images/images/bulleton.gif) no-repeat;
	padding-left:15px;
}

.dropcontent a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #209A9B;
	text-align: justify;
	background:url(../images/images/bulletoff.gif) no-repeat;
	padding-left:15px;

}
/* TESTIMONIALS CSS ENDS */

/* Why  CSS STARTS */
#Why {
	height: 459px;
	width: 699px;
	background: url(../images/WhyBg.jpg) no-repeat left top;
}
#Why h1 {
	color: #6F7CA2;  /*#990000;*/
	font-size: 20px;
	padding: 8px 12px;
}
.dhtmlgoodies_questioninactive h2{	/* Styling question */
	font-size:14px;
	color: #666666;
	width:687px;
	height:26px;
	overflow:hidden;
	cursor:pointer;
	background: url(../images/SlideClosed.jpg) no-repeat left top;
	padding: 0px 0px 0px 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 26px;
}
.dhtmlgoodies_questionactive h2{	/* Styling question */
	font-size:14px;
	color: #000000;
	width:687px;
	height:26px;
	overflow:hidden;
	cursor:pointer;
	background: url(../images/SlideOpen.jpg) no-repeat left top;
	padding: 0px 0px 0px 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 26px;
}
.dhtmlgoodies_question h2{	/* Styling question */
	font-size:14px;
	width:687px;
	color: #666666;
	height:26px;
	overflow:hidden;
	cursor:pointer;
	background: url(../images/SlideClosed.jpg) no-repeat left top;
	padding: 0px 0px 0px 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 26px;
}
.dhtmlgoodies_answer {	/* Parent box of slide down content */
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}
.dhtmlgoodies_answer_content ul li {	/* Content that is slided down */
	font-size: 11px;
	background: url(../images/bullet1.gif) no-repeat left 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-right: 10px;
	display: block;
	float: left;
	width: 650px;
}
.dhtmlgoodies_answer_content h2 {	/* Content that is slided down */
	font-size: 10px;
	display: block;
	float: left;
	padding-right: 3px;
	width: 650px;
	color: #990000;
}
.dhtmlgoodies_answer_content a{	/* Content that is slided down */
	color: #404040;
	text-decoration: underline;
	font-weight: bold;
}
.dhtmlgoodies_answer_content a:hover{	/* Content that is slided down */
	color: #990000;
	text-decoration: underline;
	font-weight: bold;
}
.dhtmlgoodies_answer_content {	/* Content that is slided down */
	font-size: 11px;
	position:relative;
	/*height:142px; */
	width:675px;
	padding: 0px 12px;
	padding-bottom: 15px;
	color: #404040;
	text-decoration: none;
	overflow:hidden;
	line-height: 17px;
}
/* Why  CSS ENDS */

/* Sub Page CSS Starts Here */

#Breadcrumb {
	background: url(../images/images/BreadCrumbDash.gif) repeat-x left bottom;
	height: 34px;
	line-height: 34px;
	font-size: 12px;
	color: #666666;
	width: 689px;
	float: left;
	margin-bottom: 20px;
}
#Breadcrumb a{
	line-height: 34px;
	color: #666666;
	font-weight: bold;
}

#Breadcrumb1 {
	background: url(../images/images/BreadCrumbDash.gif) repeat-x left bottom;
	height: 34px;
	line-height: 34px;
	font-size: 12px;
	color: #666666;
	width: 920px;
	float: left;
	margin-bottom: 20px;
}
#Breadcrumb1 a{
	line-height: 34px;
	color: #666666;
	font-weight: bold;
}


#InnerBodyWrap {
	font-size: 12px;
	color: #333;
	width: 689px;
	float: left;
	margin-bottom: 20px;
	text-align:justify;
}

#InnerBodyWrap a {
	color: #209A9B;
	text-decoration: underline;
}

#InnerBodyWrap a:hover {
	color: #000000;
	text-decoration: underline;
}

#InnerBodyWrap h2 {
	padding: 5px 0px;
	font-size: 18px;
}
#InnerBodyWrap dl {
	padding-top: 20px;
}
#InnerBodyWrap dt {
	padding-bottom: 5px;
	background: url(../images/images/LeftNavArrow1.gif) left 2px no-repeat;
	padding-left: 15px;
}
#InnerBodyWrap dd {
	padding-bottom: 15px;
	padding-left: 15px;
}

#InnerBodyWraptext {
	font-size: 12px;
	color: #345998;
	width: 689px;
	float: left;
	margin-bottom: 20px;
	text-align:justify;
}

#InnerBodyWraptext  ul {
margin:10px 0px 10px 20px;
list-style:disc;
}


#InnerBodyWraptext ul li{
list-style:disc;
line-height:20px;
}

#InnerBodyWraptext ol {
margin:10px 0px 10px 20px;
list-style:decimal;
}


#InnerBodyWraptext ol li{
list-style:decimal;
line-height:20px;
}


#InnerBodyWraptext a {
	color: #209A9B;
	text-decoration: underline;
}

#InnerBodyWraptext a:hover {
	color: #000000;
	text-decoration: underline;
}

#InnerBodyWraptext h2 {
	padding: 5px 0px;
	font-size: 18px;
}



#InnerBodyWrap1 {
	font-size: 12px;
	color: #666666;
	width: 920px;
	float: left;
	margin-bottom: 20px;
	text-align:justify;
}
#InnerBodyWrap1 a {
	color: #209A9B;
	text-decoration: underline;
}

#InnerBodyWrap1 a:hover {
	color: #000000;
	text-decoration: underline;
}


#InnerBodyLeft {
	font-size: 11px;
	color: #1E1E1E;
	width: 467px;
	float: left;
	padding-right: 20px;
	line-height:14px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

#InnerBodyLeft ul {
margin:10px 0px 10px 20px;
list-style:disc;
}

#InnerBodyLeft li{
list-style:disc;
line-height:14px;
}

#InnerBodyLeft a{
list-style:disc;
line-height:14px;
text-decoration:underline;
}

#InnerBodyLeft a:hover{
list-style:disc;
line-height:14px;
color: #1E1E1E;
text-decoration:none;

}

#InnerBodyRight {
	font-size: 12px;
	color: #666666;
	width: 200px;
	float: left;
}
#InnerBodyRight ul li a {
	background: url(../images/images/BreadCrumbDash.gif) repeat-x left bottom;
	display: block;
	width: 200px;
	padding: 6px 0px;
	color: #666666;
}

#InnerBodyRight ul li a:hover {
	background: url(../images/images/BreadCrumbDash.gif) repeat-x left bottom;
	display: block;
	width: 200px;
	padding: 6px 0px;
	color: #209A9B;
	text-decoration:none;
}


#ServicesNav #InnerBodyWrap .Wrap1 {
	width: 210px;
	float: left;
	padding-bottom: 20px;
}
#ServicesNav #InnerBodyWrap .Wrap2 {
	width: 210px;
	padding: 0px 28px;
	float: left;
	padding-bottom: 20px;
}
#ServicesNav #InnerBodyWrap h1 {
	color: #666666;
	font-size: 13px;
	background: url(../images/WebDesign.jpg) left 20px ;
	height: 80px;
}
#ServicesNav #InnerBodyWrap h1 a{
	height: 80px;
	display: block;
}
#ServicesNav #InnerBodyWrap dt, #WDNav #InnerBodyWrap dt {
	border-top: 1px solid #CCCCCC;
	padding: 5px 0px;
	background: none;
}

/* Sub Page CSS Ends Here */

/* Banners CSS Starts Here */

h1#PageHead {
	float: left;
	width: 689px;
	color: #004080;
	padding-top: 110px;
	display: block;
	height: 40px;
	font-family:Verdana;
	font-weight:normal;
	font-size:22pt;
	letter-spacing:0px;
	}
	
h1#PageHead1 {
	float: left;
	width: 920px;
	color: #004080;
	padding-top: 110px;
	display: block;
	height: 40px;
	font-family:Verdana;
	font-weight:normal;
	font-size:22pt;
	letter-spacing:0px;
	}
	
#Profile h1#PageHead {
	background: url(../images/web-images/profile.jpg) no-repeat left top;
}
#Growth h1#PageHead {
	background: url(../images/images/Growth.jpg) no-repeat left top;
}
#Ourteam h1#PageHead {
	background: url(../images/images/Ourteam.jpg) no-repeat left top;
}
#Developmentcentre h1#PageHead {
	background: url(../images/images/Development.jpg) no-repeat left top;
}
#Investors h1#PageHead {
	background: url(../images/images/Investors.jpg) no-repeat left top;
}

#Economicalwebsite-news h1#PageHead {
	background: url(../images/images/economicalwebsite-news.jpg) no-repeat left top;
}


#webdesign h1#PageHead {
	background-image: url(../images/web-images/Website-Design.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#E-Commerce h1#PageHead {
	background-image: url(../images/web-images/eCommerce-Online.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#link-building h1#PageHead {
	background-image: url(../images/web-images/Website-Quality-Link-Building-Services.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#Webdevelopment h1#PageHead {
	background: url(../images/web-images/web-application-development.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#SEOservices h1#PageHead {
	background-image: url(../images/web-images/search-engine-Optimize.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#web-promotins h1#PageHead {
	background-image: url(../images/web-images/web-promotins.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#Internetmarketing h1#PageHead {
	background-image: url(../images/web-images/internet.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#Webhosting h1#PageHead {
	background-image: url(../images/web-images/web-hosting.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#Multimedia h1#PageHead {
	background: url(../images/web-images/Flash-Website-Design.jpg) no-repeat left top;
}
#Webmaintenance h1#PageHead {
	background: url(../images/web-images/Website-maintenance-plan.jpg) no-repeat left top;
}
#Website h1#PageHead {
	background: url(../images/web-images/Website-Design.jpg) no-repeat left top;
}
#DynamicWebsite h1#PageHead {
	background: url(../images/web-images/Dynamic-Website-Design.jpg) no-repeat left top;
}
#Applications h1#PageHead {
	background: url(../images/web-images/applications.jpg) no-repeat left top;
}
#caseInternetmarketing h1#PageHead {
	background: url(../images/case-Internet-marketing.jpg) no-repeat left top;
}

#Companyupdates h1#PageHead {
	background: url(../images/Company-updates.jpg) no-repeat left top;
}
#news h1#PageHead {
	background: url(../images/web-images/news.jpg) no-repeat left top;
}
#live h1#PageHead {
	background: url(../images/web-images/live.jpg) no-repeat left top;
}
#Mediakit h1#PageHead {
	background: url(../images/web-images/Media-kit.jpg) no-repeat left top;
}

#Showcase h1#PageHead {
	background: url(../images/web-images/Showcase.jpg) no-repeat left top;
}
#Testimonials h1#PageHead {
	background: url(../images/web-images/Testimonials.jpg) no-repeat left top;
}

#Workculture h1#PageHead {
	background: url(../images/images/Work-culture.jpg) no-repeat left top;
}
#Opportunities h1#PageHead {
	background: url(../images/web-images/Opportunities.jpg) no-repeat left top;
}

#Outsource h1#PageHead {
	background: url(../images/web-images/Outsource.jpg) no-repeat left top;
}

#Office h1#PageHead {
	background: url(../images/web-images/Contact-us.jpg) no-repeat left top;
}
#Submitquery h1#PageHead {
	background: url(../images/web-images/Contact-us.jpg) no-repeat left top;
}

/* Business Directory Banners CSS end Here */

#thankyou h1#PageHead1 {
	background: url(../images/images/thankyou.jpg) no-repeat left top;
}

#thankyou1 h1#PageHead1 {
	background: url(../images/images/thankyou1.jpg) no-repeat left top;
}

#Directory h1#PageHead {
	background: url(../images/web-images/Directory.jpg) no-repeat left top;
}

#book h1#PageHead {
	background: url(../images/web-images/books.jpg) no-repeat left top;
}
#jewelers h1#PageHead {
	background: url(../images/web-images/jewelers.jpg) no-repeat left top;
}

#fashion h1#PageHead {
	background: url(../images/web-images/fashion.jpg) no-repeat left top;
}

#real_estate h1#PageHead {
	background: url(../images/web-images/real_estate.jpg) no-repeat left top;
}
#consumer_goods h1#PageHead {
	background: url(../images/web-images/consumer_goods.jpg) no-repeat left top;
}
#travel_tourism h1#PageHead {
	background: url(../images/web-images/travel_tourism.jpg) no-repeat left top;
}

#information_technology h1#PageHead {
	background: url(../images/images/information_technology.jpg) no-repeat left top;
}

#education h1#PageHead {
	background: url(../images/images/books.jpg) no-repeat left top;
}

#exporters h1#PageHead {
	background: url(../images/images/exporters.jpg) no-repeat left top;
}

#furnishings h1#PageHead {
	background: url(../images/images/furnishings.jpg) no-repeat left top;
}

#health_resources  h1#PageHead {
	background: url(../images/images/health_resources.jpg) no-repeat left top;
}

#industries  h1#PageHead {
	background: url(../images/images/industries.jpg) no-repeat left top;
}
#professional_services h1#PageHead {
	background: url(../images/images/professional_services.jpg) no-repeat left top;
}

#white_goods h1#PageHead {
	background: url(../images/images/white_goods.jpg) no-repeat left top;
}

#addurl h1#PageHead {
	background: url(../images/images/addurl.jpg) no-repeat left top;
}


#hotels_hospitality h1#PageHead {
	background: url(../images/images/hotels_hospitality.jpg) no-repeat left top;
}

/* Business Directory Banners CSS Ends Here */

/* Resources Banners CSS Ends Here */
#resources h1#PageHead {
	background: url(../images/images/resources.jpg) no-repeat left top;
}

#web-design h1#PageHead {
	background: url(../images/web-images/web-design.jpg) no-repeat left top;
}

#web-development h1#PageHead {
	background: url(../images/web-images/Web-Application-Development.jpg) no-repeat left top;
}

#web-hosting h1#PageHead {
	background: url(../images/web-images/web-hosting.jpg) no-repeat left top;
}

#multimedia-solutions h1#PageHead {
	background: url(../images/web-images/multimedia-solutions.jpg) no-repeat left top;
}

#search-engine-optimization h1#PageHead {
	background: url(../images/web-images/search-engine-Optimize.jpg) no-repeat left top;
}

#software-development h1#PageHead {
	background: url(../images/web-images/Web-Application-Development.jpg) no-repeat left top;
}


#link-building h1#PageHead {
	background: url(../images/web-images/Website-Quality-Link-Building-Services.jpg) no-repeat left top;
}

/* Resources Banners CSS Ends Here */


/* Clients CSS starts Here */

#Clients {
	height: 55px;
	width: 699px;
	margin-bottom:8px;

}

#Clients #head {
	height: 55px;
	width: 95px;
	float:left;
}



#Clients #head .text h1 {
	background:url(../images/images/clients.jpg) no-repeat top center;
	color: #209A9B;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 5px 0px 5px;
	padding-top:33px;
}

#Clients #head1 {
	height: 45px;
	width: 601px;
	float:right;
}

#Clients .b1 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	background:#cecece;
	margin:0 5px;
}
#Clients .b2 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:2px solid #cecece;
	background: #ffffff;
	border-left:2px solid #cecece;
	margin:0 3px;
}
#Clients .b3 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:1px solid #cecece;
	background: #ffffff;
	border-left:1px solid #cecece;
	margin:0 2px;
}
#Clients.b4 {
	height:2px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:1px solid #cecece;
	background: #ffffff;
	border-left:1px solid #cecece;
	margin:0 1px;
}
#Clients .contener {
	border-right:1px solid #cecece;
	border-left:1px solid #cecece;
	background: #ffffff;
	padding:5px 0px 2px 4px;
	
}

#Clients1 {
	height: 72px;
	width: 699px;
	margin-bottom:10px;

}

#Clients1 #head {
	height: 63px;
	width: 95px;
	float:left;
}



#Clients1 #head .text h1 {
	background:url(../images/images/clients.jpg) no-repeat top center;
	color: #209A9B;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 5px 0px 5px;
	padding-top:33px;
}

#Clients1 #head1 {
	height: 63px;
	width: 601px;
	float:right;
}

#Clients1 .b1 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	background:#cecece;
	margin:0 5px;
}
#Clients1 .b2 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:2px solid #cecece;
	background: #ffffff;
	border-left:2px solid #cecece;
	margin:0 3px;
}
#Clients1 .b3 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:1px solid #cecece;
	background: #ffffff;
	border-left:1px solid #cecece;
	margin:0 2px;
}
#Clients1.b4 {
	height:2px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:1px solid #cecece;
	background: #ffffff;
	border-left:1px solid #cecece;
	margin:0 1px;
}
#Clients1 .contener {
	border-right:1px solid #cecece;
	border-left:1px solid #cecece;
	background: #ffffff;
	padding:12px 0px 12px 4px;
	
}



/* Clients CSS end Here */


/* mumbai contact CSS start Here */

#mumbai {
	height: 72px;
	width: 240px;
	margin-bottom:10px;

} 
#mumbai #head .text h1 {
	background:url(../images/images/clients.jpg) no-repeat top center;
	color: #209A9B;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 5px 0px 5px;
	padding-top:33px;
}

#mumbai #head1 {
	height: 53px;
	width: 240px;
	float:left;
}
#mumbai .b1 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	background:#cecece;
	margin:0 5px;
}
#mumbai .b2 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:2px solid #cecece;
	background: #ffffff;
	border-left:2px solid #cecece;
	margin:0 3px;
}
#mumbai .b3 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:1px solid #cecece;
	background: #ffffff;
	border-left:1px solid #cecece;
	margin:0 2px;
}
#mumbai.b4 {
	height:2px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:1px solid #cecece;
	background: #ffffff;
	border-left:1px solid #cecece;
	margin:0 1px;
}
#mumbai .contener {
	border-right:1px solid #cecece;
	border-left:1px solid #cecece;
	background: #ffffff;
	padding:5px 0px 2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
}

/* mumbai contact CSS end Here */

/*         international-banner     start        */
#international-banner{
	background:url(../images/images/design_top_banner.jpg) no-repeat; 
	height:132px;
	width:240px;
	clear:both;
}

#international-banner .text{
	padding:33px 15px 5px 12px;
	font-size:12px;
	color:#000000;
}

#international-banner .text a{
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

#international-banner .text a:hover{
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

#international-banner a.more {
	background: url(../images/images/BanBg.gif) no-repeat left top;
	width: 148px;
	height: 25px;
	color: #FFFFFF;
	display: block;
	float: left;
	margin-top: 5px;
	padding-top: 4px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-transform:uppercase;
}

/*         international-banner      end       */

#indusmarkets{
	background:url(../images/images/indusmarkets.jpg) no-repeat; 
	height:137px;
	width:240px;
	float:left;
}

#indusmarkets .text{
	padding:33px 15px 5px 12px;
	font-size:12px;
	color:#FFFFFF;
}

#indusmarkets .text a{
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

#indusmarkets .text a:hover{
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

#indusmarkets a.more {
	background: url(../images/images/BanBg1.gif) no-repeat left top;
	width: 148px;
	height: 25px;
	color: #FFFFFF;
	display: block;
	float: left;
	margin-top: 5px;
	padding-top: 4px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-transform:uppercase;
}



#news {
	width: 240px;
	clear:both;
}
h1.news {
	background: url(../images/images/magnon-live-2.jpg) no-repeat;
	width: 240px;
	height: 130px;
	padding: 0px;
	margin: 0px;
	text-indent: -10000px;
}
h1.news a {
	width: 240px;
	height: 130px;
	display: block;
}

#news .topblue{
	background:url(../images/images/news.jpg) no-repeat ;
	height:24px;
	width:240px;
	margin:0px;
	padding:0px;
	
}

#news .topblue a{
	color:#ffffff;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	display:block;
	text-align:right;
	padding:5px 5px 0px 0px;
	border:none;
}

#news .topblue a:hover{
	color:#ffffff;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
}
/*    dhtmlwindow styles stasts here		*/

.dhtmlwindow{
	position: absolute;
	background: transparent;
	visibility: hidden;
	
}

.drag-handle{ /*CSS for Drag Handle*/
	padding: 1px;
	text-indent: 3px;
	font: bold 14px Arial;
	background: transparent;
	color: #FFFFFF;
	cursor: move;
	overflow: hidden;
	width: auto;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
	position: absolute;
	right: 2px;
	top: 2px;
	cursor: pointer;
}




/*    dhtmlwindow styles ends here		*/

.tag{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:10px;
	margin:0px;
	padding:0px;
	text-align:center;
}
div#ANP-Pop {
	margin: 0px;
	display: none;
	width:220px;
	z-index:999;
	position: absolute;
	top: 120px;
	margin-left: 710px;
	font-size: 1px;
}

/*    Clients pages styles start here		*/

#cli
{
	width: 465px;
	
}

#cli ul li{
list-style:none;}

.clientmain{
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	float: left;
	width: 465px;
	border:#CCCCCC solid 1px;
}
.next{
	font-size: 12px;
	font-weight: normal;
	color: #525252;
	float: left;
	width: 465px;
	border:#CCCCCC solid 1px;
}

.clientmain img{
	float:left;
	width:90px;
	border-right:#CCCCCC solid 1px;
	padding:5px;
}



.clientmain ul li{
	background:url(../images/images/bulleton.gif) no-repeat;
	list-style:none;
	padding-left:10px;}
	
	
.clitext{
width:330px; height:90px; float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #525252;
	font-size:11px;
	text-align:left;}


/*    Clients pages styles end here		*/


#mumbaihead{
background:url(../images/images/mumbaihead.jpg) no-repeat bottom;
padding:10px;
}

#mumbaihead .text{
font-family:Verdana, Arial, Helvetica, sans-serif;
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
	line-height:16px;
	padding:5px;}
#webdesign .gray1 .menuBlock2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.internet-m-font-b {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #0F8CD0;
	text-decoration: none;
}
.text-body-font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5B5B5B;
	text-decoration: none;
}


.text-body-head1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #1158A6;
	text-decoration: none;
}

.text-body-head2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #2E71BA;
	text-decoration: none;
}
.text-body-h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.request_quote-body-h1{
background-color: #FEEBDA; border:solid 1px #F00;font-size:14px; color:#164ECF; font-family:Verdana; padding:2px;}


.submit{background-image:url(images/form-bg.gif);background-repeat:repeat-y;float:right;padding:2px 0 3px 20px;width:166px;}
.drop-down{border:1px solid #B8D6E6;color:#5D6B76;font-size:10px;font-weight:bold;height:18px;text-indent:3px;width:142px;}
input{color:#5D6B76;font-family:Tahoma,Verdana,Arial;font-size:11px;}
.textfield{border:1px solid #B8D6E6;font-weight:bold;height:14px;text-indent:3px;width:142px;}
.registration-in{width:186px;}
.textarea{border:1px solid #B8D6E6;color:#5D6B76;font-family:Tahoma,Verdana,Arial;font-size:11px;font-weight:bold;text-indent:3px;width:142px;}

rules{color:#5D6B76;float:right;font-size:11px;font-weight:normal;width:186px;}
.clear{	clear: both;height: 1px;}
.login1{float:right;height:9px;width:186px;}
.lotus_text{font-family:Trebuchet MS; font-size:16pt; color:#0d5077; font-weight:bold;}
.text_testimonial{font-family:Trebuchet MS; font-size:16px; color:#0d5077; font-weight:bold; padding-top:3px;}