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

body{
	margin:0px auto;
	padding:0px;
	background: #000 url(../images/bg-vista1.jpg) no-repeat top;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
		font-size: 62.5%;
		line-height: 1.5;
		text-align: left;
		color: #4b4b4b;

}
.clr{
	clear:both;
}
img{border:0px;}
/*Header*/
.header{
	margin:0 auto; 
	padding:0;
	width:960px;
}
.logo{
	float:left;
	width:450px;
}
.top_right{
	float:right;
	margin:0;
	padding:0;
	color:#fff;
	font:13px Arial, Helvetica, sans-serif;
}
.top_right a{
	color:#f3f5f7;
	text-decoration:none;
}
.top_right a:hover{
	color:#5a91c0;
}
.top_right .row1{
	margin-top:0px;
	margin-right:60px;
}
.top_right .row1 p{
	margin:0px;
	padding-top:5px;
	padding-bottom:0px;
}
.top_right .row1 p span{
	padding:0px;
}
.top_right .row1 span{
	background:
}
.top_right .row2{
	margin-top:20px;
		margin-right:35px;
}


/*Menu*/
.main_menu{
	width:960px;
	background:#29292a url(../images/menu_bg.jpg) repeat-x ;
	margin:0 auto;
	padding:0px;
	height:36px;
	border-bottom:1px solid #d3d2d2;
}
.rss{
	float:left; padding:3px 0 0; margin:0; width:140px;
}
.rss img{
	float:right; margin:5px; padding:0;
}
.rss p { font: 10px Arial, Helvetica, sans-serif; color:#1091db; text-transform:uppercase; padding:10px 0 0 0; margin:0;}

/*Main*/
.wrapper{
	width:960px;
	margin:0 auto;
	padding:0px;
	background:#efefef;
}
.banner{
	width:960px;
	margin:0 auto;
	padding:0px;
	height:230px;
}

.title{}

/********** slider **********/
.slider_top { margin:0; padding:0; height:323px;}
/*header_text*/
.header_text { margin:0 auto; padding:0;}
/********** slider **********/
.slider_top2 { margin:0 auto; padding:0; background: url(../images/header-image.jpg) no-repeat; height:190px;}
.slider_top2 h2 { width:240px; float:left; padding:30px 0 0 30px; margin:0; font: bold  30px Arial, Helvetica, sans-serif; color:#fff;}
.slider_top2 p {  font: italic 12px Arial, Helvetica, sans-serif; color:#acacac; width:590px; float:right; text-align:left; padding:35px 20px 0 0px; margin:0;}

.slider_top2 a { font: bold italic 12px Arial, Helvetica, sans-serif; color:#b73214; float:right; text-decoration:none; padding:0 30px 0 0; margin:0;}
/********** block index **********/
.body {margin:0; padding:0;   }
.body_resize {background:#efefef;  padding:0;  width:960px; margin:0 auto;}
.blog { width:295px; border:1px solid #e0eef6; background:#fff; float:left; margin:10px 0 10px 3px; padding:5px 10px; -moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;}
	*.blog { width:285px; border:1px solid #e0eef6; background:#fff; float:left; margin:10px 0 10px 3px; padding:5px 10px; -moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;}
.blog:hover{background:#E0EEF6; border:1px #b9babb dotted;}
.blog h2 { font: bold 20px Arial, Helvetica, sans-serif; color:#4B4B4B; padding:5px 0 6px 10px; margin:0;}
.blog p { font: normal 12px Arial, Helvetica, sans-serif; color:#5e5e5e; padding:5px 10px; margin:0; line-height:1.8em;}
.blog a { background:#2e2d2d; color:#fff; padding:2px 10px; margin:0; float:right; text-decoration:none;}
.blog a:hover { background:#5a91c0; color:#fff; padding:2px 10px; margin:0; float:right; text-decoration:none;}
.blog img { float:left; margin:10px; padding:0 10px 0 0;}
/*body*/
.body h6 { font:normal 12px Arial, Helvetica, sans-serif; color:#393939; padding:2px 40px; margin:0 0 10px 0;}
.body h6.web_design { background:url(../images/right_icon_design.gif) left no-repeat;}
.body h6.web_dev { background:url(../images/right_icon_develop.jpg) left no-repeat;}
.body h6.cms_right { background:url(../images/right_icon_cms.jpg) left no-repeat;}
.body h6.seo_right { background:url(../images/right_icon_seo.jpg) left no-repeat;}
.body h6.php { background:url(../images/right_logo1.jpg) left no-repeat;}
.body h6.portal { background:url(../images/right_logo2.jpg) left no-repeat;}
.body h6.shopping { background:url(../images/right_logo3.jpg) left no-repeat;}
.body h6.app { background:url(../images/right_logo4.jpg) left no-repeat;}
.body h6.commerce { background:url(../images/right_logo5.jpg) left no-repeat;}
.body h6 a{color:#006699;}
.body h6 a:hover{color:#333333;}
/*Right Boxes */
.solution_right{/*background:url(../images/solution_bg.jpg) no-repeat;*/ width:239px; height:212px; margin-left:30px; padding:55px 0px 0px 20px; }
.dev_right{ /*background:url(../images/development_rightbg.jpg) no-repeat; */ width:239px; height:242px; margin-left:30px; padding:55px 0px 0px 20px; }
.portfolio_right{

}


.develop_right ul{
	list-style:none;
	margin-left:-21px;
}
*.develop_right ul{
	list-style:none;
	margin-left:20px;
}
.develop_right li{
	list-style:none;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	height:27px;
	/*list-style-image:url(../images/bullet2.gif);*/
	margin-left:0px;
}
*html .develop_right li{
	list-style-image:url(../images/bullet2_ie.gif);
}
.develop_right li a{
	color:#4b4b4b;
}
.develop_right li a:hover{
	color:#386680;
}
/*Right*/
.body h2 { font:bold 20px Arial, Helvetica, sans-serif; color:#4B4B4B; padding:2px 7px; margin:0 0 0 0; }
.body h2.webdesign { background:url(../images/webdesign_icon1.jpg) left no-repeat;}
.body h2.php { background:url(../images/devlop_php.jpg) left no-repeat;}
.body h2.portal { background:url(../images/webportal.jpg) left no-repeat;}
.body h2.shopping { background:url(../images/shopping_cart.jpg) left no-repeat;}
.body h2.app { background:url(../images/web_application.jpg) left no-repeat;}
.body h2.commerce { background:url(../images/e-commerce.jpg) left no-repeat;}
.body h2.cms { background:url(../images/cms1.jpg) left no-repeat;}
.body h2.seo { background:url(../images/seo.jpg) left no-repeat;}
.body h2.development { background:url(../images/development1.jpg) left no-repeat;}
.body h2.Welco { background:url(../images/development1.jpg) left no-repeat;}
.body h2.News { background:url(../images/solution_icon.jpg) left no-repeat;}
.body h2.what { background:url(../images/porfolio_icon.jpg) left no-repeat;}
.body h2.mission { background:url(../images/mission_1.jpg) left no-repeat;}
.body h2.about { background:url(../images/h2_about.gif) left no-repeat;}
.body h2.why { background:url(../images/about_icon3.jpg) left no-repeat;}
.body h2.blog { background:url(../images/blog_icon.jpg) left no-repeat;}
.body h2.team { background:url(../images/h2_taem.gif) left no-repeat;}
.body h2.serv { background:url(../images/h2_serv.gif) left no-repeat;}
.body h2.cont { background:url(../images/h2_cont.gif) left no-repeat;}
.body h2.portfolio { background:url(../images/porfolio_icon.jpg) left no-repeat;}
.body h2.request_quote { background:url(../images/request_quote.jpg) left no-repeat;}
.body h2.outsourcing { background:url(../images/outsourcing.jpg) left no-repeat;}
.body h2.sitemap { background:url(../images/sitemap.gif) left no-repeat;}
.body h2.webdev { background:url(../images/dev.jpg) left no-repeat;}
.body h3 { color:#22549b; font: normal 18px Arial, Helvetica, sans-serif; padding:15px 10px; margin:0 0 10px 0; border-bottom:1px solid #e2e2e2;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#5c5c5c; padding:7px 5px 0px; margin:0; line-height:1.8em;}
.body p span { color:#22549b;}

.body a {color:#5c5c5c; text-decoration:none; }
.body a:hover {color:#5480a5; text-decoration:none; }
.body img { float:left; margin:5px 5px; padding:0;}
.left  { width:650px; float:right; margin:0; padding:10px 10px; text-align:justify; } 
.left h1{font:normal 20px Arial, Helvetica, sans-serif; color:#393939; border-bottom:1px solid #e0eef6; padding:15px 10px;}
.left ul{margin-left:10px; list-style:none;}
.left li{list-style:url(../images/bullet1.gif); font:normal 12px Arial, Helvetica, sans-serif; padding:0 10px 0 0; color:#5c5c5c; line-height:25px; margin:0;}
*html .left li{list-style:url(../images/bullet1_ie.gif);}
ul.dev{margin-left:0px;}
ul.dev li a{color:#666666;}
ul.dev li a:hover{color:#5a91c0;}
p.afterlist{margin-top:-15px;}
.left h1{font:normal 18px Arial, Helvetica, sans-serif; color:#393939; padding:15px 5px; margin:0 0 10px 0; border-bottom:1px solid #e0eef6;}
.left h4{font:bold 12px Arial, Helvetica, sans-serif; color:#22549b; padding:25px 5px 0px; margin:0; line-height:1.8em;  }
.left h5{font:bold 12px Arial, Helvetica, sans-serif; color:#4b4b4b; padding:9px 5px 0px; margin:0; line-height:1.8em;  }
.right  { width:294px; float:right; margin:0; padding:10px 10px;} 

.left a{color: #386c9a; font-weight:bold; text-decoration:none;}
.left a:hover{color:#c30; font-weight:bold; text-decoration:none;}

.slideline{width:920px; border-top:1px solid #e0eef6; margin:0 20px;}
.slideshow{width:960px; padding:0px; margin:0px auto; height:60px;}
.left strong{font:bold 12px Arial, Helvetica, sans-serif; color:#22549b; padding:25px 5px 0px; margin:0; line-height:1.8em;  }


/*Footer*/
.footer{
	margin:0 auto; 	padding:0px; 	width:100%; height:320px; 	background:#000 url(../images/bot_bg12.jpg) repeat-x;font:normal 12px Arial, Helvetica, sans-serif; color:#2f2e2e; }
.footer .footerpart{width:960px; margin:0px auto; padding:0px; text-align:center; }
.footer_section{width:210px; padding:0px; margin:8px 2px 6px 20px; float:left; height:180px;	 line-height:1.8em; text-align:justify; color:#4b4b4b; }
.footer_section h1{font:bold 15px Arial, Helvetica, sans-serif;}
.footer_section ul{list-style:none; margin:0px; padding:0px;}
.footer_section li{ list-style-image: none;}
.footer_section a{text-decoration:none; color:#4b4b4b;}
.footer_section a:hover{text-decoration:none; color:#6f6f6f;}
*html .footer_section li{ list-style-image:url(../images/bullet_ie.gif); margin-left:30px;}
.footer_bot{clear:both; width:900px; margin:0px auto; padding:0px;  }
.footer_bot1{clear:both; width:100px; margin:0px auto; padding:0px; }
.footer_bot .lbot{width:960px; clear:both;}
.footer_bot .lbot p{margin:0 auto; padding:2px 0; color:#2f2e2e;}
.footer_bot .rbot{width:300px; margin:0 auto;}
.footer_bot a{text-decoration:none; color:#2f2e2e;}
.footer_bot a:hover{text-decoration:none; color:#5a91c0;}

.copy {width:960px; margin:0px auto; clear:both; padding:10px 0;}
.subfoot{padding:0;  margin:0; width:100%;  background:#373737  url(../images/subfoot.jpg) repeat-x; height:76px;  font:normal 12px Arial, Helvetica, sans-serif; color:#999; 
}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #e0eef6; padding:0; margin:2px 0; background:none; line-height:0;}

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 210px;
height: 95px;
/*border: 1px solid black;*/
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}
.leading{
	width:600px;	background:#d5d5d4;	font:12px Arial, Helvetica, sans-serif;
}
.leading p{
	text-align:left;	margin:0px;	padding:0 6px;
}
.leading td{
	vertical-align:text-top;	border-top:1px solid #fff;	border-right:1px solid #fff;
}
.leading strong{
	color:#5b91c0;
}

.leading .thead{
	background:#5f5f5d;	font-weight:bold;	color:#fff;	line-height:30px;
}
.leading  .row1{
	background:#ededeb;
}
.contactus p{
	padding:0;	margin:0px;
}
.contactus h1{
	padding:2px 0; 	font:bold 15px Arial, Helvetica, sans-serif;	border:0px; 	color:#c30;
}
/*Form*/
.form_design{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#666;
	line-height:25px;
}
.form_design h1{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#c30;
	border:0px;
	margin:0;
	padding:0;
}
textarea{
	border:1px solid #CCCCCC;
	background:#fff;
}
.imgborder img{
	border:1px solid #d6dfd5;
}
/*Bottom form*/
.form_design_bot{
	font:12px Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	margin:0px;
	padding:0px;

}
.form_design_bot h1{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#c00;
}
.form_design_bot input, textarea{
	background:#fffff ;
	border:1px solid #dedbdb;
	color:#4b4b4b;
}
.form_design_bot input{
	width:170px;
}	
.form_design_bot .submit_bot{
	background:#3b75a8;
	width:77px; height:24px;
	margin:0px; padding:0px;
	border:0px;
	color:#fff;
}
.portfolio{
	font:13px bold Arial, Helvetica, sans-serif;
	padding:5px;
}
.portfolio img {
	border:1px solid #999;
}
/*Request form*/
.request_form{
	font:12px Arial, Helvetica, sans-serif;
	color:#5c5c5c;
	text-align:left;
}
.request_form span.star{
	color:#c00;
}
.request_form .head{
	background:#d5d5d5;
	height:30px;
}
.request_form .head span{
	font-weight:bold;
	color:#22639a;
}
.request_form textarea{
	background:#fff;
	border:1px solid #7f9db9;
	color:#5c5c5c;
}

.contactno{
	padding:10px 11px;
	width:620px;
	background:#ffffff;
	border:1px solid #e8e8e8;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	float:left;
	margin-left:-30px;
}
*.contactno{
	padding:10px 11px;
	width:620px;
	background:#ffffff;
	border:1px solid #e8e8e8;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	float:left;
	margin-left:0px;
}
.contactno  strong{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#2e2d2d;
}
.contactno p{
	margin:0;
	padding:0;
}
.left_corn_test
{
width:620px;
background:#ffffff;
	border:1px solid #e8e8e8;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	float:left;
	padding:10px;
	clear: right;
	margin-left:-30px;
}
*.left_corn_test
{
width:620px;
background:#ffffff;
	border:1px solid #e8e8e8;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	float:left;
	padding:10px;
	clear:both;
	margin-left:0px;
}
.left_corn_test strong
{
font-size:2em;
color:#4b4b4b;
text-align:left;
}
.left_corn_test h2
{
font-size:1.8em;
color:#4b4b4b;
text-align:left;
}
.right_corn_test
{
-moz-border-radius:7px 7px 7px 7px;
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #E8E8E8;
float:left;
margin-bottom:10px;
margin-left:10px;
margin-top:10px;
padding:10px;
vertical-align:top;
width:253px;
}
*.right_corn_test
{
-moz-border-radius:7px 7px 7px 7px;
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #E8E8E8;
float:left;
margin-bottom:10px;
margin-left:10px;
margin-top:10px;
padding:10px;
vertical-align:top;
width:253px;
padding-left:10px;
}
.right_corn_test strong
{
font-size:1em;
color:#4b4b4b;
text-align:left;
}
.right_corn_test:hover
{
background:#e0eef6;
border:1px #b9babb dotted;
}

.right_corn_test1
{
width:268px;
background:#ffffff;
	border:1px solid #e8e8e8;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	float:left;
	padding:10px;
	margin-left:10px;
}
.right_corn_test1 strong
{
font-size:2em;
color:#4b4b4b;
text-align:left;
}
.right_corn_test1:hover
{
background:#e0eef6;
border:1px #b9babb dotted;
}
.footer-right {
background:url("images/footer-bg-r.png") no-repeat scroll right top transparent;
}
.footer-center {
background:url("images/footer-bg-c.png") repeat-x scroll left top transparent;
height:33px;
margin:0 6px;
position:relative;
}
.footer-right {
background:url("images/footer-bg-l.png") no-repeat scroll right top transparent;
}
.fix_foot
{
width:960px;
height:33px;
float:left;
}