@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0px;}
html{background:url(../images/blue-bg.jpg) top left repeat-x;}
body {
	color:#717273;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	border-top:#7ecb29 solid 5px;
	margin:0px auto;
}
header, menu, article {width:997px; margin:0 auto;}
img{ border:none;}
a{ color:#666666; text-decoration:none; font-weight:bold; outline:none;}
a:hover{ color:#009AD3; text-decoration:none;}

/*Forms*/
form{ margin:0px; padding:0px;}
textarea, input{ border:solid 1px #5d9ea8; background:#7aa0af; vertical-align:middle;}
textarea:hover, input:hover{ background:#5d9ea8;}

/*Text*/
h1{ margin:0; padding:0; color:#86B33E; font-size:18px; font-weight:normal;}
h2{margin:0; padding:0; color:#86B33E; font-size:16px; font-weight:normal;}
h3{ margin:0; padding:0; color:#86B33E; font-size:14px; font-weight:bold;}
h4{ margin:0; padding:0; color:#86B33E; font-size:14px; font-weight:normal;}
h5{ margin:0; padding:0; color:#86B33E; font-size:12px; font-weight:normal;}
p{ margin:0; padding:0; line-height:18px; color:#666666; font-size:12px; font-weight:normal;}
ul{ list-style:disc; margin:0; padding:0 0 0 15px;}
ol{ list-style:decimal; margin:0; padding:0 0 0 20px;}

/********************* classes for differentiation of padding, border & color ********************/
.fleft { float:left; }
.fright { float:right; }
.clear { clear:both; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right}
.bold { font-weight:bold; }
.paddTB5{padding:5px 0px;}
.paddTB10{padding:10px 0px;}
.paddLR5{padding:0px 5px;}
.paddLR10{padding:0px 10px;}
.pad5 { padding:5px; }
.pad10 { padding:10px; }
.padTB20 { padding:20px 10px; }
.mrg5 { margin:5px; }
.relative { position:relative; }
.absolute { position:absolute; }
.white_text { color:#ffffff; }
.width_full { width:100%;}
.bold{font-weight:bold;}
.noBG{background:none;}
.height0{ font-size:0px; height:0px;}

/*Common*/
header{display:block; clear:both;}
header p{float:left; padding-top:28px; font-size:11px; color:#227eb0; width:478px; font-style:italic; font-size:19px;}
header .selecttopic{float:right; padding:25px 0px 0px 0px; width:250px;}
header .selecttopic input.view{ float:right; cursor:pointer; -moz-border-radius:4px; color:#FFFFFF; padding:2px 3px;}

.vi-logo{ width:265px;}
.infolink { float:right; width:auto; padding:10px;}
.homelinks ul{ list-style:none; margin:0; padding:10px;}
.homelinks li {color:#999999; font-size:11px; padding-top:20px; display:inline;}
.homelinks a{text-decoration:none; font-size:11px; color:#999999; padding:0px 3px; font-weight:normal;}
.homelinks a:hover{color:#333333;}

article{display:block; border:#7ba1b6 solid; border-width:0px 1px 0px 1px; clear:both; }
menu{clear:both; background:url(../images/menu-bg.jpg) top left repeat-x; display:block; height:49px;  border:#7ba1b6 solid; border-width:1px 1px 0px 1px;}
menu ul{margin:0px; padding:0px; list-style:none;}
menu ul li{ margin:0px; padding:0px; list-style:none; float:left; background:url(../images/menu-devider.jpg) right 13px no-repeat;}
menu ul li a{display:block; padding:16px 28px; text-decoration:none; font-weight:bold; color:#3a5c70; font-family:'Tahoma', Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-transform:uppercase;}
menu ul li a:hover{color:#58a100; background:url(../images/menu-roll-bg.jpg) top left repeat-x;}

div#container { margin: 0px; }
ul.tabNav {list-style:none; margin:0; padding:0; height:102px; position:relative; margin-top:-33px; z-index:99;}
ul.tabNav li { float: left; }
ul.tabNav li.current { padding-top: 0; }
ul.tabNav a { height:102px;}
ul.tabNav li a span{ display:none;}
ul.tabNav li.current a {}

ul.tabNav li#services a{ width:324px; display:block; background:url(../images/service-icons.gif) left top no-repeat;}
ul.tabNav li#services a:hover{ background:url(../images/service-icons.gif) left -110px no-repeat;}
ul.tabNav li#services a.active{ width:324px; display:block; background:url(../images/service-icons.gif) left -110px no-repeat;}
ul.tabNav li#technology a{ width:337px; display:block; background:url(../images/service-icons.gif) -324px top no-repeat;}
ul.tabNav li#technology a:hover{ background:url(../images/service-icons.gif) -324px -110px no-repeat;}
ul.tabNav li#technology a.active{ width:337px; display:block; background:url(../images/service-icons.gif) -324px -110px no-repeat;}
ul.tabNav li#mobileapp a{ width:336px; display:block; background:url(../images/service-icons.gif) -661px top no-repeat;}
ul.tabNav li#mobileapp a:hover{ background:url(../images/service-icons.gif) -661px -110px no-repeat;}
ul.tabNav li#mobileapp a.active{ width:336px; display:block; background:url(../images/service-icons.gif) -661px -110px no-repeat;}

div.tabContainer { clear: both; float: left; width: 100%; background:url("../images/contain.gif") repeat scroll left top transparent; }
div.tabContainer div.tab { display: none; padding:1px; }
div.tabContainer div.current { display: block; }
div.tab p:last-child { margin-bottom: 0; }
div.tabContainer ul{ list-style:none; margin:0; padding:10px 0; float:left; height:auto; width:100%;}
div.tabContainer li { display:block; float:left; width:31%; padding:3px 0 3px 2%;}
div.tabContainer li a { height:auto; background:url(../images/servicelists-a.gif) left center no-repeat; text-decoration:none; padding-left:20px; font-weight:normal;}
div.tabContainer li a:hover {background:url(../images/servicelists-h.gif) left center no-repeat;}


.news { background: url("../images/contain.gif") repeat scroll left top;clear: both;/*height: 36px;*/padding-left:10px;padding-top: 10px; border-top:1px solid #81cc28;height: 31px;}
.news .head{ width:89px; background:url(../images/news-bg-head.gif) left top repeat-x; float:left; height:36px; line-height:36px; text-align:center; font-weight:bold; color:#ffffff; font-size:14px;}
.news .cont{ width:742px; float:left; height:36px; line-height:40px; text-align:center; font-weight:normal; color:#6a6969; font-size:12px; overflow:hidden;}
.news .cont a{ color:#5ca900; font-weight:bold;}
.news_contains{ padding-right:300px;}
.news .clearb {float:right; margin-top: -7px;}
.news #crumbs {float:left;}
.news .messanger-bar{ width:165px; padding-top:3px; background:url(../images/messanger-bar.gif) left 1px repeat-x; float:right; height:32px; line-height:32px; text-align:center; font-weight:bold; color:#ffffff; font-size:14px;}
ul.messanger{ list-style:none; margin:0; padding:0px 0px 0px 5px;}
ul.messanger li{ cursor:pointer; display:inline; float:left; position:relative;}
ul.messanger li img{ margin:4px 5px;}
.mess-text{ text-align:center; cursor:text; position:absolute; top:28px; right:0px; font-size:11px; font-weight:bold; padding:17px 0; width:173px; height:28px; background:url("../images/top-icons-rollbg.jpg") left 10px no-repeat;}

*+html .contain{float:left; background:url("../images/contain.gif") left top repeat;width:997px;}

.contain{float:left; background:url("../images/contain.gif") left top repeat; border-left:1px solid #7BA1B6;border-right:1px solid #7BA1B6; margin-left:-1px; width:997px;}

.contain .shadio{ clear:both; float:left; width:100%;/* background:url(../images/shadio.gif) left top no-repeat;*/ padding-top:20px;}
.left_part { width:730px; float:left; padding:8px; overflow:hidden;}
.right_part { width:235px; float:right; padding:8px;}
*html .right_part { width:230px; overflow:hidden;}
.right_part .section{ padding-bottom:15px;}
.tags a { color:#86B33E; text-decoration:underline;}
.tags a:hover { color:#86B33E; text-decoration:none;}
.contain h1{ margin:0; padding:0; color:#929292; font-size:25px; font-weight:normal;}
.contain p{ margin:0; padding:10px 0px 10px 3px; color:#565656; font-size:12px; font-weight:normal;}
.contain h2{ margin:0; padding:5px 0px 10px 17px; color:#929292; font-size:20px; font-weight:normal; background:url(../images/h2-bg.gif) left bottom no-repeat;}
.contain .left_part h2{  margin:0; padding:0; color:#929292; font-size:15px; font-weight:normal; background:none; width:auto;}

.contain .bottom_part .bottom_box{ border:solid 1px #aaaaaa; border-top:solid 1px #315c99;}
.contain .bottom_part h2{ color:#333333; font-size:13px; font-weight:bold; border-bottom:solid 1px #c6cedd; background:#edeff4; padding:8px 0 8px 14px;}
.contain .bottom_part .sitebar_cont{ background:none; padding:5px 15px 15px; height:210px; overflow:hidden;}
p.bottom_p{ background:url(../images/viFlogo.gif) left 12px no-repeat; padding:15px 0 15px 35px; font-weight:bold;}

.left_part ul{margin:0px; padding:10px 0px; list-style:none;}
.left_part ul.dot1 li { background:url("../images/dot1.gif") no-repeat scroll 0 0 transparent; font-size:12px; font-weight:normal; line-height:20px; padding:0 0 0 35px;}
.left_part .ddsg-wrapper li { background:url("../images/dot1.gif") no-repeat scroll 0 0 transparent; line-height:20px; list-style:none outside none; margin:0; padding:0 0 0 35px;}
.left_part .ddsg-wrapper li a{ text-decoration:none;}
.left_part .ddsg-wrapper li ul li, .left_part ul.dotListH li.hDot { background:url("../images/dot2.gif") no-repeat left 6px; padding:8px 0 0 35px;}
.ddsg-wrapper h2{ display:none;}

.sitebar_cont { background:url(../images/h2-cont.gif) 8px top repeat-y; padding:5px 15px 15px 22px;}
.sitebar_cont input{ width:190px; font-weight:normal; color:#ffffff; font-size:12px; margin:3px 0; padding:2%;}
.sitebar_cont input.captcha{ float:right; height:20px; width:70px;}
.sitebar_cont textarea{ width:190px; font-weight:normal; color:#ffffff; font-size:12px; margin:3px 0; padding:2%;}
.sitebar_cont input.submit{ float:right; overflow:visible; cursor:pointer; border:solid 1px #73a802; background:url(../images/submit-bg.gif) left top repeat-x; width:auto; font-weight:normal; color:#ffffff; font-size:13px; margin:3px 0; padding:3px 12px;}
*html .sitebar_cont input.submit { width:0px;}
.red, .left_part .cform .cf_li_text_err { color:#FF0000; font-size:10px;}

.bottom_boxes{ float:left; width:240px; padding:0 0 0 7px;}
*html .bottom_boxes{ width:235px;}
.bottom_boxes .sitebar_cont{ height:190px;}

/***** START CLASSES FOR FOOTER***********************************************************/
#footerBG{background: #ffffff url(../images/footer-bg-repeat.jpg) left top repeat-x; float:left; width:100%;}
#footerMenu{ height:193px; padding:25px 0 0 0; clear:both;}
#footerBG .footerIn{ width:997px; margin:0 auto;}
#footerMenu .footerIn ul li{ font-size:9pt; text-align:left; display:block; float:left; width:240px; margin:0; padding:9px 0 !important; border-bottom:#CCCCCC dotted 1px;margin-right:5px;}
#footerMenu .footerIn ul li a{ color:#555555; font-size:9pt; text-decoration:none; font-weight:normal;}
#footerMenu .footerIn ul li a:hover{ color:#95becf; font-size:9pt;}
#footerText{ background: url(../images/footer-bg.jpg) center top no-repeat;}

*+html #footerText{ background: url(../images/footer-bg.jpg) center 56px no-repeat;}

*html #footerText{margin-top:-11px; position:relative;}
#footerText .footerIn .CPR{ color:#487282; text-align:center; padding:25px; margin-top:55px;}
#footerText .footerIn .CPR span{ color:#4e97b6; font-weight:bold; width:947px;}
#footerText .footerIn .PBF{ padding:15px 50px; font-size:9pt; color:#4e97b6; text-align:left; line-height:140%;}
#footerText .footerIn .PBF p{ font-size:10px;}
#footerText .footerIn .PBF h3{padding-bottom:10px; font-size:8pt; color:#555555; font-weight:normal;}
#footerText .footerIn .TC{color:#717273; text-align:center; margin:0;}
#footerText .footerIn .TC a{ color:#717273; text-decoration:underline; margin:0 5px 0 5px;}
#footerText .footerIn .TC a:hover{ color:#99d8f3; text-decoration:underline;}
#footerText .footerIn .TC span{	position:absolute;	margin:-7px 0 0 0;}

/*Image Gallery*/
#main-banne{ overflow:hidden; height:201px; position:relative;z-index:9;}
ul.gallery{ margin:0; padding:0; list-style:none; display:none;}
#img-gallery { position: relative; width: 100%!important; float:left; margin:0px auto; text-align:center;}
.PaginSlider{width:998px; margin:0px auto; clear:both; position:relative;}
#img-gallery ul { margin:0px 0px 0px 0;  padding:0;  list-style:none; font-weight: bold; position: absolute; display: none; right:5px; z-index:500;}
#img-gallery ul li{ display:inline; text-align:center;}
#img-gallery ul a { display: block; float:left; padding:1px 7px; margin:-12px 2px 2px 2px; text-decoration: none; outline: 0; width:5px; height:10px; color: #ffffff; background:url(../images/slider/dot.png) no-repeat;}
#img-gallery ul a:hover{color:#b90931;}
#img-gallery ul a#playstop { background:  url(../images/slider/play.png) no-repeat center; width:5px; height:10px;}
#img-gallery ul a#playstop.stop { background:  url(../images/slider/stop.png) no-repeat center; width:5px; height:10px;}
#img-gallery ul a.active { color:#b90931; background:url(../images/slider/dot-act.png) no-repeat;}
#img-gallery #img-description{ color: white; font-weight: bold; position: absolute; display: none; background:none;	width:100%; left:0;	top:0px!important; margin:0px auto;}
#img-gallery img { text-align:center;}

/*Footar part*/
#iconspart{clear:both; float:left; width:997px; margin:0px auto; background-color:#ffffff;}

*+html #iconspart{margin:0 auto 9px auto;}

#iconspart .iconsbg{background:url("../images/bottom-icons-bg.jpg") left top no-repeat; width:178px; height:89px; margin:8px 10px 8px 11px; float:left; cursor:pointer; overflow:hidden;}
#iconspart .iconsbg span{display:block; float:left; margin:12px 0px 0px 10px;}
#iconspart .iconsbg p {float:left; margin:15px 0px 0px 0px; color:#009ad3; font-size:14px; font-weight:bold; text-decoration:none;}
#iconspart .iconsbg p b{color:#666666; font-size:12px; font-weight:normal; text-decoration:none;}

/*Home page*/
#techonology{float:left; width:100%; margin:0px 0px 0px 5px;}
#techonology a{text-decoration:none; color:#009ad3; font-weight:bold}
#techonology .techrow{margin:0px 0px 10px 0px; border:#eaeaea solid 1px; border-width:0px 0px 1px 0px; width:100%; clear:both;}
#techonology .techrow_01{ cursor:pointer; border-right:#eaeaea solid 1px; padding:1%; width:45%; float:left; float:left;}
#techonology .techrow_02{ cursor:pointer; padding:1%; width:45%; float:right;}

#techonology .techrow h1{clear:both; border:none; margin:0px; padding:0px; font-size:16px; color:#009AD3;}
#techonology .techrow h1 span{padding:10px 0px 0px 5px; display:block; float:left;}
#techonology .techrow h1 img{float:left;}
#techonology .techrow p{color:#555555; line-height:15px; clear:both; font-size:12px;}


/* ---------  Testimonial Images ---------- */
.left_part #post-77 .php-portfolio{ clear:both; background:url("../images/testimonials.gif") left top repeat-x; width:679px; height:169px; overflow:hidden; float:left; margin:5px 0px 5px 20px; padding:10px;}


.left_part #post-1884 .php-portfolio {background:url("../images/banner-box.gif") repeat-x scroll left top transparent;clear:both;float:left;height:120px;margin:5px 0 5px 20px;overflow:hidden;padding:10px;text-align:center;width:679px;}
.left_part #post-1884 .php-portfolio img{float:none; margin:15px;}

/* ---------  Portfolio Images ---------- */
.left_part .php-portfolio, 
.left_part .portfolioarea{ clear:both; background:url("../images/protofilio-bg.gif") left top repeat-x; width:699px; height:189px; overflow:hidden; float:left; margin:5px 0px 5px 20px;}
.left_part .portfolioarea .portfolio{ float:left; width:196px; padding:8px 8px 8px 6px; padding-right:30px;}
.left_part .portfolioarea .portfolio img{ margin:6px 0 0 0;}
.left_part .portfolioarea .fleft{width:438px; height:173px; overflow:hidden; padding:16px 0 0 8px; }
.left_part .portfolioarea .fleft img{ width:436px; height:158px; border:solid 1px #337aa1;}
.left_part .php-portfolio img{border:#d9d9d9 solid 5px; margin:10px; float:left;}

.left_part .portfolio h2{font-size:12px; margin:4px 0px; padding:0px; color:#009ad3; font-weight:bold; background:none; text-align:center;}
.left_part .php-portfolio h2{font-size:12px; text-transform:uppercase; margin:0px 0px 0px 0px; padding:5px; color:#009ad3; font-weight:bold;}
#mainDiv p{ padding:0;text-align:center;}

.left_part .portfolio h2 a{color:#009ad3; text-decoration:none;}
.left_part .php-portfolio p{font-size:12px; padding:5px; color:#717273; text-align:justify; margin:0px 0px 0px 0px; line-height:18px;}
.left_part .portfolio p{font-size:12px; padding:5px 0px 0px 0px; color:#717273; margin:0px 0px 0px 0px; line-height:13px;}

.pagination {margin:0 auto; padding-right:9px;}
.pagination .wp-pagenavi a,
.pagination .wp-pagenavi a:link,
.pagination .wp-pagenavi a:visited{background-color:#efefef; padding:3px 5px 3px 5px; display:block; border:#dfdfdf solid 1px; color:#333333; float:left; margin:2px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.pagination .wp-pagenavi a:hover {background-color:#40bbd7; padding:3px 5px 3px 5px; display:block; border:#999999 solid 1px; color:#ffffff; float:left; margin:2px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.pagination .wp-pagenavi span.current {background-color:#40bbd7; padding:3px 5px 3px 5px; border:#999999 solid 1px; color:#ffffff; float:left; margin:2px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.pagination .extend{ display:none;}

.add1,.add2{float:left; padding:20px; width: 42%;}
.add1 h2,.add2 h2{font-weight:bold!important;}
.logo-part h1, .portfolioheading h1{ display:none;}
.iphone{ cursor:pointer;}
ul.listing li label {font-weight:bold;}

.careerPage{margin-top:5px;}
.careerPage p{padding:10px 5px;}
.careerPage table{margin-top:20px;}
.careerPage table td{padding-bottom:20px;}
.careerPage table td div a{float:right; margin-top:30px; font-weight:normal;}
.careerPage h1{margin:0; padding:5px 0px 10px 17px; background:url(../images/h2-bg.gif) left bottom no-repeat;}
.careerPage h1 a{ color:#177cbd; font-size:18px; font-weight:normal; text-decoration:none;}
.careerPage div.CarrerBox{width:225px; float:left; font-family:Verdana,Arial,Helvetica,sans-serif; text-align:left; padding:7px 0px 7px 8px; color:#565656; font-size:12px; line-height:18px;}
.careerPage div.CarrerImg{width:110px; float:left;}

.CurrentOp{margin-top:20px; padding-left:5px;}
.CurrentOp h2{font-size:15px; margin-bottom:10px!important; color:#177cbd!important; font-weight:bold!important; float:left; width:100%; border-bottom:#cccccc dotted 1px;}
.CurrentOp ul{margin:0px; padding:0px; width:100%; clear:both; list-style:decimal!important;}
.CurrentOp ul li{margin:0px 0px 0px 25px; padding:2px 5px; font-size:12px; list-style:decimal!important; line-height:20px;}
.CurrentOp h2 a{text-align:right; color:#177cbd; text-decoration:none; font-size:12px; float:right;} 

/**/
.careersLink { clear:both; padding:10px 0 10px 0; float:right;}
.careersLink ul{ float:right; text-align:right;  width:auto; padding:0;}
.careersLink ul li{ list-style:none !important; float:left; margin:0; background:url(../images/h2-cont.gif) right 3px no-repeat;   }
.careersLink ul li a{ color:#177CBD ; padding:0 10px; font-weight:normal;}
.careersLink ul li a:hover{ color:#717273;}
.careersLink ul li.last{ background-image:none;}
.careersLink ul li.last a{ padding:0 0 0 10px;}

 /*...........Lightbox background..................	*/ 
 
 #lightbox {  
 display:none;  
 background:#000000;  
 opacity:0.9;  
 filter:alpha(opacity=90);  
 position:absolute;  
 top:0px;  
 left:0px;  
 min-width:100%;  
 min-height:100%;  
 z-index:1000;  
}  
/* Lightbox panel with some content */  
#lightbox-panel {  
 display:none;  
 position:fixed;  
 top:100px;  
 left:50%;  
 margin-left:-200px;  
 width:400px;  
 background:#FFFFFF;  
 padding:10px 15px 10px 15px;  
 border:2px solid #CCCCCC;  
 z-index:1001;  
}  
/*.............END.......................*/