/* CSS Document written by Venkatesh Mishra for Vinove software and services in Apr 2010 */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, img{margin:0; padding:0; border:0; outline:0; font-size: 100%; vertical-align: baseline; background: transparent;}
span.clear{clear:both;}
:focus{outline:0;}
.left{float:left}
.right{float:right}
body{font-family:"Lucida Grande", Arial, Helvetica, sans-serif; background:url(../images/body_bg_1300.gif) no-repeat 0 0;}
#layout{float:left; width:1300px; padding-left:38px;}
#lower_screen{background:#fff url(../images/body_bg_1000.gif) no-repeat 0 0;}
#lower_screen #layout{float:left;width:988px; padding:0 0 0 12px;}
#header{float:left;width:100%; padding:40px 0 30px; position:relative;}
#header .logo{float:left; width:auto;}
h2{float:left; width:auto; font:italic normal 45px/52px Georgia, Times New Roman, Times, serif; color:#000; padding:80px 0 15px;}
h2 span{color:#1268b3}
h2.inner{float:left; width:auto; font:italic normal 40px/52px Georgia, Times New Roman, Times, serif; color:#000; padding:80px 0 15px;}
h2.inner span{color:#1268b3}
h6{float:left; width:auto;font:normal 12px/18px "Lucida Grande", Lucida Sans, Arial, sans-serif;color:#666}
#lower_screen #menu_bar{float:right; width:665px;}
#menu_bar span.curve{float:right; width:7px; height:28px; background:url(../images/all_bg.gif) no-repeat -281px 0;}
#lower_screen #menu_bar .left_curve{float:left; width:656px; height:28px; background:url(../images/all_bg.gif) no-repeat -288px 0;padding-left:2px}
#lower_screen #menu_bar .menu{float:left; width:475px; height:28px; background:#000 url(../images/menu_right.gif) no-repeat right 0;}
#menu_bar .menu ul{float:left; width:100%; list-style:none;}
#menu_bar .menu ul li{float:left; width:auto; padding:0;}
#lower_screen #menu_bar .menu ul li a{float:left; width:auto; height:28px; padding-left:11px; color:#fff; text-decoration:none; font:italic normal 16px/18px Georgia, Times New Roman, Times, serif; }
#lower_screen #menu_bar .menu ul li a span{float:left; width:auto; height:24px; padding:4px 11px 0 0; cursor:pointer;}
#menu_bar .menu ul li a:hover{float:left; width:auto; height:28px; background:#000 url(../images/hover_left.gif) no-repeat 0 0;}
#menu_bar .menu ul li a:hover span{float:left; width:auto; height:24px; background:url(../images/hover_right.gif) no-repeat right 0}
#menu_bar .menu ul li.active a{float:left; width:auto; height:28px; background:#000 url(../images/hover_left.gif) no-repeat 0 0;}
#menu_bar .menu ul li.active a span{float:left; width:auto; height:24px; background:url(../images/hover_right.gif) no-repeat right 0}
#menu_bar .call_us{float:left; width:174px; padding:7px 0 7px 36px; background:url(../images/icon_call.gif) no-repeat 8px 4px; position:relative;}
#lower_screen #menu_bar .call_us{float:left; width:145px; padding:7px 0 7px 35px; background:url(../images/icon_call.gif) no-repeat 8px 4px; position:relative;}
#menu_bar .call_us p{float:left; width:130px; padding:0 0 0 30px; font:normal 12px/14px "Lucida Grande", Lucida Sans, Arial, sans-serif; color:#515151; word-spacing:1px}
#lower_screen #menu_bar .call_us p{float:left; width:108px; padding:0 0 0 22px; font:normal 12px/14px Arial, sans-serif; color:#515151;}
#menu_bar .call_us p.india{ background:url(../images/flag_india.gif) no-repeat 0 0;}
#menu_bar .call_us p.uk{background:url(../images/flag_uk.gif) no-repeat 0 0;}
#menu_bar .call_us p.us{background:url(../images/flag_us.gif) no-repeat 0 0;}
#menu_bar .call_us a{float:left; width:10px; height:5px; margin-top:6px;}
#menu_bar .call_us ul.drop{float:left; width:220px; position:absolute; right:-9px;top:27px; background:url(../images/drop_bottom.gif) no-repeat right bottom;padding-bottom:5px; list-style:none;}
#lower_screen #menu_bar .call_us ul.drop{float:left; width:187px; position:absolute; right:-8px;top:27px; background:url(../images/drop_bottom_lower.gif) no-repeat right bottom;padding-bottom:5px; list-style:none;}
#menu_bar .call_us ul.drop li{float:left; width:170px; padding:5px 0 5px 36px;}
#lower_screen #menu_bar .call_us ul.drop li{float:left; width:150px; padding:5px 0 5px 36px;}
#menu_bar{float:right; width:795px; background:#e8eaed; margin-top:55px;}
#menu_bar .left_curve{float:left; width:786px; height:28px; background:url(../images/all_bg.gif) no-repeat -288px 0;padding-left:2px}
#menu_bar .menu{float:left; width:574px; height:28px; background:#000 url(../images/menu_right.gif) no-repeat right 0;}
#menu_bar .menu ul li a{float:left; width:auto; height:28px; padding-left:16px; color:#fff; text-decoration:none; font:italic normal 16px/18px Georgia, Times New Roman, Times, serif; }
#menu_bar .menu ul li a span{float:left; width:auto; height:24px; padding:4px 16px 0 0; cursor:pointer;}

#left_section{float:left; width:422px;}
#lower_screen #left_section{float:left; width:322px;}
#lower_screen #left_section h2{font-size:37px; line-height:39px;}
#left_section .connect{float:left; width:65%; padding-top:30px; position:relative}
#left_section .connect ul{float:left; width:auto; list-style:none}
#left_section .connect ul li{float:left; width:auto; padding-right:25px;}
#left_section .connect ul li a.linkedin{float:left;width:15px; height:14px;text-decoration:none; background:url(../images/socail_icons.gif) no-repeat 0 0;}
#left_section .connect ul li a.linkedin:hover{text-decoration:none;background:url(../images/socail_icons.gif) no-repeat 0 bottom;}
#left_section .connect ul li a.tweet{float:left; width:8px; height:14px;text-decoration:none; background:url(../images/socail_icons.gif) no-repeat -40px 0;}
#left_section .connect ul li a.tweet:hover{text-decoration:none;background:url(../images/socail_icons.gif) no-repeat -40px bottom;}
#left_section .connect ul li a.facebook{float:left; width:8px; height:14px;text-decoration:none; background:url(../images/socail_icons.gif) no-repeat -73px 0;}
#left_section .connect ul li a.facebook:hover{text-decoration:none;background:url(../images/socail_icons.gif) no-repeat -73px bottom;}
#left_section .connect ul li a.rss{float:left; width:13px; height:14px;text-decoration:none; background:url(../images/socail_icons.gif) no-repeat -105px 0;}
#left_section .connect ul li a.rss:hover{text-decoration:none;background:url(../images/socail_icons.gif) no-repeat -105px bottom;}

#right_section{float:right;width:790px;min-height:340px; height:auto!important; height:340px;}
#lower_screen #right_section{float:right;width:660px; min-height:340px; height:auto!important; height:340px;}

#service{float:left;width:100%;}
#lower_screen #service{float:left;width:663px}
#service ul{ float:left; width:100%; list-style:none}
#service ul li{ float:left; width:100%; padding:30px 0 30px; border-top:1px solid #b9bdc1;}
#service ul li .img_frame{ float:left; width:334px; background:url(../images/img_frame.png) no-repeat 0 0; padding:9px; margin-right:32px; display:inline;}
#service ul li .text_area{ float:right; width:400px;}
#lower_screen #service ul li .text_area{ float:right; width:278px;}
#service ul li h5{display:block; padding:0px; line-height:normal;}
#service ul li p{font:normal 12px/18px "Lucida Grande", Arial, sans-serif;color:#000000; padding:10px 0 0px;}
#service ul li a{font:normal 12px/18px "Lucida Grande", Arial, sans-serif;color:#006dcc; text-decoration:none; margin-top:30px;}
#service ul li a:hover{text-decoration:underline;}
#service ul li.last{padding-bottom:20px;}
#service ul li.first{padding-top:0; border:none;}

#right_section h3{ display:block; width:100%;font: italic 30px/30px Georgia, Times New Roman, Times, serif;color:#bfbfbf; padding:0px; border-bottom:1px solid #cccccc; padding-bottom:10px; margin-bottom:16px;}
#right_section h3 span{ color:#006dcc; padding:0px;font: italic 30px/30px Georgia, Times New Roman, Times, serif;}

#career{float:left; width:100%;}
#career .position{width:320px; float:left;}
#lower_screen #career .position{width:290px; float:left;}
#career .position ul{width:100%; float:left; list-style:none}
#career .position ul li{width:100%; float:left; padding-bottom:2px;}
#career .position ul li a{width:auto; float:left; height:25px; text-decoration:none;font:normal 12px/25px "Lucida Grande", Arial, sans-serif;color:#000; padding:0 10px 0 7px; }
#career .position ul li a span{width:auto; float:left; padding-right:7px;}
#career .position ul li a:hover{color:#fff; background:#006dcc!important;}
#career .position ul li a span:hover{width:auto; float:left; padding-right:7px; background:#006dcc!important;}
#career .position ul li a.active{color:#fff; padding:0 10px 0 7px; background:#006dcc;}
#career .position_detail{width:440px; float:right;}
#lower_screen #career .position_detail{width:350px; float:right;}
#career .position_detail h4{width:100%; float:left;font:bold 15px/25px "Lucida Grande", Arial, sans-serif;color:#006dcc; }
#career .position_detail ul{width:100%; float:left; list-style:none; padding-bottom:20px; }
#career .position_detail ul li{width:95%; float:left; background:url(../images/black_bot.gif) no-repeat 0 7px; padding-left:10px; font:normal 12px/18px "Lucida Grande", Arial, sans-serif; color:#000000; }
#career .position_detail ul li.title{background:none; padding-left:0px; font-weight:bold;}
#career .position_detail a{width:139px; height:38px; font:bold 12px/38px "Lucida Grande", Arial, sans-serif;color:#fff; text-decoration:none; text-align:center; background:url(../images/apply_btn.gif) no-repeat 0 0; float:left}

#career .tag_line{width:788px; float:left; margin-top:35px; border:1px solid #e8eaed; background:#f0f2f4; padding:30px 0 30px 12px}
#lower_screen #career .tag_line{width:648px; float:left; margin-top:35px; border:1px solid #e8eaed; background:#f0f2f4; padding:30px 0 30px 12px}
#career .tag_line h2{font:italic 23px/25px Georgia, Times New Roman, Times, serif; color:#000; padding:0}
#lower_screen #career .tag_line h2{font-size:20px;}
#career .more_jobs{float:left; width:auto; color:#084cad; font-size:12px; line-height:14px; margin:5px 0 0 10px; display:inline}
#career a.more_jobs:hover{text-decoration:none}

.clientele{float:right; width:320px; padding:50px 150px 0 0; position:relative; margin-right:120px; display:inline}
#lower_screen .clientele{padding:50px 50px 0 0; margin-right:0;}
.clientele ul{float:left; width:320px; background:url(../images/clientele_bg.gif) no-repeat 0 0; padding-left:10px; list-style:none;}
.clientele ul li{float:left; height:60px; padding:20px 0 0; text-align:center;}
.clientele ul li.first{width:100px;}
.clientele ul li.second{width:85px;}
.clientele ul li.third{width:120px;}
.clientele ul li a{float:left; width:100%;}
.clientele ul.panel{float:left; width:auto; background:none; padding-left:123px; text-align:center;}
.clientele ul.panel li{float:left; width:auto; padding-right:10px;}
.clientele ul.panel li a{float:left; width:10px; height:10px; background:url(../images/carousel_state.gif) no-repeat 0 0;}
.clientele ul.panel li a:hover, #right_section .clientele ul.panel li a.on{background-position:bottom;}
#network{float:left; width:100%; position:relative;}
#network ul{float:left; width:100%; list-style:none; }
#network ul li{float:left; width:220px;}
#network ul li.pixel{float:left; width:290px;}
#network ul li img{float:left; width:auto; padding-bottom:28px}
#network ul li.pixel img{ padding-bottom:22px; padding-top:12px;}
#network ul li.invoicera{float:left; width:220px;}
#network ul li.invoicera img{padding-bottom:22px; padding-top:6px;}
#network ul li.bizedia{float:left; width:220px;}
#network ul li.bizedia img{padding-bottom:22px; padding-top:6px;}
#network ul li.web_tree{width:280px}
#network ul li.web_tree img{ padding-bottom:19px}
#network ul li.bizedia{width:260px}
#network ul li.merosys{width:260px}
#network ul li.merosys img{padding-bottom:19px}
#network ul li.manageme{width:260px;}
#network ul li.manageme img{padding:6px 0 19px 0; }
#network ul li.kneoteric{width:260px;}
#network ul li.kneoteric img{padding-bottom:20px;}
#network ul li a.link{float:left; width:auto; font-size:11px; line-height:16px; color:#1268b3; text-decoration:none; background:url(../images/icon_link.gif) no-repeat right 3px; padding-right:15px}
#network ul li a:hover{text-decoration:underline;}
#network ul li p{float:left; width:99%; font-size:11px; line-height:16px; color:#000; padding-left:1px;}
#network .scroll_bar{float:left; width:100%; width:100%; height:16px; position:absolute; bottom:-38px; left:0;}
#network .scroller{float:left; width:36px; height:16px; position:absolute; bottom:-38px; left:5px;}

#about{float:left; width:100%;}
#about .left_col{float:left; width:380px;}
#lower_screen #about .left_col{float:left; width:315px;}
#about .right_col{float:right; width:365px;}
#lower_screen #about .right_col{float:right; width:315px;}
#about p{float:left; width:100%; text-align:justify;padding-bottom:18px;font:normal 12px/18px "Lucida Grande", Arial, Helvetica, sans-serif; color:#000;}
#about .row{float:left; width:100%; padding-bottom:15px;}
#about .row span{float:left; width:50px; padding-top:4px;}
#about .row h6{float:left; width:310px; font-weight:bold; color:#000;}
#about .row p{float:left; width:315px; padding-bottom:0; text-align:left;}
#lower_screen #about .row h6{float:left; width:260px}
#lower_screen #about .row p{float:left; width:260px; padding-bottom:0;}
#about .col_outer{float:left; width:100%; padding-bottom:20px;}
#about .facebook{float:left; width:100%;}
#about .facebook ul{float:left; width:100%; list-style:none;}
#about .facebook ul li{float:left; width:auto; padding-right:44px;}
#lower_screen #about .facebook ul li{float:left; width:auto; padding-right:17px;}
#about .facebook ul li.last{padding-right:0!important;}
#about .vision{float:left; width:265px; height:474px; background:url(../images/mission_bg.png) no-repeat 0 0; margin-left:65px; display:inline;}
#lower_screen #about .vision{float:left; width:265px; height:474px; background:url(../images/mission_bg.png) no-repeat 0 0; margin-left:20px; display:inline;}
#about .vision h4{float:left; width:100%; text-align:center; font:bold 23px/26px "Lucida Grande", Arial, Helvetica, sans-serif; color:#1c1a1b; padding:34px 0 9px;}
#about .vision p{float:left; width:100%; text-align:center; font:bold 16px/20px "Lucida Grande", Arial, Helvetica, sans-serif; color:#fff;}
#about .vision p.vision_text{padding-bottom:55px;}

#contact{float:left; width:100%;}
#contact h3{margin-bottom:30px;}
#contact .address{float:right; width:200px;}
#lower_screen #contact .address{float:right; width:180px;}
#contact p{float:left; width:100%; font:normal 12px/18px "Lucida Grande", Arial, Helvetica, sans-serif; color:#000; padding-bottom:16px;}
#contact p span{color:#006dcc;font-weight:bold}
#contact .contact_form{float:left; width:535px}
#contact .contact_form .row{float:left; width:100%; padding-bottom:18px}
#contact .contact_form .col_left{float:left; width:auto; position:relative}
#contact .contact_form .col_right{float:right; width:auto; position:relative}
#contact .contact_form label{float:left; width:80px; padding-bottom:6px}
#contact .contact_form label.flex{width:auto; padding-bottom:0;}
#contact .contact_form label.flex_text{width:auto;}
#contact .contact_form label span{font:normal 12px/18px "Lucida Grande", Arial, Helvetica, sans-serif; color:#000;}
#contact .contact_form label em{font-style:normal; color:#f10728;}
#contact .contact_form .text_bg_outer{float:left; width:auto;}
#contact .contact_form .text_bg{float:left; width:161px; height:22px; background:url(../images/text_bg.gif) no-repeat 0 bottom!important;padding:4px 5px 2px 5px; position:relative}
#contact .contact_form input.text{float:left; width:160px; height:17px; border:none!important; background:none; line-height:15px!important;}
#contact .contact_form .textarea_bg{float:left; width:523px!important; height:91px!important; background:url(../images/textarea_bg.gif) no-repeat 0 bottom!important; padding:5px 5px 2px 5px;}
#contact .contact_form textarea{float:left; width:523px!important; height:90px!important; border:none!important; background:none; line-height:15px!important;overflow:auto;  font:12px/18px "Lucida Grande",Arial,Helvetica,sans-serif; }
#contact .contact_form .applied{float:left; width:160px; background:none; border:none; margin-bottom:5px}
#contact .contact_form input#submit{float:left; width:78px; height:38px; border:none; background:url(../images/btn_submit.gif) no-repeat 0 0; cursor:pointer;}
#contact .contact_form a.drop{float:right; width:17px; height:19px; text-decoration:none; margin-right:1px; display:inline;}
#contact .contact_form ul.drop_list{float:left; width:125px; position:absolute; left:0; top:24px; background:#fff; list-style:none; border:1px solid #ccc;}
#contact .contact_form ul.drop_list li{float:left; width:100%;}
#contact .contact_form ul.drop_list li a{float:left; width:auto; font-size:12px; line-height:18px; color:#000; text-decoration:none;}
#lower_screen #contact .contact_form{float:left; width:430px}
#lower_screen #contact .contact_form .text_bg{float:left; width:121px; height:19px; background:url(../images/text_bg.gif) no-repeat 0 0!important;padding:3px 2px 2px 2px; position:relative}
#lower_screen #contact .contact_form input.text{float:left; width:120px; height:15px; border:none!important; background:none; line-height:14px!important}
#lower_screen #contact .contact_form .textarea_bg{float:left; width:426px!important; height:91px!important; background:url(../images/textarea_bg.gif) no-repeat 0 0!important; padding:5px 2px 2px 2px}
#lower_screen #contact .contact_form textarea{float:left; width:425px!important; height:90px!important; border:none!important; background:none; line-height:15px!important;overflow:auto}
#lower_screen #contact .contact_form .applied{float:left; width:120px}
#contact .right_section{float:right; width:200px}
#lower_screen #contact .right_section{float:right; width:185px}
#contact .right_section p{padding-bottom:10px; line-height:15px}
#contact .right_section p a{float:left; width:auto; text-decoration:none; color:#000; padding-left:24px}
#contact .right_section a.facebook{background:url(../images/social_icon.gif) no-repeat 0 0}
#contact .right_section a.tweet{background:url(../images/social_icon.gif) no-repeat 0 -15px}
#contact .right_section a.linked{background:url(../images/social_icon.gif) no-repeat 0 -30px}
#contact .right_section .position_month{float:left; width:100%; padding-top:35px}
#contact .right_section .position_month ul{float:left; width:100%; list-style:none}
#contact .right_section .position_month ul li{float:left; width:100%; padding:5px 0 15px; font-size:12px; line-height:18px}
#contact .right_section .position_month ul li a{float:left; width:auto; font-weight:bold; text-decoration:none; color:#000}
#contact .right_section .position_month ul li span{display:block; font-size:12px; line-height:18px}

#page{float:left; width:100%}
#page p{float:left; width:100%; font:normal 12px/18px "Lucida Grande", Arial, Helvetica, sans-serif; color:#000; padding-bottom:15px;}
#page p.justfied {text-align:justify;}
#page p a{color:#006dcc; text-decoration:none}
#page p a:hover{ text-decoration:underline}

.hint_logo{float:left; width:37px; height:52px; position:absolute; top:127px; left:234px;}
.hint_nav{float:left; width:62px; height:57px; position:absolute; top:43px; right:763px;}
#lower_screen .hint_nav{float:left; width:62px; height:57px; position:absolute; top:43px; right:633px;}
.hint_callus{float:left; width:94px; height:47px; position:absolute; top:39px; right:58px;}
.hint_clientele{float:left; width:86px; height:24px; position:absolute; top:165px; left:-86px;}
.hint_connect{float:left; width:124px; height:25px; position:absolute; top:37px; left:70px;}
.hint_network{float:left; width:99px; height:50px; position:absolute; bottom:-65px; right:-20px;}
#lower_screen .hint_network{float:left; width:99px; height:50px; position:absolute; bottom:-65px; right:20px;}
.hint_scroller{float:left; width:107px; height:31px; position:absolute; top:20px; left:10px;}
#contact .file{float:left}

#footer{float:left; width:100%; border-top:1px solid #b9bdc1; margin-top:30px; padding:6px 0 20px; position:relative}
#footer p{float:right; width:auto; padding-right:13px; text-align:right; font-size:11px; line-height:18px; color:#9a9d9f; padding:7px 14px 0 1px;}
#footer p a{color:#9a9d9f;text-decoration:none;}
#footer p a:hover{text-decoration:underline;}


#career form input#submit{float:left; width:139px; height:38px; border:none; background:url(../images/btn_apply_job.gif) no-repeat 0 0; cursor:pointer;}
.error_hint{ float:left;padding-left:10px; color:#FF0000; background:url(../images/arrow_up.gif) no-repeat 0 6px; width:110%; font-size:11px; line-height:16px; padding:4px 0 0 8px; margin-top:1px; }
.error_hint1{padding-left:10px; color:#FF0000; background:url(../images/arrow_up.gif) no-repeat 0 3px; font-size:11px; line-height:16px; padding-top:2px; width:130%; float:left;}
.error_hint_captcha{ float:left;padding-left:10px; color:#FF0000; background:url(../images/arrow_up.gif) no-repeat 0 6px; width:150%; font-size:11px; line-height:16px; padding:4px 0 0 8px; margin-top:1px; }
.double{padding-left:10px; color:#FF0000; background:url(../images/arrow_up.gif) no-repeat 0 3px; font-size:11px; line-height:16px; position:absolute; top:20px; left:80px;}
input.error{border:1px solid #FF0000!important;background:#f3e9e9}
textarea.error{border:1px solid #FF0000!important;background:#f3e9e9}

<!--Server Side Errors-->
#outer_contact{float:left; width:100%;}
.error_box{float:left; width:100%;padding:0 0 20px 0; color:#000; font-weight:bold}