/* CSS Document */

html {margin-bottom:1px; height:100%;}



body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#696969; font-size:12px;}



#wrapper {width:984px; margin:0px auto;}



.full {width:100%; float:left;}

.rt-align {text-align:right;}

.ct-align {text-align:center;}



.pad1 {padding:0px 5px 0px 1px;}

.pad2 {padding:15px 0px 15px 0px;}

.pad3 {padding:0px 0px 0px 15px;}

.pad4 {padding:0px 10px 0px 10px;}



.mar1 {margin:2px 0px 5px 0px;}

.mar2 {margin:10px 0px 5px 0px;}



p {line-height:16px; padding:0px 0px 10px 0px; margin:0px; text-align:justify;}

p a{text-decoration:underline; color:#696969;}

p a:hover{text-decoration:none; color:#347BBA;}

p.contact {line-height:16px; padding:0px 0px 10px 0px; margin:0px; text-align:left !important;}



.shade1 {color:#347BBA;}



h1 {background:url(../images/logo.gif) no-repeat 0px 0px; width:255px; height:65px; margin:0px; padding:0px; float:left;}

#logo h1 a{display:block; height:65px;}

h1 i, h2 i {display:none;}

.livechat{float:left; width:100px; padding-left:20px;}



h2 {font-weight:bold; color:#5D5D5D; margin:0px; padding:0px; font-size:12px;}



h3 {font-size:12px; color:#347BBA; margin:0px; padding:0px; font-weight:normal;}

h3 a{color:#347BBA; text-decoration:none;}

h3 a:hover{color:#347BBA; text-decoration:underline;}



/* Header CSS */

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



#logo {width:432px; float:left; padding:12px 0px 9px 7px; margin:0px;}

#contact-sec {width:527px; float:left; padding:10px 9px 0px 0px; margin:0px;}



#menubar {width:714px; float:left; background:url(../images/menubar-bg.gif) repeat-x 0px 0px; height:42px;}

.corner {width:7px; float:left;}



ul#navbar {margin:0px; padding:0px 0px 0px 0px; width:714px; float:left; }

ul#navbar li {background:url(../images/seperator.gif) no-repeat right top; list-style-type:none; font-weight:bold; color:#FFFFFF; padding:15px 24px 11px 24px; float:left;}

ul#navbar li a{color:#FFFFFF; text-decoration:none; display:block;}

ul#navbar li a:hover, ul#navbar li a.on {color:#B6D6F0; text-decoration:none;}



ul#navbar li.none {list-style-type:none; font-weight:bold; color:#FFFFFF; padding:15px 35px 11px 35px; float:left; background:none;}





/* Container CSS */

.container-left {width:685px; float:left; padding:0px 0px 20px 4px;}

.container-right {width:256px; float:right; padding:0px 0px 0px 0px;}



.three-cols{ width:685px; float:left; overflow:hidden; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px;}

.main-sec {width:222px; float:left;  margin-bottom:-300px; padding:0px 0px 300px 5px; border-right:solid 1px #E9E9E9; display:block;}

.main-sec3 {width:222px; float:left;  margin-bottom:-300px; padding:0px 0px 300px 5px; border-right:none;}

.seperator {width:1px; float:left;}



ul.norm {margin:0px; padding:10px 0px 20px 10px;}

ul.norm li {background:url(../images/development-bullet.gif) no-repeat 0px 6px; color:#696969; padding:0px 10px 10px 15px; line-height:18px; list-style-type:none; margin:0px; border-bottom:dashed 1px #9F9F9F; margin:0px 15px 9px 0px;}

/*ul.norm li.separator{ width:159px; height:1px; background:url(../images/dotted-hl.gif) no-repeat; margin:0px 15px 0px 10px;}*/

ul.norm li a{color:#347BBA; text-decoration:none;}

ul.norm li a:hover{color:#347BBA; text-decoration:underline;}



ul.development {margin:0px; padding:10px 0px 15px 10px;}

ul.development li{background:url(../images/development-bullet.gif) no-repeat 0px 6px; color:#696969; padding:0px 10px 20px 15px; line-height:20px; list-style-type:none;}

ul.development li a{color:#696969; text-decoration:none;}

ul.development li a:hover{color:#696969; text-decoration:underline;}



.center-bg {background:url(../images/dotted-bg.gif) repeat-y 20px 0px;}



.small-sec {width:5px; float:left;}

.right-bg {width:241px; float:left; background:url(../images/right-bg1.gif) repeat-x 0px 0px; height:23px; padding:4px 0px 0px 5px;}



.dedicated-sec {width:232px; float:left; padding:0px 0px 0px 12px; margin-top:5px;}

.dedicated-icon {width:70px; float:left; padding:0px 0px 0px 0px;}

.dedicated-strip {width:137px; float:left; background:url(../images/right-bg2.gif) repeat-x 0px 0px; height:22px; text-align:right; padding:6px 5px 0px 0px;}

.dedicated-rt-sec {width:20px; float:left;}



.address-sec {width:243px; float:left; padding:5px 0px 0px 13px;}

.hire-sec {width:383px; float:left; padding:0px 5px 0px 0px;}

.form-sec {width:209px; float:left; margin:0px 0px 0px 10px; padding:0px;}



.form-content {background:#C4D4E2; width:199px; float:left; padding:0px 10px 0px 10px;}

.form-text {width:70px; float:left;}

.form-field {width:129px; float:left;}

.form-data {width:199px; float:left; padding:0px 0px 10px 0px;}



input.main {width:120px; float:left; border:1px solid #E9E9E9;}

textarea.main {width:120px; float:left; border:1px solid #E9E9E9;}





/* footer CSS */



#footer {width:984px; background:url(../images/footer-bg.gif) 0px top repeat-x; float:left; padding:10px 0px 20px 0px;}



ul.footer {margin:0px; padding:5px 0px 0px 30px; background:#fff;}

ul.footer li { no-repeat 0px 6px; list-style-type:none; float:left; padding:0px 17px 0px 10px; color:#5D5D5D;}

ul.footer li a{color:#5D5D5D; text-decoration:none;}

ul.footer li a:hover{color:#5D5D5D; text-decoration:underline;}



ul.footer2 {margin:0px; padding:5px 0px 20px 180px;}

ul.footer2 li {background:url(../images/footer-bullet.gif) no-repeat 0px 6px; list-style-type:none; float:left; padding:0px 17px 0px 10px; color:#5D5D5D;}

ul.footer2 li a{color:#5D5D5D; text-decoration:none;}

ul.footer2 li a:hover{color:#5D5D5D; text-decoration:underline;}



.bookmark{width:256px; float:left; background:#DEDEDE; margin-bottom:10px;}

.bookmark-top{width:256px; height:9px; float:left; background:url(../images/bookmark-top.jpg) no-repeat left top; font-size:1px;}

.bookmark-bot{width:256px; height:9px; float:left; background:url(../images/bookmark-bot.jpg) no-repeat left top; font-size:1px;}

.bookmark-mid{width:236px; float:left; font:22px 'Trebuchet MS', Arial, Tahoma, Verdana; color:#414141; padding:0px 10px 0px 10px;}



/*==================Why Choose Us Box CSS======================*/

.fullrow{width:980px; float:left;}

.navbanner{width:728px; float:left; padding:0px 2px 0px 0px;}

.whychoose{width:218px; height:202px; float:left; background:url('../images/whychoose-bg.jpg') repeat-x top #216199; padding:5px 15px 4px 15px;}

.whychoose a{display:block; text-decoration:none;}

.whychoose h2{font:20px 'Trebuchet MS', Arial, Tahoma, verdana; color:#A0D3FF; margin:0px; padding:0px 0px 3px 0px;}

.whychoose ul{margin:0px; padding:0px 0px 0px 0px;}

.whychoose ul li{list-style:none; background:url('../images/arrow-yellow.gif') no-repeat 0px 6px; font:12px Arial, Verdana, tahoma; color:#FFF; padding:3px 0px 3px 17px;}

.whychoose p{text-align:center;}





.usp-box{width:982px; float:left; border:1px solid #ABBFD1; margin-top:10px;}

.usp-box h2{font:bold 18px Arial, Tahoma, verdana; color:#DA0313; margin:0px; padding:5px 10px 5px 10px;}

.usp-box p{font:12px Arial, Tahoma, verdana; color:#206199; margin:0px; padding:2px 10px 8px 30px;}

.caption{font:bold 15px Arial, Tahoma, verdana; color:#FFF; background:#5895CB; border-bottom:1px solid #ABBFD1; padding:7px 10px 7px 10px;}

.bdr-rgt{border-right:1px solid #ABBFD1;}

.tbldata{font:12px Arial, Tahoma, verdana; color:#303030; padding:7px 10px 7px 10px;}

.tbldata span{color:#5895CB;}

.bluebg{background:#E9F3FC;}

.usp-box ul{margin:0px; padding:0px 0px 5px 0px; font:12px Arial, Tahoma, verdana; color:#5293CB;}

.usp-box ul li{list-style:none; background:url('../images/usp-bullet.jpg') no-repeat 0px 7px; padding:2px 0px 2px 10px;}

.middle{vertical-align:middle;}



.pgTitle{width:685px; float:left; font:bold 24px Arial, Tahoma, verdana; color:#216199; padding:10px 0px 10px 0px;}

.businessRow{width:685px; float:left; padding:0px 0px 0px 0px;}

.businessRow-Col{width:228px; float:left; padding:0px 0px 0px 0px;}

.businessRow p{font:12px Arial, Tahoma, verdana; color:#696969; margin:0px; padding:5px 0px 5px 0px;}

.businessRow p a{color:#5294CE; text-decoration:underline;}

.businessRow ul{margin:0px; padding:10px 0px 0px 0px;}

.businessRow ul li{list-style:none; background:url('../images/scope-bullet.gif') no-repeat 0px 8px; font:bold 12px Arial, Verdana, tahoma; color:#216199; padding:3px 0px 3px 17px;}

.businessRow ul li a{color:#216199; text-decoration:none;}

.businessRow ul li a:hover{color:#216199; text-decoration:underline;}



.terms{width:685px; float:left; font:13px Arial, Tahoma, verdana; color:#5D5D5D; line-height:16px; padding:5px 0px 5px 0px;}

.letter {width:20px; float:left; font-weight:bold; padding:0px 0px 0px 0px;}

.termtxt {width:665px; float:left; padding:0px 0px 0px 0px;}
.middle{vertical-align:middle;
cursor:pointer;
}
.hideshow
{
	display:none;
}



/*css created on 16th April 2010*/

/*css created on 19 July   2010*/

.floatR{float:right;}
.floatL{float:left;}
a img {
border:0 none;
}

.padt12{padding-top:12px;}
.padl5{padding-left:5px;}
.padt3{padding-top:3px;}
.padl18{padding-left:33px;}


.page_midhead{background:#fff url(../images/mainHbg.gif) left top repeat-x;
			 width:675px;
			float:left;
			padding:20px 0 0 10px; 
			height:37px;
			}

.selectBox1 {
background:url("../images/pselcectBox1.png") no-repeat scroll left top transparent;
float:left;
height:24px;
padding:7px 0 0 7px;
width:209px;
}
.selectBox1 input {
background:none repeat scroll 0 0 transparent;
border:medium none;
float:left;
height:18px;
padding-left:5px;
width:155px;
}
.dropBtn {
float:left;
padding-left:13px;
width:18px;
}
.SelectedDiv {
background:none repeat scroll left top #FFFFFF;
min-height:15px;
padding:6px 0 6px 10px;
cursor:pointer;
}

.drop_box{
	width: 165px; 
	position: absolute; 
	background: none repeat scroll 0% 0% rgb(255, 255, 255); 
	color: rgb(0, 0, 0); 
	overflow: hidden; 
	height: 110px; 
	border: 1px solid rgb(197, 197, 197); 
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
	left: 0px; 
	top: 30px;
}

.nav_bg{
		line-height:16px; 
		padding:0px 0px 0px 0px; 
		width:678px; float:left; 
		color:#42556c; 
		background:#E3E7EC;
		padding:5px;
		}
.pagging{float:right; padding-top:3px; }
.pagging a{
background:none repeat scroll 0 0 #5294ce;
color:#FFFFFF;
display:block;
float:left;
font-size:12px;
margin-left:1px;
padding:4px 8px;
text-decoration:none;
}

.pagging a:hover, .pagging a.selected {
background:none repeat scroll 0 0 #216199;
color:#FFFFFF;
display:block;
float:left;
font-size:12px;
margin-left:1px;
padding:4px 8px;
text-decoration:none;
}

/*----------------------------*/
.bg_portfolio_box {
background:url("../images/bg_portfolio_box.jpg") no-repeat scroll 1px 1px #FFFFFF;
border:1px solid #C4C4C4;
min-height:212px;
width:204px;
}
.box_inner {
padding:10px 0 10px 9px;
}
.box_inner img {
background:url("../images/portfolioImgFrm.jpg") no-repeat scroll left top transparent;
display:block;
padding:3px 3px 4px 4px;
width:177px;
}
.box_inner a{color:#347BBA; text-decoration:none;}
.box_inner a:hover{color:#5294ce; text-decoration:underline;}

.text_visitwebsite {
background:url("../images/portfolioBrm.png") no-repeat scroll 1px 0 transparent;
color:#5EB1DB;
line-height:36px;
padding-left:13px;
}
 .text_visitwebsite a{color:#333;font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none}
.tech_list a{color:#666;font-size:10px; text-decoration:none}
.tech_list a:hover, .text_visitwebsite a:hover{color:#333; text-decoration:underline}
.tech_list{width: 177px; font-size: 11px; overflow: hidden; height: 50px;}


/*css created on 16th April 2010*/