/* CSS Document */
body{
margin:0px;
padding:0px;
text-align:center;
font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
color:#585858;
}
p{
margin:0px;
padding:8px 0px;
text-align:justify;
}
.clear{
clear:both;
font-size:1px;
}
.float_left{
float:left;
width:auto;
}
.float_right{
float:right;
width:auto;
}

#container {
	padding: 0px 0px 0px;
	width:1003px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#mid_new{
	width:1003px;
}
#container_row1 {
	padding: 0px 0px 0px;
	width: 1003px;
	text-align: left;
}
#body_main{
	width:1000px;
	float:none;
	margin:0 auto;
	}

#left_col{
	float: left;
	width:211px;
	margin-left:0px;
	text-align:left;
	padding:0px 0 0 2px;
}
#quick_bar{
	width:211px;
	height:45px;
	background-repeat:no-repeat;
}
#quick_bg_repeat{
	width:211px;
	height:225px;
	background-image:url(quick_contact_repeat.jpg);
}
.white_a{
	padding-left:15px;
	}
.white_a div{
	padding:4px 0px;
	margin:0px;
	}
.white_a a{
	color:#FFFFFF;
	text-decoration:none;
	}

.white_a a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}

#cont_icon{
	width:25px;
	height:173px;
	float:left;
	margin-left:3px;
	padding-left:2px;
	background-image:url(icon_bar.jpg);
	background-repeat:no-repeat;
}
#quick_bot{
float:left;
	width:211px;
	height:12px;
	background-image:url(quick_contact_bot.jpg);
	background-repeat:no-repeat;
}
#cont_icon_text{
width:170px;
float:left;
text-align:left;
}

#navi_bg{
	width:100%;
	background-image:url(navi_bg.jpg);
	margin:0px;
	padding:0px;
}
#navigation_list{
	margin-left:5%;
	color:#CCE9FB;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	list-style-image:url(main_bullet.jpg);
	display:block;
}
#navigation_list A{
height:22px;
	margin-left:0px;
	padding-left:40px;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	display:block;
	vertical-align:middle;
}
#navigation_list A:hover{
width:211px;
height:22px;
	margin-left:40px;
	padding-left:0px;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	background-image:url(navi_hover.jpg);
	vertical-align:middle;
}
.navigation_main{
	padding-left:15px;
	padding-bottom:10px;
	padding-top:10px;
	color:#CCE9FB;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	list-style-image:url(main_bullet.jpg);
	display:block;
}
a.navigation_main_link{
	padding-left:40px;
	padding-top:10px;
	padding-bottom:10px;
	color:#CCE9FB;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	font-weight:bold;
	text-decoration:none;
	list-style-image:url(main_bullet.jpg);
	display:block;
	background-image:url(main_link_bg.jpg);
	background-repeat:no-repeat;
	height:21px;		
}
a.navigation{
	padding-left:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	height:21px;
	padding-top:2px;
	vertical-align:middle;
}
a.navigation:active{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	background-image:url(navi_hover.jpg);
	background-repeat:no-repeat;
	height:21px;		
	padding-top:2px;
}
.active_page{
padding-left:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	display:block;
	height:21px;
	padding-top:2px;
	vertical-align:middle;
	background-image:url(navi_hover.jpg);
	background-repeat:no-repeat;
	
	}

a.navigation:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	background-image:url(navi_hover.jpg);
	background-repeat:no-repeat;
	height:21px;		
	padding-top:2px;
}



#navi_bot{
	width:211px;
	height:21px;
	background-image:url(navi_bot.jpg);
	
}




#mid_col{
	float: left;
	width:550px;
	margin: 0px;
	padding:0px 6px;
}
#mid_col_port{
	float: left;
	width:750px;
	padding:0px 0px 10px 10px;
}
#welcome_tab{	
	width:auto;
	
}
#welcome_image{	
	float:left;
	width:auto;
	padding:5px;
	
}
#logo_image{
	float:right;
	width:auto;
	height:auto;
	padding:4px;
}
#welcome_text{
	margin:auto;
	line-height:170%;
	text-align:justify;
	padding:0px 4px;
}
#outsourcing{
	line-height:150%;
	border:1px solid #000000;
	padding:10px;
	margin:10px 10px 10px  10px;
	text-align:left;
}
#testimonials{
	line-height:150%;
	border:1px solid #000000;
	padding:10px;
	margin:0px 10px 10px  10px;
	text-align:left;
}



#right_col{
	float:left;
	width: 211px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 6px;
}
.cont_us_bg{
width:211px;
background-image:url(contact_us_bg.jpg);
text-align:left;
}

#cont_us_bg{
width:211px;
}
#online_support{
	
}
#cont_us_tab{
	background-image:url(request_quot.jpg);
	height:42px;
	width:211px;
}
#cont_us_bot{
	width:211px;
	height:17px;
	background-image:url(contat_us_bot.jpg);
	background-repeat:no-repeat;
}
#cont_us_text{
	float:left;
	padding-top:5px;
	width:70px;
	padding-bottom:5px;
}

#cont_us_text2{
	float:left;
	width:70px;
	padding-bottom:5px;
}
#cont_us_text3{
	float:left;
	width:70px;
	padding-bottom:5px;
}
#cont_us_text4{
	float:left;
	width:70px;
	padding-bottom:5px;
}
#cont_us_text_input{
	padding-top:5px;
	width:110px;
	padding-bottom:5px;
}
#cont_us_text_input2{
	float:left;
	width:110px;
	padding-bottom:5px;
}
#cont_us_text_input3{
	float:left;
	width:110px;
	padding-bottom:5px;
}
#cont_us_text_input4{
	float:left;
	width:130px;
	padding-bottom:5px;
}
#webdesing_top{
	width:211px;
	height:38px;
	background-image:url(webdesigning_bar.jpg);
	background-repeat:no-repeat;
}
#open_source_repeat{
	width:211px;
	background-image:url(open_source_repeat.jpg);
}
#open_source_bg{
	width:211px;
	background-image:url(open_source_bg.jpg);
	background-repeat:no-repeat;
}
#open_source_txt{
margin-left:15px;
	padding-left:10px;
}
#open_source_bot{
	width:211px;
	height:13px;
	background-repeat:no-repeat;
}
#search_ingin_top{
	width:211px;
	height:35px;
	background-image:url(search_engin_top.jpg);
	background-repeat:no-repeat;
}
.search_ingin_repeat{
	width:211px;
	background-image:url(search_engin_repeat.jpg);
	padding:0px;
	margin:0px;
	height:200px;
}
#search_ingin_bg{
	width:211px;
	background-image:url(search_ingin_bg.jpg);
	background-repeat:no-repeat;
}

#search_ingin_bot{
	width:211px;
	height:13px;
	background-image:url(search_engin_bot.jpg);
	background-repeat:no-repeat;
}


#container_footer {
	text-align:center;
}
#cont_us_input_text{
	float:left;
}
#content_g_new{
	width:568px;
	margin-left:5px;
	float:left;
}
#content_g_new1{
	width:760px;
	margin-left:5px;
	float:left;
}
#bb{
	width:760px;
	margin-left:10px;
}
#content_img_new{
	width:185px;
	margin-left:5px;
	float:left;
}
#name_bg{
	width:213px;
	height:22px;
	background-image:url(name_bg.jpg);
	background-repeat:no-repeat;
}
#name_bg1{
	width:213px;
	height:22px;
	background-image:url(name_bg.jpg);
	background-repeat:no-repeat;
}
#cont_new{
	widows:210;
	margin-left:3px;
	text-align:left;
}
#content_new{
	float: left;
  	width:788px;
}
#content_new1{
	float: left;
  	width:788px;
}
#desi_cont{
	width:770px;
	margin-left:5px;
}
#top_links{
	background:url(link_bg.jpg) no-repeat;
	height:30px;
	padding-left:158px;
	text-align:left;
}
#top_link_text{
	position:absolute;
	top:5px;
	text-align:left;
	left: 164px;
	width: 710px;
}
#head{
	height:250px;
	border-top:4px solid #0176BC;
	border-left:1px solid #0176BC;
	border-right:1px solid #0176BC;
	border-bottom:2px solid #ffffff;
}
#head .top_space{
	margin:0px; 
	padding:0px;
	}
.logo_box{
	float:left; 
	width:110px; 
	border-right:4px solid #0176BC; 
	text-align:center; 
	padding:5px 0px;
	}
.phone_num{
	float:left;
	padding:15px 0 0 5px;
	width:450px;
	font:normal 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#EB5A03;
	/*border-top:2px solid #DCDCDC; border-left:2px solid #DCDCDC;
	border-bottom:2px solid #eaeaea; border-right:2px solid #eaeaea;
	background:#F9F9F8;*/
	margin:3px 0 0 20px;
	}
.phone_num span{
	font-weight:bold;
	color:#666666;
	}
.toplink{
	float:right;
	padding:15px 20px 0 45px;
	color:#585858;
	font:normal 11px/45px Verdana, Arial, Helvetica, sans-serif;
	}
.toplink a{
	font:normal 12px/30px Verdana, Arial, Helvetica, sans-serif;
	color:#585858;
	text-decoration:none;
	} 
.toplink a:hover{
	color:#333333;
	}

.navigation_drop{
	margin:0px 0 0px 0px;
	padding:0px;
	height:40px;
	}

#designing_bar{
	height:45px;
	width:211px;
}
#open_source_box{
	width:211px;
	margin-left:790px;
	margin-top:-495px;
}
#open_source_box1{
	width:211px;
	height:720px;
	margin-left:790px;
	margin-top:-495px;
}
#open_source_box3{
	width:211px;
	height:1000px;
	margin-left:790px;
	margin-top:-495px;
}

#open_source{
	height:45px;
}


#search_engine{
	width:211px;
	height:49px;
}

#search_engine_txt{
padding:0px 10px 0 10px;
}
#designing_bg{
	background-image:url(design_bg.jpg);
	background-repeat:no-repeat;
	width:211px;
	height:200px;
}
#designing_text{
padding:10px;
	text-align:left;
}
#mid_text{
	width:772px;
	margin-left:223px;
}
.footer_img{
	background-image:url(footer_img.jpg);
	height:72px;
	background-repeat:no-repeat
	
}
#footer_containt_box{
text-align:right;
}
#footer_containt_box2{
width:85%;
margin:auto;
text-align:center;
}


#pic{
	position:absolute; 
	left:224px; 
	top:337px; 
	width:128px; 
	height:84px;
}
#out_source{
	position:absolute; 
	left:812px; 
	top:330px; 
	width:140px; 
	height:102px;
}
#p1{
	position:absolute; 
	left:276px; 
	top:385px; 
	width:163px; 
	height:192px;
	background-image:url(portfolio_bg.jpg);
	text-align:center;
}
#p2{
	position:absolute; 
	left:507px; 
	top:384px; 
	width:163px; 
	height:192px;
	background-image:url(portfolio_bg.jpg);
	text-align:center;
}
#p3{
	position:absolute;
	left:740px;
	top:383px;
	width:163px;
	height:192px;
	background-image:url(portfolio_bg.jpg);
	text-align:center;
}
#p4{
	position:absolute; 
	left:275px; 
	top:602px; 
	width:163px; 
	height:192px;
	background-image:url(portfolio_bg.jpg);
	text-align:center;
}
#p5{
	position:absolute; 
	left:507px; 
	top:602px; 
	width:163px; 
	height:192px;
	background-image:url(portfolio_bg.jpg);
	text-align:center;
}
#p6{
	position:absolute; 
	left:740px; 
	top:602px; 
	width:163px; 
	height:192px;
	background-image:url(portfolio_bg.jpg);
	text-align:center;
}
#p7{
	position:absolute; 
	left:274px; 
	top:810px; 
	width:163px; 
	height:192px;
	background-image:url(portfolio_bg.jpg);
	text-align:center;
}
#p8{
	position:absolute; 
	left:507px; 
	top:810px; 
	width:163px; 
	height:192px;
	background-image:url(portfolio_bg.jpg);
	text-align:center;
}
#p9{
	position:absolute; 
	left:739px; 
	top:810px; 
	width:163px; 
	height:192px;
	background-image:url(portfolio_bg.jpg);
	text-align:center;
}
A.link_white1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}
A.link_white1:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:underline;
}
.img{
	border:0px;
}
#det{
	position:absolute; left:217px; top:554px; width:57px; height:23px;
}
#rmes{
	position:absolute; left:0px; top:387px; width:62px; height:20px; z-index:1;
}
.height{
height:400px;
}
.heading_tab{
background:url(heading_rpt.jpg) 0px 0px repeat-x;
height:35px;
}
.heading_tab h1{
	background:url(heading_bullet.gif) 4px 3px no-repeat;
	font:bold 19px/30px  Arial, Helvetica, sans-serif;
	color:#585858;
	padding:0 0 0 34px;
	
	}
.port_tab{
padding:5px 0px 5px 0;
}

.port_container{
padding:0px 0px 0px 0px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
border-left:0px ;
border-right:1px solid #999999;
margin-bottom:3px;
width:100%;
}
.port_img_in{
width:33%;
float:left;
text-align:center;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:4px 0px 4px 0px;
}
.port_text_in{
width:65%;
float:right;
text-align:left;
padding:4px 0px 4px 0px;
}

.port_img_container{
width:33%;
height:153px;
float:left;
text-align:center;
border-left:1px solid #CCCCCC;
padding:4px 0px 4px 0px;
}

.port_img_container2{
width:33%;
height:228px;
float:left;
text-align:center;
}
.port_proj_name{
padding:0px 3px 4px 12px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#F57F0A;
}
.port_text{
padding:4px 3px 4px 12px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#5F5F5F;
}
.latest_project_box{
border:1px solid #FFFFFF;
border-bottom:none;
border-left:none;
border-right:none;
text-align:center;
}
.latest_project_img{
text-align:center;
padding:3px;
}
.latest_project_img img{
	border:3px solid #FFFFFF;
	margin:5px 0px;
	}
.latest_project_name{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#F57F0A;
text-decoration:none;
background-color:#ffffff;
text-align:center;
padding:4px;
}
.latest_project{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
background-color:#2FA8EF;
text-align:center;
padding:4px;
}
.form_text{
width:70px;
height:18px;
float:left;
font-family:Tahoma, Verdana, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	padding:4px 0 0px 12px;
}
.form_text_area{
width:115px;
height:16px;
float:left;
padding:0 0 5px 0px;
}


/*------------------------Drop Down------------*/
.chromestyle{
font-weight: bold;
background-color:#0E75B0;
padding:2px 0 2px 0;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
 /*THEME CHANGE HERE*/
padding:0px 0;
margin: 0;
text-align:center;
background-color:#0E75B0;

 /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
text-align:center;
}

.chromestyle ul li a{
color: #ffffff;
padding: 0px 24px;
margin: 0;
text-decoration: none;
border-right: 2px solid #8DAABC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
background-color:#0E75B0;
line-height:28px;
float:left; width:auto;
}

.chromestyle ul li a:hover{
background-color:#F08E51;
 /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " ";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
 /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:left;
background-color:#1D82BC;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #E4A47B;
}

/*--------------------New styles-------------*/
.visiting_path{
font:normal 10px/12px Tahoma, Verdana, Arial, sans-serif;
height:14px;
padding-bottom:5px;
}
.visiting_path a{
color:#0066CC;
text-decoration:none;
}
.visiting_path a:hover{
color:#FF9900;
text-decoration:underline;
}
.visiting_path a:active{
color:#FF0000;
}

.recentproject_box{
padding:0px 0px 0px 0px;
border:1px solid #999999;
margin-bottom:3px;
width:100%;
}

.port_tab_pad{
padding:5px 0px;
}

/*----------home new classes---------------*/
.left_box{
	border:1px solid #00639F;
	font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#0064A0;
	padding:4px;
	margin:3px auto;
	width:200px;
	}
.left_box h2{
	color:#585858;
	font:bold 15px/19px Arial, Helvetica, sans-serif;
	display:block;
	padding-bottom:6px;
	margin-bottom:4px;
	}
.left_box h2 a{
	color:#585858;
	font:bold 15px/19px Arial, Helvetica, sans-serif;
	text-decoration:none;
	float:left;
	padding:0 0 0 1px;
	white-space:nowrap;
	text-align:left;
	}
.left_box h2 a:hover{
	color:orange;
	}
.left_box h2 img{
	float:left;
	display:block;
	margin:0px; padding:0px;
	}
.left_box img{
	display:block;
	float:left;
}
.left_box p{
	clear:both;
	margin:0px; padding:0px;
}
.left_box a{
	float:right;
	width:100px;
	color:#FD8A02;
	text-align:right;
	text-decoration:none;
	padding-right:5px;
}
.quick_contact_head{
	color:#585858;
	line-height:16px;
	border:1px solid #0F75B2;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	border-bottom:none;
	text-align:center;
	}
/*---------------Site map-----------*/
#sitemap{
	width:400px;
	margin:15px auto;
	}
ul.sublink{
	margin:0px;
	padding:0px;
	}
ul.sublink li{
	margin:0px;
	padding:0 0 0 15px;
	list-style:none;
	
	}
ul.sublink li a{
	text-decoration:none;
	color:#666666;
	text-decoration:none;
	font-size:11px;
	line-height:18px;
	}
ul.sublink li a:hover{
	text-decoration:underline;
	color:#000000;
	}
a.mainlink{
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	color:#22557A;
	text-decoration:none;
	text-transform:capitalize;
	display:block;
	height:24px;
	}
/*---------------Joomla portfolio-------------*/
.joom_port_img{
width:49%;
height:130px;
float:left;
text-align:center;
border-left:1px solid #CCCCCC;
padding:4px 0px 4px 0px;
}

/*---------------Drop down menu-----*/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 1;
	height:26px;
	display:block;
	background:#0E75B0;
	}
#sddm ul{
	margin:0px;
	padding:0px;
	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border-right:1px solid #3699D1;
	border-left:1px solid #0E72AB;
	}

#sddm li a
{	display: block;
	margin: 0 0px 0 0;
	padding: 6px 24px;
	width:auto;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	background:#0E75B0;
	}

#sddm li a:hover{	
	background: #F08E51;
	}

#sddm div{	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #BBBBBB;
	border-bottom:none;
	}

	#sddm div a{	
		position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #1D82BC;
		color: #fff;
		font: 11px Verdana;
		font-weight:bold;
		width:200px;
		border-top:1px solid #2A90CA;
		border-bottom:1px solid #0E72AB;
		}

	#sddm div a:hover
	{	background: #F08E51;
		color: #FFF}
		
/*live chat start*/
.chatclass{width:210px;
			height:100px;
			}