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




/* Css reset */
	div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
	table{border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
	li{list-style:none;}
	caption,th{text-align:left;}
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
	q:before,q:after{content:'';}
	abbr,acronym {border:0;font-variant:normal;}
	sup {vertical-align:text-top;}
	sub {vertical-align:text-bottom;}
	input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline-style:none;outline-width:0pt;}
	legend{color:#000;}a:focus{border:0px;}
	.clear{line-height:0px;font-size:0px;clear:both;}
	a { outline: none;}
	/* Close Css reset */


body {margin:0px; padding:0px; background-color:#fff; }


/*------------------------- WRAPPER ---------------------*/
#wrapper { width:100%; height:100%; margin:0px; padding:0px; background:url(../images/bg.jpg) repeat-x left top #fff;}
#topc { width:960px; display:block; margin:0px auto; padding:0px;}

#toparea { width:980px; display:block; margin:0px auto; padding:0px; float:left; }
#toparea .logo { width:495px; height:78px; margin:0px; margin-right:15px; padding:0px; float:left;}
#toparea .logo img  { padding:17px 0px 0px 0px; margin:0px;}

#toparea .chat { width:140px; margin:0px; padding:25px 0px 0px 0px; height:70px; display:block; float:left;}

#toparea .contact ul {width:300px; display:block;padding:25px 0px 0px 0px; float:right;}
#toparea .contact ul li {display:block; margin:0px; margin-left:20px; float:right; font:normal 15px/20px Arial, Helvetica, sans-serif; color: #333333; }
#toparea .contact ul li.cell {background:url(../images/cell-ico.jpg) no-repeat left 50%; padding:0px 0px 0px 27px;}
#toparea .contact ul li.mail {background:url(../images/mail-ico.jpg) no-repeat left 50%;  padding:0px 0px 0px 27px;}
#toparea .contact ul li.mail a {color:#0099FF; text-decoration: none;}
#toparea .contact ul li.mail a:hover {color: #0099FF; text-decoration: underline;}
#toparea .style10 {width:149px;  padding:0px; float:right; font:normal 12px/22px Arial, Helvetica, sans-serif; color:#000;}



/*------------------------- TOP NAVIGATION ---------------------*/
#nav { width:960px; height:42px; float:left; margin:0px; padding:0px;}
#nav ul { width:960px; height:42px;float:left; display:block; background:url(../images/bg-menu.jpg) no-repeat left top;}
#nav ul li { display:inline; float:left; }
#nav ul li a {  float:left; font:bold 12px/42px Arial, Helvetica, sans-serif; color:#fff; text-align:left; padding:0px 20px 0px 17px; 
text-decoration:none;}
#nav ul li a:hover { color:#dbdbdb; text-decoration:none; }

#nav ul li a.active{  font:bold 12px/42px Arial, Helvetica, sans-serif; color:#fff600; }
/*------------------------- HEADER ---------------------*/
#header { width:960px; display:block; height:290px; margin-top:25px; padding:0px; float:left;}
#header .shadow { width:960px; height:20px;margin:0px; padding:0px; float:left;}

/*------------------------- HEADER BANNER ---------------------*/
.bannerNrecentproject {padding:0; margin:0; border:1px solid #c7d1d4;}
.bannerNrecentproject .recentprojects {background:url(../images/recentprojectbg.gif) repeat-x 0 0; height:94px; clear:both;}





/*------------------------- BODY CONTENT AREA ---------------------*/
#welcome { width:960px; display:block; float:left; margin:35px 0px 0px 0px; padding:0px;}
#welcome p {font:normal 12px/18px Arial, Helvetica, sans-serif; color:#414141; padding:0px 0px 5px 0px; text-align:justify;}
#welcome p.readmore a {font:bold 12px/26px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; 
background:url(../images/btn-read.jpg) no-repeat left top; width:70px; height:26px; text-align:center; display:block;}
#welcome p.readmore a:hover {font:bold 12px/26px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; width:70px; height:26px;display:block;
background:url(../images/btn-read-hov.jpg) no-repeat left top; }
#welcome p.line {background:url(../images/bg-line.jpg) repeat-x left top; margin-top:10px;}


/*------------------------- SERVICES ---------------------*/
#services { width:960px; display:block; float:left; margin:0px; padding:0px; }
#services .left { width:448px; display:block; float:left; margin:0px; padding:0px; }
#services .left h1 {font:bold 14px/18px Arial, Helvetica, sans-serif; color:#414141; text-align:left; padding:0px;} 
#services .left h1 img {float:left; padding:0px; margin:0px 20px 0px 10px;} 
#services .left p {font:normal 12px/18px Arial, Helvetica, sans-serif;  color:#414141; text-align:left; padding:0px; display:block; }
#services .left p.readmore a {font:bold 12px/26px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; 
background:url(../images/btn-read.jpg) no-repeat left top; width:70px; height:26px; text-align:center; margin:5px 0px 10px 80px; display:block;}
#services .left p.readmore a:hover {font:bold 12px/26px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; width:70px; height:26px;display:block;
background:url(../images/btn-read-hov.jpg) no-repeat left top; }


#services .right { width:512px; display:block; float:left; margin:0px; padding:0px; }
#services .right h1 {font:bold 14px/18px Arial, Helvetica, sans-serif; color:#414141; text-align:left; padding:0px;} 
#services .right h1 img {float:left; padding:0px; margin:0px 20px 0px 10px;} 
#services .right p {font:normal 12px/18px Arial, Helvetica, sans-serif;  color:#414141; text-align:left; padding:0px; display:block; }


#services .right p.readmore a {font:bold 12px/26px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; 
background:url(../images/btn-read.jpg) no-repeat left top; width:70px; height:26px; text-align:center; margin:5px 0px 10px 125px; display:block;}
#services .right p.readmore a:hover {font:bold 12px/26px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; width:70px; height:26px;display:block;
background:url(../images/btn-read-hov.jpg) no-repeat left top; }

/*------------------------- TECHNOLOGY ---------------------*/
#techno { width:960px; display:block; float:left; margin:0px 0px 40px 0px; padding:0px;}

#techno .weuse { width:152px; float:left; margin:0px; padding:0px;}
#techno .tech { width:325px; float:left; margin:0px; padding:0px;}


#techno .client { width:325px; float:left; margin:0px; padding:0px;}




/*------------------------- INNER PAGES ---------------------*/
#mainCon { width:100%; height:100%; margin:0px; padding:0px; background:url(../images/bg-inner.jpg) repeat-x left top; height:225px;}
#wrap { width:960px; display:block; margin:0px auto; padding:0px;}
#sitemap { width:960px; display:block; margin:0px auto; padding:0px; float:left; }
#sitemap h1 { font:normal 22px/63px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; height:63px; display:block; margin-bottom:25px; float:left;}
#sitemap .area {
	width:960px;
	display:block;
	margin:0px auto;
	padding:0px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #09F;
}

#sitemap .area p {font:normal 12px/18px Arial, Helvetica, sans-serif; color:#414141; padding:0px; text-align:justify; margin:0px; margin-bottom:5px;}
.imgleft {float:left; margin:4px 15px 3px 0px}
.imgright {float:right; margin:4px 0px 25px 15px}
.imgrigt {float:right; margin:4px 0px 25px 15px}

#sitemap .area ul{ width:620px; display:block; margin:10px 0px 25px 0px ; padding:0px; float:left; }
#sitemap .area ul li{ font:normal 12px/25px Arial, Helvetica, sans-serif; color:#414141; padding:0px 0px 0px 20px; text-align:left; height:25px; background:url(../images/check-list.gif) no-repeat left 50%; }

/*------------------------- INNER PAGES PHP ---------------------*/
#sitemap .area1 {
	width:960px;
	display:block;
	margin:0px auto;
	padding:0px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #09F;
}

#sitemap .area1 p {font:normal 12px/18px Arial, Helvetica, sans-serif; color:#414141; padding:0px; text-align:justify; margin:0px; margin-bottom:5px;}
.imgleft {float:left; margin:4px 15px 3px 0px}
.imgright {float:right; margin:4px 0px 25px 15px}
.imgrigt {float:right; margin:4px 0px 25px 15px}

#sitemap .area1 ul{ width:960px; display:block; margin:10px 0px 25px 0px ; padding:0px; float:left; }
#sitemap .area1 ul li{ font:normal 12px/25px Arial, Helvetica, sans-serif; color:#414141; padding:0px 0px 0px 20px; text-align:left; height:25px; background:url(../images/check-list.gif) no-repeat left 50%; }



/*------------------------- INNER PAGES CLOSE---------------------*/




#sitemap .head img { width:960px; display:block; margin:25px auto; margin-bottom:0px; padding:0px; float:left; }
#sitemap .head img .right { float:right; margin:5px 5px; padding:0px;}



/*------------------------- PORTFOLIO ---------------------*/
#sitemap .portfolio { width:950px; display:block; margin:0px 5px; padding:0px; float:left; }
#sitemap .box1 {width:293px; float:left; display:block; margin:0px; padding:0px;  }
#sitemap .box1 img {margin:0px; padding:0px;}
#sitemap .box1 img.preloadset {margin:0px; padding:0px;background:url(../images/loading.gif) 50% 50% no-repeat; overflow: hidden;}
#sitemap .box1 h1 {font:normal 17px/17px Arial, Helvetica, sans-serif; height:auto; color:#000;margin:5px 0px 0px 0px; float:left; display:block; padding:0px;}
#sitemap .box1 p {font:normal 12px/18px Arial, Helvetica, sans-serif; color:#686868;margin:10px 0px 20px 0px; float:left;  padding:0px; text-align:justify;}
#sitemap .divider {width:35px; float:left; display:block; margin:0px; padding:0px;}


/*------------------------- SLIDING BOXES ---------------------*/

.boxgrid{ 
		width: 277px; height: 156px; margin:0px; float:left;  overflow: hidden; position: relative; 
		}
.boxgrid img{ 
	position: absolute; top: 0; left: 0; border: 0; 
}

.boxgrid h1 {font:normal 12px/18px Arial, Helvetica, sans-serif; color:#686868;margin:10px 0px 20px 0px; float:left;  padding:0px; text-align:justify;}


.boxgrid p{ 
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#686868;margin:10px 0px 20px 0px; float:left;  padding:0px; text-align:justify;
}

.boxcaption{ 
float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 260;left: 0;
}
.caption .boxcaption {
	top: 220;left: 0;
}





/*------------------------- CONTACT US PAGES ---------------------*/

#sitemap .contact { width:640px; display:block; margin:0px; padding:0px; float:left;}
#sitemap .contact h1 { font:normal 22px/22px Arial, Helvetica, sans-serif; color:#a31012; border-bottom:1px solid #d3d3d3; padding-bottom:5px; height:auto; width:640px; margin:0px; }
#sitemap .contact p { font:normal 12px/22px Arial, Helvetica, sans-serif; color:#414141; text-align:justify; padding-top:10px; padding-bottom:10px; }


form{
	margin:0; 
	padding:0;
}
#contactForm{
	width:480px;
	display:block;
	float:left;
	margin:0px; 
}
#contactForm label{
	margin-bottom:3px;
	font:normal 12px/22px Arial, Helvetica, sans-serif; color:#414141;
}
#contactForm .input{
	background-color:#ffffff; 
	border:1px solid #d9d9d9;
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#414141;
	width:406px; 
	padding:6px 5px; 
	margin:0px; 
	margin-bottom:10px;
}
#contactForm .input-submit{
	background-image:url(../images/send-button.png); 
	background-repeat:no-repeat; 
	padding:0px; 
	border:0px; 
	width:97px; 
	height:26px; 
	cursor:pointer; 
	float:left; 
	margin:15px 0px;
}


#contactForm .input-submit:hover{
	background-image:url(../images/send-button-hov.png); 
	background-repeat:no-repeat; 
	padding:0px; 
	border:0px; 
	width:97px; 
	height:26px; 
	cursor:pointer; 
	float:left; 
	margin:15px 0px;
}




#contactForm .textarea{
	background-color:#ffffff; 
	border:1px solid #d9d9d9;
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#414141;	overflow:hidden;
	width:406px; 
	padding:6px 5px; 
	margin:0px; 
}

#right-content{
	width:300px;
	margin-right:0px;
	float:right;
}

#right-content .sidebar-content{
	width:300px;
	background:url(../images/con-box.jpg) no-repeat left top;
	padding-bottom:28px;
	padding-left:15px;
	float:left;
}

#right-content img{
	margin:5px 0px 0px 0px;
	padding:0px;
	float:left;
	display:block;
	}


#right-content .sidebar-content p{
	 font:normal 12px/22px Arial, Helvetica, sans-serif; color:#414141; padding:5px 0px 0px 10px; text-align:justify;
 	}
	
#right-content .sidebar-content p a{
	 font:normal 12px/22px Arial, Helvetica, sans-serif; color:#414141; 
 	}
	
#right-content .sidebar-content p a:hover{
	 font:normal 12px/22px Arial, Helvetica, sans-serif; color:#2c2c2c; 
 	}

#right-content .sidebar-content p.head{
	 font:normal 18px/22px Arial, Helvetica, sans-serif; color:#414141; padding:10px 0px 0px 10px; text-align:justify;
 	}

.map{
	width:294px;
	height:183px;
	background:url(../images/hover-opacity-map.png) no-repeat top left;
	margin:20px 0px 8px 0px;
	padding:2px;
	border:1px solid #d3d3d3;
	float:left;
}


/******************************************************************
				 		Enquiry Form
******************************************************************/

#contactFormArea{
	width:275px;
	display:block;
	float:right;
	margin:0px;
	padding:15px 0px 0px 25px;
	background:url(../images/enq-box.png) no-repeat left top;
}

.put img{
	float:right;
	margin:5px;
	padding:0px;
	background:none;
	}

label{
	margin-bottom:3px;
	font:normal 12px/22px Arial, Helvetica, sans-serif; color:#414141;
}
.input{
	background-color:#ffffff; 
	border:1px solid #d9d9d9;
	font-family:Tahoma, Arial, verdana;
	font-size:11px; 
	width:206px; 
	padding:6px 5px; 
	margin:0px; 
	margin-bottom:5px;
	color:#939393;
}
.input-submit{
	background-image:url(../images/send-button.png); 
	background-repeat:no-repeat; 
	padding:0px; 
	border:0px; 
	width:97px; 
	height:26px; 
	cursor:pointer; 
	float:left; 
	margin:15px 0px;
}

.input-submit:hover{
	background-image:url(../images/send-button-hov.png); 
	background-repeat:no-repeat; 
	padding:0px; 
	border:0px; 
	width:97px; 
	height:26px; 
	cursor:pointer; 
	float:left; 
	margin:15px 0px;
}

.textarea{
	background-color:#ffffff; 
	border:1px solid #d9d9d9;
	font-family:Tahoma, Arial, verdana;
	font-size:11px;
	overflow:hidden;
	width:206px; 
	padding:6px 5px; 
	margin:0px; 
	height:75px;
	color:#939393;
}


/******************************************************************
				 		Enquiry Form windows
******************************************************************/

#contactFormArea1{
	width:275px;
	display: block;
	float: right;
	margin:0px;
	padding:15px 0px 0px 25px;
	background:url(../images/enq-box.png) no-repeat left top;
	
}

.put img{
	float:right;
	margin:5px;
	padding:0px;
	background:none;
	}

label{
	margin-bottom:3px;
	font:normal 12px/22px Arial, Helvetica, sans-serif; color:#414141;
}
.input{
	background-color:#ffffff; 
	border:1px solid #d9d9d9;
	font-family:Tahoma, Arial, verdana;
	font-size:11px; 
	width:206px; 
	padding:6px 5px; 
	margin:0px; 
	margin-bottom:5px;
	color:#939393;
}
.input-submit{
	background-image:url(../images/send-button.png); 
	background-repeat:no-repeat; 
	padding:0px; 
	border:0px; 
	width:97px; 
	height:26px; 
	cursor:pointer; 
	float:left; 
	margin:15px 0px;
}

.input-submit:hover{
	background-image:url(../images/send-button-hov.png); 
	background-repeat:no-repeat; 
	padding:0px; 
	border:0px; 
	width:97px; 
	height:26px; 
	cursor:pointer; 
	float:left; 
	margin:15px 0px;
}

.textarea{
	background-color:#ffffff; 
	border:1px solid #d9d9d9;
	font-family:Tahoma, Arial, verdana;
	font-size:11px;
	overflow:hidden;
	width:206px; 
	padding:6px 5px; 
	margin:0px; 
	height:75px;
	color:#939393;
}









/******************************************************************
				 		WP-PAGENAVI STYLE
******************************************************************/
.wp-pagenavi, .nav-previous, .nav-next {
	clear: both;
	display: inline-block;
	font-family: "Tahoma", Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 20px;
}

.wp-pagenavi a, .wp-pagenavi span, .nav-previous a, .nav-next a{
	text-decoration: none;	
	display: inline-block;
	margin-right: 2px;
	padding: 4px 10px;
	border: 1px solid #ddd;	
	color: #606060; 
	/* CURVED CORNERS */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current, .nav-previous a, .nav-next a{
	background-color: #e0e0e0;
	border-color: #ddd #d8d8d8 #c4c4c4;
	color: #606060;
	text-shadow: 0px 1px 0px #fff;
	background: -moz-linear-gradient(top,
		#fff,
		#f4f4f4 50%,
		#e0e0e0
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.5, #f4f4f4),
		to(#e0e0e0)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f4f4f4', EndColorStr='#e0e0e0');

}

.wp-pagenavi a:active, .wp-pagenavi span.active{
	border-color: #c0c0c0 #d4d4d4 #dbdbdb;
	text-shadow: 0px -1px 0px #fff;
	
	background: -moz-linear-gradient(top,
		#ebebeb,
		#f4f4f4 50%,
		#fff
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#ebebeb),
		color-stop(0.5, #f4f4f4),
		to(#fff)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ebebeb', EndColorStr='#ffffff');
	/* INNER SHADOWS */
	-moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);

}

.wp-pagenavi span.current {
	font-weight: bold;
}

.portfolio-nav{
	width:100%;
	margin-bottom:25px;
	margin-left:15px;
}







/*------------------------- FOOTER ---------------------*/
#footer { width:100%; height:181px; margin:0px; padding:0px; background:url(../images/bg-footer-top.jpg) repeat-x left top;}
#footer .contanier  {width:960px; display:block; margin:0px auto; padding:0px;}
#footer .contanier ul  { float:left; margin:0px; padding:0px;}
#footer .contanier ul.home  {width:147px; display:block; float:left; margin:0px; padding:30px 0px 0px 15px;}
#footer .contanier ul.home li  { float:left; width:147px;}
#footer .contanier ul.home li a  {font:normal 12px/25px Arial, Helvetica, sans-serif; color:#999999; background:url(../images/arrow.jpg) no-repeat left 50%; text-decoration:none; padding:0px 0px 0px 15px; }
#footer .contanier ul.home li a:hover  {color: #CCCCCC; text-decoration:none;}
#footer .contanier .divider  { float:left; margin:0px; padding:0px; width:25px; background:url(../images/divider.jpg) no-repeat left center; height:181px; display:block;}

#footer .contanier ul.open  {width:175px; display:block; float:left; margin:0px; padding:30px 0px 0px 15px;}
#footer .contanier ul.open li  { float:left; width:175px;}
#footer .contanier ul.open li a  {font:normal 12px/25px Arial, Helvetica, sans-serif; color:#999999; background:url(../images/arrow.jpg) no-repeat left 50%; text-decoration:none; padding:0px 0px 0px 15px; }
#footer .contanier ul.open li a:hover  {color:#CCCCCC; text-decoration:none;}

#bottom { width:100%; height:49px; margin:0px; padding:0px; background:url(../images/bg-footer-bottom.jpg) repeat-x left top;}
#bottom .contanier  {width:960px; display:block; margin:0px auto; padding:0px;}
#bottom .contanier p  {float:left; font:normal 11px/49px Arial, Helvetica, sans-serif; color: #999999;}
#bottom .contanier p1  {float: right; font:normal 11px/49px Arial, Helvetica, sans-serif; color:#999999;}