ol, ul 	{ list-style: none;}
ol, ul 	{ list-style: none;}
table 	{ border-collapse: separate; border-spacing: 0;}
caption, th, td {	text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}
.right 	{ float: right;}
.left 	{ float: left;}
.hide 	{ display: none;}
.clearfix:after {	content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
.clearfix {	display: block;}
html[xmlns] .clearfix {	display: block;}
* html .clearfix {	height: 1%;}
h1, h2, h3, h4, h5, h6 {  font-family: Tahoma, Arial, sans-serif;    font-weight: bold; padding-bottom: 5px;}
h1 		{ font-size: 32px;}
h2 		{ font-size: 28px;}
h3 		{ font-size: 24px;}
h4 		{ font-size: 20px;}
h5 		{ font-size: 18px;}
h6 		{ font-size: 16px;}
a 		{ text-decoration:none; color:#8b6526;}
a:hover { text-decoration:underline;}
img		{ border-style: none; }
.clear 			{ clear:both;  	}
.floatR			{ float:right	}
.floatL			{ float:left	}
.txtcntr 		{ text-align:center	}
.bold 			{ font-weight:bold	} 
.mrgL30 		{ margin-left:30px	}
.mrgT5 			{ margin-top:5px	}
.mrgT25 		{ margin-top:25px	}
.mrgT63 		{ margin-top:63px	}
.mrgT95 		{ margin-top:95px	}
.mrgR0			{ margin-right:0px; }
.mrgB5 			{ margin-bottom:5px	}
.db 			{ display:block		}
.fntnrml		{ font-weight:normal}


#banner-container{margin:auto; width:998px; height:344px; font:normal 12px Tahoma; color:#333; background:url(../images/bodytop_redbdr.gif) top repeat-x !important;}

/********** Arrows *********************/

.stepcarousel{
 /*leave this value alone*/
border: 0 solid black;
overflow: hidden; /*leave this value alone*/
width:100%; /*Width of Carousel Viewer itself*/
height:360px; /*Height should enough to fit largest content's height*/
margin : 0 auto 0 auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left:0;
top:0;
}

.stepcarousel .panel{
 /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin : 0 auto 0 auto; width: 100%; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:580px !important;
}

/*------- Pages------------*/

.page1{float:left; width:998px; height:344px; margin-left: auto; margin-right: auto; padding:0;}

/*---------top strip-------------*/


#topstrip, .topstrip-in { position:relative; top:0; left:0;  z-index:1; border-bottom:2px solid #d80000;  padding:9px 0; text-align:center }
#topstrip a		{ color:#c3412a; font-weight:bold; text-decoration:underline}
.topstrip-in 	{  background:#fff;  }

/*---------------Menu wrapper--------------*/

#btm_menu{ padding:0; margin:auto; width:100%; text-align:center; position:relative;}
#btm_menu #menuwrapper { text-align:center; position:absolute; left:0; top:100% !important; width:100%;  height:85px; background: url(../images/mainnavbg.png) repeat-x left center; z-index:10000;  }
#btm_menu #menuwrapper .holder 	{ padding:0 0 0 13px; margin:auto; width:985px; }
#btm_menu #menuwrapper .menu 		{ display:inline-block; text-align:center!important; margin:auto;}
#btm_menu #menuwrapper .menu 		{ display:inline; text-align:center !important;}
#btm_menu #menuwrapper .menu 		{ display:table-row;  white-space:nowrap; text-align:center !important;  }
#btm_menu #menuwrapper .menu li	{ margin:0 20px; float:left; padding:30px 0  }
#btm_menu #menuwrapper .menu a 	{ display:block; float:left; color:#000; font-size:16px;  }
#btm_menu #menuwrapper .menu a:hover {  color:#555; text-decoration:none; }

/*------------------------Home page start--------------------*/

.hometop { height:74px;  background:url(../images/howcanwe.png)  no-repeat center top; margin:20px 0 0 0; text-align:center;   }

.assistareas 					{ z-index:99999; margin:auto}
.assistareas ul					{ width:425px; margin:auto  }
.assistareas ul li 				{ width:425px; }
.assistareas ul li a			{ width:425px; display:block; text-indent:-900em;}
.assistareas ul li.wd a			{ height:54px; background:url(../images/websitedev.png) no-repeat center top;}
.assistareas ul li.ip-apps 	a	{ height:44px; background:url(../images/iphoneipadapp.png) no-repeat center top;}
.assistareas ul li.csw a		{ height:44px; background:url(../images/custsoftware.png) no-repeat center top;}
.assistareas ul li.php-prog a	{ height:48px; background:url(../images/phpnet-prog.png) no-repeat center top;}


/*------------------------Share page start--------------------*/



#btm_menu .share {position:absolute; right:210px; top:90px; z-index:999;}
#btm_menu .share a.fb,.share a.twt { float:left; display:block; text-indent:-999em; background:url(../images/fb.png) no-repeat; width:38px; height:38px; margin:0 3px}
#btm_menu .share a.twt{ background:url(../images/twt.png) no-repeat; }

/*------------------------Testimonial start--------------------*/

#testimonial{ padding:7px 0 0 0; margin:auto; text-align:center;}
.wd214{ width:214px;}

.graytxt{ font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:normal; color:#393939; line-height:24px;}
.redtxt{ font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:normal; color:#d80000; line-height:24px;}
.bluetxt{ font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:normal; color:#080a6e; line-height:24px;}
.orngtxt{ font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:normal; color:#568400; line-height:24px;}
.greentxt{ font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:normal; color:#12810f; line-height:24px;}
.lightblue{ font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:normal; color:#0067a9; line-height:24px;}


.txtfld{ border-bottom:1px solid #080a6e; border-left:0; border-right:0; border-top:0; font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:normal; color:#080a6e; background:none; padding:0 4px 0 4px; }
.txtfld2{ border-bottom:1px solid #568400; border-left:0; border-right:0; border-top:0; font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:normal; color:#568400; background:none; padding:0 4px 0 4px; }
.txtfld3{ border-bottom:1px solid #12810f; border-left:0; border-right:0; border-top:0; font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:normal; color:#12810f; background:none; padding:0 4px 0 4px; }
.txtfld4{ border-bottom:1px solid #0067a9; border-left:0; border-right:0; border-top:0; font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:normal; color:#0067a9; background:none; padding:0 4px 0 4px;}

/*------------------------Top red border start--------------------*/

.backbutton{ padding:20px 8px 0 12px; margin:0; text-align:left; border:0;}
.backbutton span{ padding:0 0 0 8px; margin:0;}

.backbutton2{ padding:20px 8px 0 12px; margin:0; text-align:left; border:0; }
.backbutton2 span{ padding:0 0 0 8px; margin:0;}

.pdt5{ padding:5px 0 0 0;}

.web2_bg{ padding:0; margin:0; background:url(../images/web2.0_bnr.png) right top no-repeat;}
.web_certifiedbnr{padding:0; margin:0; background:url(../images/certified_banner.gif) right top no-repeat;}

/*------------------------List start--------------------*/

.maincont{ padding:0 0 20px 0; text-align:center !important; margin:0 !important; visibility:visible !important; width:990px;}
.maincont ul.list { text-align:center; padding:0; margin:0; }
.maincont ul.list li{ padding:0; margin:0; list-style:none; visibility:visible !important; line-height:normal !important}
.maincont ul.list li a{ padding:0; margin:0; display:inline; visibility:visible !important; cursor:hand!important;}
.maincont ul.list li a:hover{ margin:0; padding:0; visibility:visible !important; cursor:hand !important;}

/*------------------------Padding start--------------------*/

.pdt2{ padding-top:2px !important;}
.pdt5{ padding-top:5px !important;}
.pdt10{ padding-top:10px !important;}
.pdt13{ padding-top:13px !important;}
.pdt15{ padding-top:15px !important;}
.pdt20{ padding-top:20px !important;}
.pdt30{ padding-top:30px !important;}
.pdt50{ padding-top:50px !important;}
.pdt70{ padding-top:70px !important;}
.pdt100{ padding-top:100px !important;}

.pdb5{ padding-bottom:5px !important;}
.pdb10{ padding-bottom:10px !important;}
.pdb15{ padding-bottom:15px !important;}
.pdb20{ padding-bottom:20px !important;}

.pdtb5{ padding:5px 0 5px 0 !important;}
.pdtb10{ padding:10px 0 10px 0 !important;}
.pdtb15{ padding:15px 0 15px 0 !important;}
.pdtb20{ padding:20px 0 20px 0 !important;}

.pdr5{ padding-right:5px !important;}
.pdr10{ padding-right:10px !important;}
.pdr15{ padding-right:15px !important;}
.pdr20{ padding-right:20px !important;}
.pdr25{ padding-right:25px !important;}
.pdr50{ padding-right:50px !important;}
.pdr100{ padding-right:100px !important;}
.pdr150{ padding-right:150px !important;}


/*------------------------Width start--------------------*/

.wd145{ width:145px;}


.wd_pf{ padding:0 0 0 60px; margin:0;}
.wd_pf ul{ padding:0; margin:0; list-style:none; float:left;}
.wd_pf ul li{ width:180px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#393939; float:left; display:block; padding:0; margin:0; }
.wd_pf ul li img{ padding:0 0 4px 0; margin:0;}
.wd_pf ul li div{ padding:0 0 8px 0; font-size:11px; color:#6e6e6e; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}


.iphone_pf{ padding:0 0 0 60px; margin:0;}
.iphone_pf ul{ padding:0; margin:0; list-style:none; float:left;}
.iphone_pf ul li{ width:180px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#393939; float:left; display:block; padding:0; margin:0; }
.iphone_pf ul li img{ padding:0; margin:0;}
.iphone_pf ul li div{ padding:0 0 3px 0; font-size:11px; color:#6e6e6e; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}


/*------------------------Shivkumar css start--------------------*/
.mainbody{ width:981px; margin:auto}
.toptitle{ margin:14px 0px 112px 0px}
.toptitle span{ vertical-align:bottom; padding:0px; margin:0px;}
.wdnav{ width:348px; margin:auto}
.wdnav ul{ padding:0px; margin:0px; list-style-type:none}
.wdnav ul li{ text-align:center; margin-bottom:9px; display:block}
.wdmainmargin{ margin:20px 0px 5px 0px; }



.wdnav2{ width:100%; margin:auto}
.wdnav2 ul{ padding:0px; margin:0px; list-style-type:none}
.wdnav2 ul li{ text-align:center; padding-bottom:2px; display:block; font-family:Tahoma, Geneva, sans-serif; font-size:22px; color:#393939; line-height:32px;}
.wdnav2 ul li span{ color:#d80000}
.tahomeRed12{ text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:22px; width:670px; margin:auto; height:31px;}
.mt12{ margin-top:12px; margin-bottom:26px;}
.inputarea{width:122px; height:36px; float:left; vertical-align:bottom !important;}
.inputarea input{background-color:#FFF; border:none; border-bottom:1px solid #568400; width:122px; vertical-align:bottom !important; padding-top:12px;}
.morebtn{float:right; width:113px;}
.rightbnr{position:absolute !important; top:0; left:987px;}


.loginlist{float:left; width:100%; padding:0px 0px 0px 0px}
.loginlist ul{ padding:0px; margin:0; list-style:none; }
.loginlist ul li{ padding:0px; margin:0; list-style:none; width:222px; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#568400; display:inline}
.loginlist ul li input{border-bottom:1px solid #568400; width:145px; color:#568400; font-size:13px; padding:0 2px 0 2px !important; border-top:none; border-left:none; border-right:none; background:transparent none repeat scroll 0 0; background-image:none !important; }


.projects{ padding:20px 0 0 90px; margin:0;}
.projects ul{ padding:0; margin:0; list-style:none; float:left;}
.projects ul li{ width:200px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#393939; float:left; display:block; padding:0; margin:0; }
.projects ul li img{ padding:0; margin:5px 0 5px 0;}


.projects2{ padding:10px 0 0 129px; margin:0;}
.projects ul{ padding:0; margin:0; list-style:none; float:left;}
.projects2 ul li{ width:151px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#393939; float:left; display:block; padding:0; margin:0; }
.projects2 ul li img{ padding:0; margin:0;}
.projects2 ul li div{ width:151px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#393939; float:left; display:block; padding:0 0 6px 0; margin:0; }


.cs_pf{ padding:0 0 0 60px; margin:0;}
.cs_pf ul{ padding:0; margin:0; list-style:none; float:left;}
.cs_pf ul li{ width:180px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#393939; float:left; display:block; padding:0; margin:0; }
.cs_pf ul li img{ padding:0; margin:2px 0 2px 0;}
.cs_pf ul li div{ font-size:11px; color:#6e6e6e; line-height:15px; font-weight:normal; font-family:Arial, Helvetica; text-align:left; padding:0 0 2px 0; }


.web2bg{background:url(../images/web2bg.png) no-repeat; width:1000px; height:346px;}
.certifiedbg{background:url(../images/certifiedBG.png) no-repeat; width:1000px; height:346px;}

