@charset "utf-8";
/* CSS Document */
img{
border:none;
}
body {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#ccc;
}
#container {
	width:1000px;
	margin:0 auto;
}
#toprow {
	background-image:url(../images/top-base.jpg);
	background-repeat:repeat-x;
	height:55px;
}
.cellspace{
	padding:6px;
}
.error{
	color:#FF0000;
	padding-top:1px;
	font-size:11px;
	background-image:url(../images/error_small.png);
	background-repeat:no-repeat;
	padding-left:20px;

}
#navigation {
	float:left;
	width:805px;
	padding:0px 0px 0px 5px;
}
#navigation a {
	color:#fff;
	text-decoration:none;
	font-size:14px;
	margin:15px 5px 10px 0px;
	display:block;
	padding:7px 8px 9px 8px;
	float:left;
}
#navigation a:hover {
	color:#fff;
	text-decoration:none;
	font-size:14px;
	margin:15px 5px 10px 0px;
	display:block;
	padding:5px 6px 9px 6px;
	float:left;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	border-top:2px solid #fff;
	background-color:#000000;
}
#navigation a.active {
	color:#fff;
	text-decoration:none;
	font-size:14px;
	margin:15px 5px 10px 0px;
	display:block;
	padding:5px 6px 9px 6px;
	float:left;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	border-top:2px solid #fff;
	background-color:#000000;
}
#rightside {
	float:right;
	width:84px;
        padding:13px 0px 0px 0px;
}

.chat {
	float:left;
	width:100px;
	padding-top:7px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	margin-right:2px;
}
.chat img {
	float:left;
}


.chat a {
	float:left;
	width:100px;
    color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	border:0px;
} 


#header {
	background-image:url(../images/pattern.gif);
	background-repeat:repeat;
	border-bottom:4px solid #cd961d;
	clear:both;
}
#logo {
	width:340px;
	float:left;
	padding:40px 20px 10px 20px;
}
#comments {
	
	width:606px;
	height:171px;
	background-repeat:no-repeat;
	float:right;
	font-size:30px;
	text-align:center;
	overflow:hidden;
}

#comments span {
	color:#cd961d;
}
#tabs  {
	background-color:#000000;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
}
#tabs a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	padding:10px 10px;
	display:block;
	float:left;
	margin:0 8px;
}
#tabs a:hover {
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	background-color:none;
	padding:10px 10px;
	display:block;
	margin:0 8px;
	float:left;
}
#tabs a.active {
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	background-color:none;
	padding:10px 10px;
	display:block;
	margin:0 8px;
	float:left;
}
#tabcontent {
	background-color:#FFFFFF;
	clear:both;
	background-image:url(../images/right-side.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
#tabcontent .imgside {
	padding-left:20px;
	float:left;
	width:456px;
	}
#tabcontent .content {
	float:left;
	line-height:22px;
	width:470px;
	padding-left:10px;
	}
	
	

.banner1{
	background-image:url(../images/arrow.jpg);
	background-position:80px top;
	background-repeat:no-repeat;
	padding-top:15px;	
}
.banner2{
	background-image:url(../images/arrow.jpg);
	background-position:260px top;
	background-repeat:no-repeat;
	padding-top:15px;	
}
.banner3{
	background-image:url(../images/arrow.jpg);
	background-position:450px top;
	background-repeat:no-repeat;
	padding-top:15px;	
}
.banner4{
	background-image:url(../images/arrow.jpg);
	background-position:576px top;
	background-repeat:no-repeat;
	padding-top:15px;	
}
.banner5{
	background-image:url(../images/arrow.jpg);
	background-position:690px top;
	background-repeat:no-repeat;
	padding-top:15px;	
}
.banner6{
	background-image:url(../images/arrow.jpg);
	background-position:850px top;
	background-repeat:no-repeat;
	padding-top:15px;	
}

h1 {
	font-size:20px;
	color:#3e3e3e;
	padding:0;
	margin:0;
	float:left;
	padding-right:10px;
	padding-top:10px;
}
#slides1 li ul {
	list-style:none;
	padding:0;
	margin:0;
}
#slides1 li ul li{
	float:left;
	background-image:url(../images/bullet.jpg);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:25px;
	width:200px;
}
.clr {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
}
#imp_links {
	background-color:#5a5a5a;
	padding:10px 10px;
	color:#FFFFFF;
	font-size:14px;
}
#imp_links ul {
	list-style:none;
	padding:0;
	margin:0;
}
#imp_links ul li {
	float:left;
	width:193px;
	padding:2px 0;
}
#imp_links ul li a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
}
#imp_links ul li a:hover {
	color:#CD971D;
	text-decoration:none;
	font-size:14px;
}
h2 {
	padding:7px 0;
	margin:5px 0;
	color:#FFFFFF;
	border-bottom:1px dashed #fff;
	font-size:14px;
	font-weight:normal;
}
#link_left {
	float:left;
	width:392px;
}
#link_right {
	float:left;
	width:364px;
	margin:0px 0px 0px 10px;
}
.smallleft {
	float:left;
	width:180px;
	padding-top:30px;
}
.smallright {
	float:right;
	width:180px;
	padding-top:30px;
}
.smallright-spa {
	float:right;
	width:204px;
	padding-top:70px;
}
.smallleft1 {
	float:left;
	width:180px;
}
.smallright1 {
	float:right;
	width:204px;
}
#contentpanel{
/*	background-image:url(../images/content-base.jpg);
	background-repeat:repeat-y;*/
	background-color:#FFF;
/*	padding:15px;*/
	
}

#contentpanel-testi{
/*	background-image:url(../images/content-base.jpg);
	background-repeat:repeat-y;*/
	background-color:#FFF;
	margin:10px 0px;
	
}


#leftpanel{
	width:280px;
	float:left;
	padding:10px 0px 0px 0px;
	min-height:360px;
	
}
#leftpanel a {
text-decoration:none;
/*color:#000000;
*/}
#leftnav a{
	color:#000000;
	font-size:14px;
	display:block;
	padding:5px;
	margin-bottom:10px;
	text-decoration:none;
	background-image:url(../images/linky.jpg);
	background-repeat:no-repeat;
	background-position:10px 7px;
	padding-left:30px;
	border-top:1px solid #000;
	background-color:#d1961e;
				border-bottom:1px solid #000;

}
#leftnav a:hover{
	color:#fff;
	font-size:14px;
	display:block;
	padding:5px;
	background-color:#000;
	margin-bottom:10px;
		text-decoration:none;
		background-image:url(../images/linkb.jpg);
	background-repeat:no-repeat;
	background-position:10px 7px;
		padding-left:30px;
		border-top:1px solid #000;
				border-bottom:1px solid #000;

}

#leftpanel-testi{
	width:250px;
	float:left;
	padding:15px 15px 0px 15px;
}
#leftpanel-testi a {
text-decoration:none;
color:#000000;
}
#leftpanel-testi a{
	color:#000000;
	font-size:14px;
	display:block;
	padding:5px;
	margin-bottom:10px;
	text-decoration:none;
	background-image:url(../images/linky.jpg);
	background-repeat:no-repeat;
	background-position:10px 7px;
	padding-left:30px;
	border-top:1px solid #000;
	background-color:#d1961e;
				border-bottom:1px solid #000;

}
#leftpanel-testi a:hover{
	color:#fff;
	font-size:14px;
	display:block;
	padding:5px;
	background-color:#000;
	margin-bottom:10px;
		text-decoration:none;
		background-image:url(../images/linkb.jpg);
	background-repeat:no-repeat;
	background-position:10px 7px;
		padding-left:30px;
		border-top:1px solid #000;
				border-bottom:1px solid #000;

}




/*navdeep create css start here*/

/*new footer start here*/
.new-footer{ background:url(../images/new-ft-bg.png) repeat-x; padding:20px; }
/*new footer ends here*/

/*icon panel start here*/
.icon-panel{ float:left; background:url(../images/dooted-img..png) repeat-y right; width:135px; height:351px;}
/*icon panel ends here*/

/*iphone-icon start here*/
.icon-left-s{ font-size:12px; color:#949494; width:120px }
.icon-left-img{ float:left; margin:0px 5px 0px 0px;}
.icon-left-txt{ float:left; font-size:12px; color:#949494;}
.icon-left-txt a{ text-decoration:none; color:#949494; padding:13px 0px 0px 5px; display:block;}
.icon-left-txt a:hover{ text-decoration:none; color:#fff;}
/*iphone-icon ends here*/
/*space-img start here*/
.space-img{ height:15px;}
/*space-img end here*/


/*opnen source link start here*/

.open-source-link{ float:left; background:url(../images/dooted-img..png) repeat-y right; width:181px; height:351px; line-height:18px; padding:0px 15px;}
.open-source-link span{ font-weight:bold; color:#bebebe; font-size:12px;}
.open-source-link a{ font-size:12px; color:#949494; text-decoration:none; line-height:18px; width:181px; display:block;}
.open-source-link a:hover{ color:#bebebe;}
/*opnen source link ends here*/

/*home link start here*/

.home-link{ float:left; background:url(../images/dooted-img..png) repeat-y right; width:191px; height:351px; line-height:18px; padding:0px 15px;}
.home-link span{ font-weight:bold; color:#bebebe; font-size:12px;}
.home-link a{ font-size:12px; color:#949494; text-decoration:none; line-height:18px; width:191px; display:block;}
.home-link a:hover{ color:#bebebe;}
/*opnen source link ends here*/

/*share-with link start here*/

.share-link{ float:left;  width:157px; height:351px; line-height:18px; padding:0px 0px 0px 15px;}
.share-link span{ font-weight:bold; color:#bebebe; font-size:12px;}
.share-link a{ font-size:12px; color:#949494; text-decoration:none; line-height:18px; width:auto; display:block;}
.share-link a:hover{ color:#bebebe;}


.share-txt{ float:left; font-size:12px; color:#949494;}
.share-txt a{ text-decoration:none; color:#949494; padding:13px 0px 0px 5px; display:block;}
.share-txt a:hover{ text-decoration:none; color:#fff;}
/*share-with link ends here*/



/*php frame start here*/
.php-frame{ padding:20px 0px 0px 0px}
/*php frame ends here*/

/*contact-pannel start here*/
.contact-panel{ padding:10px 0px 0px 0px; background:url(../images/contact-bg.png) repeat-x top;}

.skype{ float:left; margin:0px 2px 0px 0px;}
.yahoo{ position:relative; top:18px; float:left;}

/*contact-pannel ends here*/

/*request-quote-btn start here*/
.request-quote-btn{ float:left; width:269px;}

/*request bg start here*/
.request-bg{ background:url(../images/rquest-quote-bg.png) repeat-x; font-size:24px; color:#fff; border-left:1px solid #000000;border-top:1px solid #000000;
border-top:1px solid #000000; width:217px; height:26px; padding:7px 0px 7px 10px; float:left;}

.request-bg a{ font-size:24px; color:#fff; background:url(../images/orange-arrow.png) no-repeat 190px 6px; text-decoration:none; width:217px; display:block;}
.request-bg a:hover{ text-decoration:underline;}
/*request bg ends here*/
.request-img-s{ float:left;}

/*request-quote-btn ends here*/

.dotted-border{ border-bottom:1px dotted #666; padding:10px 0px 0px 0px; }

/*red-button start here*/
.red-button{ background:#9e0226; font-size:12px; color:#ffffff; padding:5px; float:right;}
.red-button a{ font-size:12px; color:#ffffff; text-decoration:none; display:block;}
.red-button a:hover{ text-decoration:underline;}
/*red-button ends here*/

/*client panel start here*/
.client-panel{ padding:2px 0px 0px 0px;}

.client-panel-heading { width:100px; float:left; padding:5px 10px 10px 0px; font-size:12px; font-weight:bold; color:#000;}

.icon-img-s{ float:left; padding:0px 5px 0px 5px;}
/*client panel ends here*/
/*navdeep create css ends here*/

/*ritu create css starts here */
/* request a quote under left panel starts here */
.soft_tech{ width:255px; height:auto; margin:5px 10px 0px 10px; padding:0px 0px 78px 0px; text-align:justify; font-size:12px; color:#666666; 
border-bottom:1px dotted #666;}
.linux_tech{ width:255px; height:auto; margin:5px 10px 0px 10px; padding:0px 0px 68px 0px; text-align:justify; font-size:12px; color:#666666; 
border-bottom:1px dotted #666;}
.mvc_tech{ width:255px; height:auto; margin:5px 10px 0px 10px; padding:0px 0px 65px 0px; text-align:justify; font-size:12px; color:#666666; 
border-bottom:1px dotted #666;}
.YII_tech{ width:255px; height:auto; margin:5px 10px 0px 10px; padding:0px 0px 77px 0px; text-align:justify; font-size:12px; color:#666666; 
border-bottom:1px dotted #666;}
.codigniter_tech{ width:255px; height:auto; margin:5px 10px 0px 10px; padding:0px 0px 68px 0px; text-align:justify; font-size:12px; color:#666666; 
border-bottom:1px dotted #666;}
.drupal_tech{ width:255px; height:auto; margin:5px 10px 0px 10px; padding:0px 0px 70px 0px; text-align:justify; font-size:12px; color:#666666;
 border-bottom:1px dotted #666;}
.joomla_tech{ width:255px; height:auto; margin:5px 10px 0px 10px; padding:0px 0px 70px 0px; text-align:justify; font-size:12px; color:#666666; 
border-bottom:1px dotted #666;}
.microsoft_tech{ width:255px; height:auto; margin:5px 10px 0px 10px; padding:0px 0px 58px 0px; text-align:justify; font-size:12px; color:#666666; 
border-bottom:1px dotted #666;}
.java_tech{ width:255px; height:auto; margin:5px 10px 0px 10px; padding:0px 0px 70px 0px; text-align:justify; font-size:12px; color:#666666; 
border-bottom:1px dotted #666;}
.software_dev{ width:auto; height:auto; margin:0px; padding:0px;}
.software_dev p{ width:auto; height:auto; margin:2px 0px 0px 0px; padding:0px 0px 5px 0px; color:#666666; font-size:12px;}
.software_dev p a{ width:auto; height:auto; margin:2px 0px 0px 0px; padding:0px; color:#b91c40; font-size:12px; font-weight:bold; text-decoration:none; margin-left:2px;}
.software_dev p a:hover{ text-decoration:underline;}
.sft_photo{ width:auto; height:auto; margin:5px auto 0px 45px; padding:0px;}
.award_div{ width:auto; height:auto; margin:0px; padding:0px;}
.award{ width:auto; height:auto; margin:5px 0px 0px 12px; padding:0px; font-size:20px; color:#b91c40;}
.award_list{ width:auto; height:68px; margin:2px 0px 0px 10px; padding:0px; text-align:center;}
.award_list ul{ margin:0px; padding:0px; list-style:none;}
.award_list ul li{ width:auto; height:auto; margin:0px 12px 0px 0px; padding:0px; float:left; }
.award_list ul li a{  padding:0px; float:left;}

/* request a quote under left panel ends here */
/*ritu create css ends here */

#rightpanel{
	float:right;
	width:682px;
	text-align:justify;
	font-size:14px;
	line-height:20px;
	color:#666666;
	padding:0px 15px 0px 15px;
border-left:2px solid #C59625
}
#rightpanel p span{
	color:#990000;
}
.iso{
	float:left;
	padding:0 20px 10px 0; 
}
h3{
	font-size:22px;
	color:#333333;
}
h3 span{
	color:#cd961d;
	font-weight:normal;
}
.readmore{
	background-image:url(../images/readmore.jpg);
	text-align:center;
	color:#000000;
	float:right;
	display:block;
	width:90px;
	background-repeat:no-repeat;
	height:25px;
	padding-top:5px;
	text-decoration:none;
}
#leftside{
	width:310px;
	float:left;
}
#rightside1{
	width:340px;
	float:right;

}
#footer{
	clear:both;
	background-color:#fff;
	margin:0 auto;
	text-align:center;
	padding:5px 0;
}
#text{
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	color:#000;
	font-size:9px;	
	margin:10px 0;
	padding:2px;
}
.slides1_wrap {
	width:960px;
	height:410px;
	overflow:hidden;
}
.bxslider_container{
	clear:both;

}

.footer-top{ margin:0 auto; 
	display:block; 
	width:500px; 
	text-align:center; 
	width:auto; 
	overflow:hidden;
	}





#slides1{
	}
#slides1 li {
	list-style: none;
	width:960px;
	}
#image_rotate li{
	position:relative;
	left:0;
}
#image_rotate{
	width:606px;
	height:171px;
	overflow:hidden;
}
h4{
	font-size:12px;
	color:#7b011d;
	padding:5px 0;
	margin:0;
}
h5{
	font-size:14px;
	color:#666;
	padding:5px 0;
	margin:0;
}

h6{
font-size:16px;
	color:#666;
	padding:5px 0;
	margin:0;
}
form{
	font-size:11px;
}



.slides1_wrap a:active {

}

.bx_pager {
	background-color:#000000;
	display:block;
	height:36px;

}

.bx_pager a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	padding:10px 10px;
	display:block;
	float:left;
	margin:0 10px;
}


.bx_pager a:hover, .bx_pager a.active {
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	background-color:#cd961d;
	padding:10px 10px;
	display:block;
	margin:0 10px;
	float:left;
}
.auto_controls {
	position: absolute;
	bottom: -11px;
	display:none;
	left: 394px;
}

.auto_controls a {
	font-size: 16px;
	color: #a3a3a3;
	outline: 0;
	padding: 2px;
	display:none;
}
#tabs a.prev, #tabs a.next {
	display:none;
	border:none;
}
img{
	border:none;
}
.auto_controls a:hover {
	text-decoration: none;	
	background:none ;
	color: #e41996;
}
.txtfld{
	width:200px;
	background-color:#cdcdcd;
	border:1px solid #666;
	color:#000;
	font-size:11px;
}

.txtarea{
	width:330px;
	border:1px solid #666;
	background-color:#cdcdcd;
	color:#FFFFFF;
}
.btn{
	background-color:#cd961d;
	border:none;
}

.textright{
	text-align:right;
	color:#990000;
	border-bottom:1px dashed #ccc;
	padding-bottom:15px;
}
p{
	padding:10px 0 0 0;
	margin:0;
}
#rightpanel a{
	/*color:#000000;*/
	text-decoration:none;
}
.redtxt{
	color:#990000;
}
#rightholder{
	float:right;
}
.imgleft{
	float:left;
	padding:0 10px 10px 0;
}
.close_quote{
	padding-right:15px;
	display:block;
	float:right;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.close_quote1{
	padding-right:15px;
	display:block;
	float:right;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.title{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:30px;
	background-image:url(../images/top-base.jpg);
	background-repeat:repeat-x;
	padding-top:10px;
	padding-bottom:10px;
	}
	
	#rightpanel a.hb{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
text-align:center;
width:162px;
height:39px;
display:block;
text-decoration:none;
padding-top:10px;
font-weight:bold;
background-image:url(../images/hover.jpg);
background-repeat:no-repeat;
}
#rightpanel a.hb:hover{
background-image:url(../images/simple.jpg);
background-repeat:no-repeat;
color:#000;
font-weight:bold;
}
 #galleria{width:680px;}
 
 #outer_container_quote{
position: absolute;
margin-left:300px;
z-index:1001;
margin-top:-78px;
width:380px;
background-color:#fff;
border:5px solid #cd961d;
}
#outer_container_quote_thanks{
position: absolute;
margin-left:300px;
z-index:1001;
margin-top:58px;
width:380px;
background-color:#fff;
border:5px solid #cd961d;
}
.float-img{ float:left;}