@charset "utf-8";
/* CSS Document */

* {	padding:0;	margin:0;}

body {
font-size: 100.01%;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #333;
background-color: #fff;

} 

:focus { 
	
	outline:none;
	
}

a{ color:#156193; text-decoration:none}
a:hover{text-decoration:underline}

fieldset{ border:none}

h2{text-indent:40px; line-height:40px; color:#133550; font-weight:normal; font-size:1.5em}
h3{ color:#333; font-size:.77em; height:30px; line-height:30px}

ul{ list-style:none;}

img{ border:none}
/*=========================== General classes =================================*/
.fleft{ float:left;}
.fright{ float:right;}
.full_width{ float:left; width:100%; margin-top:6px;}


/*=========================== Main wraper=================================*/
.wraper960{ width:960px; margin:auto}

/*=========================== header section=================================*/
.header_logo{ float:left; display:block; width:276px; height:47px;}
.header_logo a{ display:block; width:100%; height:100%;}

/*=========================== banner section=================================*/
.bg_full{ float:left; width:100%; background:url(../images/banner_bg.jpg) repeat-x; border-top:#CCC solid 2px; margin-top:0px}
#banner {
 width:960px;
 height:263px;
 background:url(../images/banner.jpg) no-repeat;
 display:block;
 
 padding:0px;
 margin:0px 0px 10px 0px;
 
 float:left;
}
.banner_shadow {
 background:url(../images/banner_shadow.png) no-repeat;
 display:block;
 width:960px;
 height:19px;
 background-position:top;
 padding:0px;
 margin:0px;
 float:left;
}
.jquery	{
	width:722px;
	height:263px;
	
	padding:0px;
	margin:0px;
	
	
	float:left;
}
.gallery {
	width:722px;
	height:240px;
	
	padding:0px;
	margin:0px;
	
	
	float:left;
}
.banner_right	{
	width:238px;
	height:auto;
	
	padding:0px;
	margin:0px;
	
	float:left;
}

.banner_right h2 {
	color:#F8C300;
	padding:0px;
	margin:0px;
	text-indent:0px;
	height:30px;
	font-weight:bold;
}

.banner_right ul {
	width:238px;
	height:auto;
	
	padding:0px;
	margin:10px 0px 0px 0px;
	float:left;
}

.banner_right li {
	width:238px;
	height:auto;
	float:left;
	padding:0px;
	margin:6px 0px 6px 0px;
	
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-indent:20px;
	background:url(../images/arrow.png) no-repeat;
	display:block;
	background-position: 0px 4px;
}

.heading_main {
	width:714px;
	height:auto;
	
	padding:0px;
	margin:0px 0px 0px 9px;
	
	float:left;
}

.heading_main .email a{
	width:auto;
	height:auto;
	
	padding:0px;
	margin:0px 0px 0px 0px;
	
	float:left;
	
	color:#F8C300;
	font-size:13px;
	font-weight:bold;
}
.heading_main .email a:hover {
	text-decoration:none;
}
.heading_main .call_us {
	width:auto;
	height:auto;
	
	padding:0px;
	margin:0px 0px 0px 310px;
	
	float:left;
	
	color:#F8C300;
	font-size:13px;
}
.heading_main span {
	color:#FFF;
	font-weight:bold;
}
.button	a{
	background:url(../images/portfolio_button.jpg) no-repeat;
	display:block;
	height:34px;
	width:122px;
	float:left;
	
	padding:0px;
	margin:11px 0px 0px 0px;
}

/*=========================== left contents section=================================*/
.left_contents{ float:left; width: 640px;}
.left_contents p, .left_contents ul, .right_contents p{ font-size:.77em; float:left; padding:5px 0 }
.left_contents a, .right_contents a{ font-size:12px}

.left_contents_noborder{ float:left; width: 622px; padding:5px 0px 7px 10px; border:1px #93C5E0 solid; text-align:justify; margin-bottom: 10px; }

.getstarted{ background:url(../images/start.gif) left no-repeat;}

.left_contents_noborder ul{ line-height:22px;  list-style:none; float:left; margin-top:5px}
.left_contents_noborder ul li{ background:url(../images/bullets.gif) no-repeat left;padding-left:20px;}

.left_contents_wborder{ float:left; padding:0px; margin-bottom: 10px; }
.left_contents_wborder img{ float:left;}
.left_contents_wborder h6 { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:.77em;
	color:#133550;
	font-weight:bold;
	padding-top: 3px;
	padding-bottom: 3px;
}

.left_contents_wborder p strong { 
	font-family:Arial, Helvetica, sans-serif;
	color:#133550;
	font-weight:bold;
}

.midbox_mid{padding:7px 20px 7px 20px; width:592px; float:left; border:1px #93C5E0 solid; text-align:justify; }
.midbox_mid li img {padding:0px; margin:0px; float:left; height:auto; width:auto !important; padding-right:10px;}
.aboutush2{ background:url(../images/about.gif) left no-repeat;}
.webdesignh2{ background:url(../images/webdesign.gif) left no-repeat;}

/*=========================== right contents section=================================*/
.right_contents{ float:right; width:310px;}
.right_contents_noborder{ float:right; width:295px; padding:0px 0px 10px 0px}

.contactush2{ background:url(../images/contact.gif) left no-repeat;}
.right_contents_noborder label{ width:60px; font-size:.77em; float:left; padding-top:3px}
.input_text, .frmtextarea{ width:200px; float:left; border:#F8C300 solid 1px; padding:3px; background-color:#FFEEB3; font-size:11px;}
.padding5{ padding:0px 0}
.frmtextarea{ height:103px	}
.regsubmit{ float:left; background:url(../images/submit.jpg); width:96px; height:30px; padding:0 0 3px 0; cursor:pointer; color:#000; font-weight:bold; border:none}

.right_contents_wborders, .right_contents_wborders img{ float:left;}
.rightbox_mid{  padding:7px 15px 7px 15px; width:282px; float:left; border:1px #93C5E0 solid; }
.blogposth2{ background:url(../images/blog.gif) left no-repeat}

.newshead, .newsdetail{ float:left; width:100%;}
.newshead{ margin-top:15px;}

/*=========================== footer contents section=================================*/
.footer{ background:#1b242d; margin-top:30px; padding:20px 0}

.footerlft{ float:left; width:690px; }
.footer_section{ float:left; width:210px; margin-right:10px; color:#FFF}
.footer_section span{ float:left; padding-left:15px}

.footerh2{ color:#F8C300; text-indent:0; float:left; width:100%;}
.footel_links {float:left}
.footel_links li{float:left; width:215px; font-size:.77em; line-height:24px}
.footel_links li a{ color:#FFF; background:url(../images/bullet_bottom.gif) left no-repeat; padding-left:15px }
.clients_section{ float:left; width:700px; margin-top:10px;}
.clients_section ul{ float:left}
.clients_section ul li{ float:left; margin-right:3px;}


.footer_section_right{ float:right; width:250px; color:#FFF}
.contactform{ float:left; width:250px; height:86px; background:url(../images/contactform.gif); margin-top:5px}
.callus, .copyright{ float:left; padding:10px 0 0 0;}
.followus{ float:left; width:100%; padding-top:10px}
.followus li{ float:left; margin-right:3px}
.copyright{ font-size:.7em}
/*====================Site map css======================*/
.sitemap{ float:left; margin:20px 0;}
.sitemap li{ float:left; width:100%}

.sitemap ul li{ float:left; padding-left:20px; list-style:circle; list-style-position:inside}

/*====================search-engine-optimization======================*/
.seo ul{ float:left; margin:0px; padding:0px;}
.seo li { list-style:disc; float:left; margin-left:20px;}


/*====================Domain Expertize======================*/
.domain	{
	width:100%;
	height:auto;
	
	padding:0px;
	margin:0px;
	
	float:left;
	
	}
.domain h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.77em;
	color:#133550;
	font-weight:bold;
	padding-top: 3px;
	padding-bottom: 3px;
}
.domain ul
{
float:left; margin:0px; padding:0px;
}	
.domain li { list-style:disc; float:left; margin-left:20px;}



/*====================Quality Mangment======================*/
ul.qm{ margin:0px; padding:0px; width:100%;}
ul.qm li { list-style:disc; clear:left; margin-left:20px;}



/* Portfolio */

.portfolio_main a{
	
	display:block;
	border:none;
	text-decoration:none;
	cursor: pointer;
}


.portfolio_main {
	width:300px;
	height:auto;
	
	padding:0px;
	margin:0px 30px 30px 0px;
	
	float:left;
}
.portfolio_main_02 {
	width:300px;
	height:auto;
	
	padding:0px;
	margin:0px 0px 30px 0px;
	
	float:left;
}
.portfolio_main_02 a{
	
	display:block;
	border:none;
	text-decoration:none;	
}

.portfolio_img	{
	width:296px;
	height:198px;
	
	border:2px solid #1B242D;
	display:block;
	
	padding:0px;
	margin:0px;
	
	float:left;
}
.project_name {
	
	background:url(../images/portfolio_bottom.jpg) repeat-x;
	display:block;
	width:180px;
	height:30px;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#F8C300;
	line-height:30px;
	text-align:center;
	
	padding:0px;
	margin:0px;
	float:left;
}
.view_full {
	
	background:url(../images/portfolio_bottom_hover.jpg) repeat-x;
	display:block;
	width:119px;
	height:30px;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	line-height:30px;
	text-align:center;
	
	padding:0px;
	margin:0px;
	float:left;
	
	border-left:1px solid #333;
}


.portfolio_shadow {
	background:url(../images/portfolio_shadow.png) no-repeat;
	display:block;
	background-position:top;
	
	height:10px;
	width:300px;
	
	padding:0px;
	margin:0px;
	float:left;
}


/* Next,Prv button */

.nxt_prv_btn	{
	width:960px;
	height:30px;
	
	padding:0px;
	margin:0px;
	
	float:left;
}

.btn_nxt {
	
	width:auto;
	height:auto;
	
	padding:0px;
	margin:0px;
	
	float:right;
}

.btn_prv {
	
	width:auto;
	height:auto;
	
	padding:0px;
	margin:0px;
	
	float:left;
}

.nxt_prv_btn input[type="submit"] { 
			width:80px;
			height:30px;
			border:0px;
			font-size:11px;
			color:#fff;
			font-weight:bold;
			background:#000;
			padding:0px 0px 3px 0px ;
			
			text-align:center;
			margin:0px;
			cursor:pointer;
			
}
.nxt_prv_btn input:hover[type="submit"] { 
			width:80px;
			height:30px;			
			border:0px;
			font-size:11px;
			color:#000;
			font-weight:bold;
			background:#F8C300;
			padding:0px 0px 3px 0px ;
			margin:0px;
}


/* added on 18 june 2010 */
#container {
	position:relative;
	padding: 0px;
	width:590px;
	height:90px;
	overflow:hidden;
	border:1px solid #cccccc;
	background-color:#fff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0px;
 }
 
 #container img{
	margin-right: 5px;
 }
#div1 {
     position:absolute;
     left:0px;
     top:0px;
     width:1824px;
     height:60px;
	 margin-top: 15px;
	 margin-bottom: 15px;
 }
#div2 {
     position:absolute;
     left:1800px;
     top:0px;
     width:1824px;
     height:60px;
	 margin-top: 15px;
	 margin-bottom: 15px;
 }
 
 ul.tech
 {
	clear:both;
	margin-left: 30px;
 }
 
 ul.tech li
 {
	list-style: circle;
	clear:both;
	margin: 0px;
	padding:0px;
	height:20px;
 }
 
 .banner_right li a{
	 color:#FFF;
}

.ticker
{
	height: 198px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.ticker ul li
{
	height: 200px;
	margin:0px;
	padding:0px;
}

.tickerContainer
{
	margin-bottom:10px;
	margin-top: 10px;
}

ul.De li
{
	clear:left;	
}

.img
{
	float:left; 
	border:none; 
	margin-right: 8px	
}

/*   ThanksYour Button    */

.btn_thanks	{
	width:auto;
	height:auto;
	
	padding:0px;
	margin:10px 0px 0px 0px;
	
	float:left;
}

.btn_thanks input[type="submit"] { 
			width:auto;
			height:30px;
			border:0px;
			font-size:11px;
			color:#fff;
			font-weight:bold;
			background:#000;
			padding:0px 3px 3px 3px ;
			
			text-align:center;
			margin:0px;
			cursor:pointer;
			
}
.btn_thanks input:hover[type="submit"] { 
			width:auto;
			height:30px;			
			border:0px;
			font-size:11px;
			color:#000;
			font-weight:bold;
			background:#F8C300;
			padding:0px 3px 3px 3px ;
			margin:0px;
}

.dark_blue {
	color:#123456;
}

.contact_us	{
	
	padding:0px; 
	width:312px;
	border:1px #F8C300 solid;
	margin:0px 0px 10px 0px;
	float:left;
}

/* for chat popup */

#chat-popup {
	background:url("../images/chatpopup_bg.png") no-repeat scroll left top transparent;
	bottom:0;
	height:0;
	position:fixed;
	right:20px;
	width:234px;
	z-index:99;
	color:#FFF;
	font-size:11px;

}

#chat-popup a
{
	font-weight: bold;	
}

#chat-popup #top {
	height: 28px;
}

#chat-popup #bottom p.big {
color:#FFFFFF;
font-size:22px;

}

#chat-popup #bottom {
color:#DBDBDB;
padding:0px 20px;
margin-top: 24px;
}

#chat-popup #bottom p.big {
color:#FFFFFF;
font-size:22px;
}

#chat-popup #bottom p.button {
color:#F2F2F2;
font-size:18px;
margin:33px 0 0;
text-align:center;
}