/* CSS Document */
body{
	padding:0; margin:0; background:url(images/bg.gif) repeat-x 0 0 #FFFFFe; color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	}
div, img, p, ul, h1, h2, h3, h4, h5, form, textarea{
	padding:0; margin:0;
	}
ul{
	list-style-type:none; font-size:0;
	}
.spacer{
	font-size:0; line-height:0; clear:both;
	}

/*----------< < <<header part start>> > >---------*/
#header{
	width:641px; margin:0 auto; background:url(images/header_pic.jpg) no-repeat 97% 100%;
	height:323px; padding:140px 335px 0 27px; position:relative;
	}
#header img.logo{
	position:absolute; left:14px; top:9px;
	}
#header p.phoneName{
	background:url(images/phone_icon.gif) no-repeat 0 0 #FFFFFF; position:absolute; right:52px; top:11px; font-size:12px;
	color:#0067A5; font-weight:bold; text-transform:uppercase; padding:0 0 0 68px; line-height:17px; height:60px;
	}
#header p.phoneName span{
	margin:0; padding:0; display:block; color:#C60000; background-color:inherit; line-height:17px;
	}
#header ul.navi{
	background:url(images/navi_bg.gif) no-repeat 0 0; height:37px; position:absolute; right:0; top:72px; width:716px;
	padding:0 0 0 18px;
	}
#header ul.navi li{
	float:left; display:block; padding:0 20px; font-size:12px; line-height:37px;
	}
#header ul.navi li a{
	color:#B4E0F6; background-color:inherit;  text-decoration:none;display:block;
	}
#header ul.navi li a:hover, #header ul.navi li.active{
	color:#FFFFFF; background:url(images/navi_h.gif) no-repeat center top; 
	}
#header h1{
	background:url(images/creative.gif) no-repeat 0 0;  height:50px; display:block; font-size:0;
	text-indent:-2000px; margin:0 0 23px 0;
	}
#header h2{
	background:url(images/we_are.gif) no-repeat 0 0; height:17px; font-size:0; line-height:0;
	text-indent:-2000px; margin:0 0 16px 0;
	}
#header p{
	font-size:12px; line-height:18px; padding:0 0 18px 0; display:block;
	}
#header p.nomar{
	padding:0;
	}
#header p a{
	background:url(images/learn.gif) no-repeat left top; width:96px; height:25px; font-size:0; display:block;
	margin:20px 0 0 0; text-indent:-2000px;
	}
#header p a:hover{
	background:url(images/learn.gif) no-repeat left bottom; 
	}
/*-------------------body part start--------------*/
#body{
	width:950px; margin:0 auto; padding:29px 0 0 0;
	}
/*----------------sub div why link part--------------*/
.subDiv{
	width:221px; float:left; background:url(images/line.gif) repeat-y right top; padding:0 1px 20px 13px;
	}
.subDiv h2.why{
	background:url(images/why_icon.gif) no-repeat 0 0 #FFFFFF; padding:0 0 0 72px; font-size:33px; font-weight:bold;
	color:#0067A5; line-height:33px; height:60px;
	}
.subDiv h2.why span{
	font:normal 23px/18px "Arial Narrow", Arial, Helvetica, sans-serif; color:#009ED2; background-color:#FFFFFF;
	}
.subDiv h2.our{
	background:url(images/service_icon.gif) no-repeat 0 0 #FFFFFF; padding:0 0 0 72px; font-size:33px; font-weight:bold;
	color:#0067A5;line-height:33px; height:60px;
	}
.subDiv h2.our span{
	font:normal 23px/18px "Arial Narrow", Arial, Helvetica, sans-serif; color:#009ED2; background-color:#FFFFFF;
	}
.subDiv ul.whylink{
	 line-height:0; margin:10px 0 0 0;
	}
.subDiv ul.whylink li{
	background:url(images/green_icon.gif) no-repeat 0 6px; padding:0 0 0 25px; height:25px; display:block;
	}
.subDiv ul.whylink li a{
	color:#6A685C; background-color:#FFFFFF; text-decoration:none; line-height:25px; font-size:12px;
	}
.subDiv ul.whylink li a:hover{
	text-decoration:underline;
	}
	
	
/*----------------services-------*/
.subDiv h2.our{
	background:url(images/service_icon.gif) no-repeat 0 0 #FFFFFF; padding:0 0 0 72px; font-size:33px; font-weight:bold;
	color:#0067A5;  line-height:33px; height:60px;
	}
.subDiv h2.our span{
	font:normal 23px/18px "Arial Narrow", Arial, Helvetica, sans-serif; color:#009ED2; background-color:#FFFFFF;
	}
.subDiv ul.ourlink{
	 line-height:0; margin:10px 14px 0 0; padding:0 0 5px 0;
	}
.subDiv ul.ourlink li{
	background:url(images/green_icon.gif) no-repeat 0 6px; padding:0 0 0 25px; display:block;
	}
.subDiv ul.ourlink li a{
	color:#1D94BE; text-decoration:none; line-height:28px; font-size:13px; display:block; height:28px;
	background:url(images/vertical_line.gif) repeat-x left bottom #fff;
	}
.subDiv ul.ourlink li a.noline{
	background-image:none;
	}
.subDiv ul.ourlink li a:hover{
	color:#432613; background-color:#FFFFFF;
	}
/*----------------innerpage services design solutions-------*/

.linkDiv{
	 padding:0 0px 20px 13px;
	}

.linkDiv ul.categorylink{
	 line-height:0; margin:0 0 0 0;
	}
.linkDiv ul.categorylink li{
	background:url(images/inner_arrow.gif) no-repeat 0 10px; padding:0 0 0 25px; height:25px; display:block;
	}
.linkDiv ul.categorylink li a{
	color:#05A1C7; text-decoration:none; line-height:25px; font-size:11px; font-weight:bold; text-align:left-top;
	}
.linkDiv ul.categorylink li a:hover{
	text-decoration:underline;
	}	
/*----------------innerpage services language and detabase-------*/

.h5{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; font-weight:bold; color:#575757; padding:0 0 10px 0;}	
.ProgrammingDiv{
	 padding:0 0px 20px 13px;
	}

.ProgrammingDiv ul.specificlink{
	 line-height:0; margin:0 0 0 0;
	}
.ProgrammingDiv ul.specificlink li{
	background:url(images/inner_bullet.gif) no-repeat 0 5px; padding:0 0 0 25px; height:18px; display:block; font-family:Arial, Helvetica, sans-serif; font-style:normal; color:#5B5B5B; text-decoration:none; line-height:18px; font-size:11px; font-weight:normal; text-align:left-top;
	}

	
/*--------------free------------*/
#subDiv1{
	width:231px; padding:0 1px 28px 14px; float:left; background:url(images/line.gif) repeat-y right top;
	}
#subDiv1 h2.free{
	background:url(images/free_icon.gif) no-repeat 0 0 #FFFFFF; padding:0 0 0 72px; font-size:33px; font-weight:bold;
	color:#0067A5; line-height:33px; height:88px;
	}
#subDiv1 h2.free span{
	font:normal 23px/18px "Arial Narrow", Arial, Helvetica, sans-serif; color:#009ED2; background-color:#FFFFFF;
	}
#subDiv1 h3.ready{
	text-align:center;  color:#4CAB36; text-transform:uppercase; background-color:#FFFFFF;
	font-size:23px; font-weight:bold; display:block; margin:0 0 17px 0;
	}
#subDiv1 h3.ready span{
	display:block;font:bold 29px/29px "Arial Black", Arial, Helvetica, sans-serif; color:#FF9600; background-color:inherit;
	}
#subDiv1 a.need{
	background:url(images/need.gif) no-repeat left top #fffffe; height:40px; width:155px; margin:0 0 0 18px; padding:0 0 0 20px;
	font-size:16px; font-weight:bold; line-height:40px; display:block; color:#FFF; text-decoration:none;
	}
#subDiv1 a.need:hover{
	background:url(images/need.gif) no-repeat left bottom;
	}
#subDiv1 h4{
	font-size:16px; font-weight:bold; color:#000; background-color:#fff; line-height:20px; letter-spacing:-1px;
	text-transform:uppercase; display:block; margin:12px 0 0 0;
	}
/*----------------innerpage career opportunity-------*/	
.link_career { font-family:Arial, Helvetica, sans-serif; color:#336699; font-size:12px; font-style:normal; font-weight:normal; text-decoration:none;}
.link_career:hover{  text-decoration:underline;}


/*-----------------quick---------------*/
#quick{
	width:217px; padding:0 0 0 13px; float:left;
	}
#quick h2{
	background:url(images/quick_icon.gif) no-repeat 0 0 #FFFFFF; padding:0 0 0 72px; font-size:33px; font-weight:bold;
	color:#0067A5; line-height:33px; height:62px; 
	}
#quick h2 span{
	font:normal 23px/18px "Arial Narrow", Arial, Helvetica, sans-serif; color:#009ED2; background-color:#FFFFFF;
	}
#quick ul{
	 line-height:0; margin:18px 0 0 0;
	}
#quick ul li{
	padding:0; display:block; margin:0 0 19px 0;
	}
#quick ul li a{
	color:#313131; background-color:#FFFFFF; text-decoration:none; font-size:11px; padding:0 0 0 28px; display:block;
	}
#quick ul li a.webton{
	background:url(images/netons_icon.gif) no-repeat left top; height:13px ; line-height:13px; 
	}
#quick ul li a.webton:hover{
	background:url(images/netons_icon.gif) no-repeat left bottom; 
	}
#quick ul li a.yahoo{
	background:url(images/yahoo_icon.gif) no-repeat left top; height:16px; line-height:16px; 
	}
#quick ul li a.yahoo:hover{
	background:url(images/yahoo_icon.gif) no-repeat left bottom; 
	}
#quick ul li a.messanger{
	background:url(images/window-massager.gif) no-repeat left top; height:16px; line-height:16px; 
	}
#quick ul li a.messanger:hover{
	background:url(images/window-massager.gif) no-repeat left bottom; 
	}
#quick ul li a.skyp{
	background:url(images/skypy.gif) no-repeat left top; height:16px; line-height:16px; margin:0 0 10px 0;
	}
#quick ul li a.skyp:hover{
	background:url(images/skypy.gif) no-repeat left bottom;
	}
#quick ul li a.newtons{
	background:url(images/newtone_icon.gif) no-repeat left top; height:16px; line-height:16px; margin:0 0 10px 0;
	}
#quick ul li a.newtons:hover{
	background:url(images/newtone_icon.gif) no-repeat left bottom; 
	}
/*----------------innerpage site map-------*/

.siteDiv{
	 padding:0 0px 20px 13px;
	}
.siteDiv .h5{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; font-weight:bold; text-decoration:none; color:#3987AD; padding:0 0 10px 0;
             background:url(images/inner_bullet.gif) no-repeat 0 5px; padding:0 0 0 25px; height:25px; display:block;
}
.siteDiv .h5 a{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; font-weight:bold; text-decoration:none; color:#3987AD;  padding:0 0 10px 0;}
.siteDiv .h5 a:hover{ text-decoration:underline;}			

.siteDiv ul.categorylink{
	 line-height:0; margin:0 0 0 0;
	}
.siteDiv ul.categorylink li{
	background:url(images/inner_arrow.gif) no-repeat 0 10px; padding:0 0 0 25px; height:25px; display:block;
	}
.siteDiv ul.categorylink li a{
	color:#525050; text-decoration:none; line-height:25px; font-size:11px; font-weight:bold; text-align:left-top;
	}
.siteDiv ul.categorylink li a:hover{
	text-decoration:underline;
	}		
/*-----------------portfolio--------------*/
#body h2.portfolio{
	font-size:27px; font-weight:bold; display:block; line-height:38px; color:#0067A5; background-color:#FFFFFF;
	margin:30px 0 9px 0;
	}
#body h2.portfolio span{
	color:#00A6DD; background-color:#FFFFFF;
	}
#body ul.latestPo{
	height:155px; margin:0 0 14px 0;
	}
#body ul.latestPo li{
	float:left; display:block; margin:0 16px 0 0; font-size:0; line-height:0;
	}
#body ul.latestPo li.nomar{
	margin:0;
	}
#body ul.latestPo li img{
	display:block;
	}
#body p.more{
	padding:0 0 0 772px; margin:0 0 40px 0;
	}
#body p.more a{
	background:url(images/more.gif) no-repeat left top #fffffe; height:40px; width:150px; margin:0 ; padding:0 0 0 24px;
	font-size:16px; font-weight:bold; line-height:40px; display:block; color:#FFF; text-decoration:none;
	}
#body p.more a:hover{
	background:url(images/more.gif) no-repeat left bottom;
	}
/*----------------------footer part srart-----------------*/
#bigfooter{
	background:url(images/footer_bg.gif) repeat-x 0 0 #272727; color:#686868;
	}
#footer{
	width:708px; height:156px; margin:0 auto; position:relative; padding:80px 0 0 0;
	}
#footer ul.fooNavi{
	background:url(images/footer_navi_bg.gif) no-repeat left bottom; padding:0 0 36px 0; position:absolute; left:0; top:0;
	height:42px;
	}
#footer ul.fooNavi li{
	float:left; padding:0 20px; font-size:12px; line-height:42px; display:block;
	}
#footer ul.fooNavi li a{
	color:#A7F6FF; background-color:inherit; text-decoration:none;
	}
#footer ul.fooNavi li a:hover, #footer ul.fooNavi li.active{
	color:#FFFFFF; background-color:inherit;
	}
#footer h4{
	font-size:14px; font-weight:bold; color:#F1EEDA; background-color:inherit; margin:0 0 10px 29px;
	}
#footer p.text{
	color:#8DE8FF; background-color:inherit; font-size:12px; margin:0 0 14px 29px; font-weight:bold;
}
#footer p.text strong{
	 background-color:inherit; font-weight:normal;color:#00BCEB; display:block; margin:-15px 0 0 30px;
	}
#footer p.text a{
	text-decoration:none; color:#B5D172; background-color:inherit; font-weight:normal;
	}
#footer p.text a:hover{
	color:#00BCEB; background-color:inherit;
	}
#footer p.power{
	font-size:11px; margin:40px 0 0 29px; line-height:15px; 
	}
#footer p.temnet{
	background:url(images/footer_netwon.gif) no-repeat 0 0; padding:0 28px 0 25px; position:absolute; right:0; top:176px;
	color:#C4C4C4; font-size:11px; background-color:inherit; line-height:14px;
	}
#footer ul.validator{
	position:absolute; right:23px; top:205px; height:14px;
	}
#footer ul.validator li{
	float:left; padding:0 7px 0 0; display:block;
	}
#footer ul.validator li a{
	display:block; font-size:0; text-indent:-2000px; height:14px; width:63px;
	}
#footer ul.validator li a.xhtmlVali{
	background:url(images/xhtml.gif) no-repeat left top;
	}
#footer ul.validator li a.xhtmlVali:hover{
	background:url(images/xhtml.gif) no-repeat left bottom;
	}
#footer ul.validator li a.cssVali{
	background:url(images/css.gif) no-repeat left top;
	}
#footer ul.validator li a.cssVali:hover{
	background:url(images/css.gif) no-repeat left bottom;
	}
	
/*----------< < <inner page part start>> > >---------*/
.inner{
	background:url(images/inpages_bg.gif) repeat-x 0 1px #FFFFFF;
	}
.noimg{
	background-image:none!important;
	height:72px!important;
	padding-top:180px!important;
	}
#header h1.aboutHead{
	background:url(images/de_finibus.gif) no-repeat 0 0;  height:31px; display:block; font-size:0;
	text-indent:-2000px; margin:0 0 0 0;
	}
#innerbody{
	width:945px; margin:0 auto 19px ;
	padding:0 0 16px 0; 
	/*background:url(images/inner_body_bg.gif) repeat-y 0 0;*/
	}
/*----------------------left part start---------*/
#left{
	width:242px;
	float:right;
	}
#left ul.link{
	list-style-type:none;
	font-size:0;
	line-height:0;
	margin:0 0 58px 0;
	}
#left ul.link li{
	display:block;
	}
#left ul.link li a{
	background:url(images/inner_arrow.gif) no-repeat 7px 12px #fff;
	color:#1F7DAB;
	line-height:27px;
	text-decoration:none;
	display:block;
	font-size:12px;
	padding:0 0 0 24px;
	}
#left ul.link li a:hover,#left ul.link li a.active{
	background-color:#E4EAED;
	color:#1F7DAB;
	font-weight:bold;
	}
#left ul.link li  ul{
	margin:0 0 0 10px;
	font-size:0;
	line-height:0;
	}
#left ul.link li ul li{
	background:url(images/drop_arrow.gif) no-repeat 20px 10px;
	height:20px;
	padding:0 0 0 29px;
	}
#left ul.link li ul li a{
	color:#717171;
	background-color:#FFFFFF;
	font-size:11px;
	background-image:none;
	line-height:20px;
	line-height:20px!important;
	padding:0!important;
	}
#left ul.link li ul li a:hover,#left ul.link li ul li a.hover{
	background-color:#FFFFFF;
	color:#717171;
	font-weight:bold;
	}
#left h2.tes{
	color:#237eab;
	background-color:#FFFFFF;
	font-weight:bold;
	line-height:23px;
	font-size:23px;
	margin:18px 0 8px 26px;
	}
#left p.text{
	font-size:11px;
	line-height:14px;
	color:#393939;
	background-color:#FFFFFF;
	}
#left h3.blue{
	color:#45A4E4;
	background-color:#FFFFFF;
	line-height:16px;
	font-size:12px;
	font-weight:bold;
	margin:16px 0 0 0;
	display:block;
	
	}
#left a.view{
	font-weight:bold;
	font-size:12px;
	line-height:14px;
	color:#254553;
	background-color:#FFFFFF;
	text-decoration:underline;
	height:14px;
	}
#left a.view:hover{
	color:#000000;
	background-color:#FFFFFF;
	}
/*-------------right part start---------*/
#right{
	width:660px;
	float:left;
	}
#right h2.about_us{
	font-size:47px;
	line-height:47px;
	color:#0067A5;
	font-weight:bold;
	text-transform:uppercase;
	}
#right p.text{
	line-height:19px;
	font-size:12px;
	margin:0 0 20px 0;
	color:#6A685C;
	background-color:#FFFFFF;
	}
#right a.contact_link{
	background:url(images/about_link.gif) no-repeat 0 0 #fffffe;
	height:45px;
	width:127px;
	display:block;
	font-size:16px;
	font-weight:bold;
	line-height:45px;
	padding:0 0 0 18px;
	color:#FFFFFF;
	text-decoration:none;
	}
#right a.contact_link:hover{
	background:url(images/about_link.gif) no-repeat 0 100%;
	}
#right p.boldBlue{
	color:#05A1C7;
	background-color:#FFFFFF;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	margin:-45px 0 0 150px;
	width:344px;
	}
	
.subDiv-about{
	width:228px; background:url(images/about_line.gif) repeat-y right top; padding:0 1px 20px 14px;
	}
	
.subDiv-about h2.our{
	background:url(images/service_icon.gif) no-repeat 0 0 #FFFFFF; padding:0 0 0 72px; font-size:33px; font-weight:bold;
	color:#0067A5;  line-height:33px; height:60px;
	}
.subDiv-about h2.our span{
	font:normal 23px/18px "Arial Narrow", Arial, Helvetica, sans-serif; color:#009ED2; background-color:#FFFFFF;
	}
.subDiv-about ul.ourlink{
	 line-height:0; margin:10px 14px 0 0; padding:0 0 5px 0;
	}
.subDiv-about ul.ourlink li{
	background:url(images/green_icon.gif) no-repeat 0 6px; padding:0 0 0 25px; display:block;
	}
.subDiv-about ul.ourlink li a{
	color:#1D94BE; text-decoration:none; line-height:28px; font-size:13px; display:block; height:28px;
	background:url(images/vertical_line.gif) repeat-x left bottom #fff;
	}
.subDiv-about ul.ourlink li a.noline{
	background-image:none;
	}
.subDiv-about ul.ourlink li a:hover{
	color:#432613; background-color:#FFFFFF;
	}
	
#left form.free_quoation{
	margin:0 12px;
	border:#dedede 1px solid;
	padding:12px;
	}
#left form.free_quoation input.textboxt{
	width:189px;
	height:19px;
	border-left:#d4d0c8 1px solid;
	border-right:#d4d0c8 1px solid;
	border-top:#808080 1px solid;
	border-left:#808080 1px solid;
	margin:0 0 10px 0;
	}
	
#left form.free_quoation textarea{
	width:189px;
	height:81px;
	border-left:#d4d0c8 1px solid;
	border-right:#d4d0c8 1px solid;
	border-top:#808080 1px solid;
	border-left:#808080 1px solid;
	}
	
#left form.free_quoation input.submit{
	background:url(images/submit.gif) no-repeat 0 0;
	width:84px;
	height:22px;
	margin:9px 0 10px 0;
	border:none;
	cursor:pointer;
	}
	
#left form.free_quoation p{
	color:#000000;
	background-color:#fff;
	font-size:11px;
	line-height:15px;
	font-weight:bold;
	}
	
.please{
	color:#05a1c7!important;
	background-color:#FFFFFF;
	line-height:16px;
	font-size:11px;
	font-weight:bold;
	margin:0;
	}
/*----------------innerpage web development process-------*/

.h5{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; font-weight:bold; color:#575757; padding:0 0 10px 0;}	
.web-dev-processDiv{
	 padding:0 0px 20px 13px;
	}

.web-dev-processDiv ul.specification{
	 line-height:0; margin:0 0 0 0;
	}
.web-dev-processDiv ul.specification li{
	background:url(images/inner_bullet.gif) no-repeat 0 5px; padding:0 0 0 25px; height:40px; display:block; font-family:Arial, Helvetica, sans-serif; font-style:normal; color:#5B5B5B; text-decoration:none; line-height:14px; font-size:11px; font-weight:normal; text-align:left-top;
	}