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

* {	padding:0;	margin:0;}

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

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

fieldset{ border:none}

h2{text-indent:0px; line-height:40px; color:#133550; font-weight:normal; font-size:1.5em}
h3{ color:#696969; 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%;}


/*=========================== 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; padding:5px 0 }
.left_contents a, .right_contents a{ font-size:12px}

.left_contents_noborder{ float:left; width: 620px; padding:0 0 7px 0px}

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

.left_contents_noborder ul{ line-height:30px;  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:5px 0 0 0;}
.left_contents_wborder img{ float:left;}
.midbox_mid{ background:url(../images/midbox_mid.gif) repeat-y; padding:7px 20px 7px 20px; width:592px; float:left}
.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:0 0 10px 0}

.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:#93c5e0 solid 1px; padding:3px}
.padding5{ padding:5px 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{ background:  url(../images/rightbox_mid.gif) repeat-y; padding:7px 15px 7px 15px; width:282px; float:left }
.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}
.footerlft .footer_section:last-child{ margin-right:0;}

.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:#777777;
	font-weight:bold;
	}
#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; float:left; margin-left:20px;}



/* Portfolio */

.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_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 a{
	
	background:url(../images/portfolio_bottom.jpg) repeat-x;
	display:block;
	width:119px;
	height:30px;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#999;
	line-height:30px;
	text-align:center;
	
	padding:0px;
	margin:0px;
	float:left;
	
	border-left:1px solid #333;
}
.view_full a:hover	{
	color:#000;
	text-decoration:none;
	border-left:1px solid #F8C300;
	background:url(../images/portfolio_bottom_hover.jpg) repeat-x;
}

.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;
}
.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;
}