@charset "utf-8";
/* CSS Document */
body {
	font-family:'Rokkitt', serif;
}
p::-moz-selection,a::-moz-selection,span::-moz-selection,li::-moz-selection,h1::-moz-selection,h2::-moz-selection,h3::-moz-selection  { background: #84ad40; color: #fff; text-shadow: none; }  /*//for mozilla*/
p::-webkit-selection,a::-webkit-selection,span::-webkit-selection,li::-webkit-selection,h1::-webkit-selection,h2::-webkit-selection,h3::-webkit-selection { background: #84ad40; color: #fff; text-shadow: none; }  /*//for safari*/
p::selection,a::selection,span::selection,li::selection,h1::selection,h2::selection,h3::selection { background: #84ad40; color: #fff; text-shadow: none; }  /*//others*/

/*.................................................HEADER..............................................*/
.logo_container {height:71px;width:154px;float:left;margin-top:10px;}
.nav_container {height:90px;width:720px;float:right;}
.fb_like_header{width:100px;height:50px;float:right;}
.labs_logo {height:45px;width:79px;float:right;margin-left:20px;}
input.lab_btn{height:55px; width:72px; background:url(../images/labs.png) no-repeat; border:none; cursor:pointer; background-position:-4px 0;}
input:hover.lab_btn{height:55px; width:72px; background:; border:none; cursor:pointer; background-position:-82px 0;}
.nav_menu {height:45px;width:720px; }
.nav_menu ul {margin:0;padding:0;height:40px;width:auto;float:right; }
.nav_menu ul li {float:left;display:block;margin-left:12px;}
.nav_menu ul li a {text-decoration:none;font-size:18px;color:#535353;line-height:40px;}
.nav_menu ul li a:hover, .nav_menu ul li a.active {color:#1366a9;}
/*.................................................HEADER END..............................................*/
/*.................................................BANNER..............................................*/
.banner_bg {height:auto;width:100%;margin:0 auto 0 auto;z-index:5;position:relative;}
.banner_top{ height:215px; width:100%;}
/*..................................................SLIDER........................................*/
#area {width: 100%;}
#scroller {position:relative;overflow:hidden;height: 489px;width: 100%;margin: 100px 0 0 0;}
#scroller .items {position:absolute;background:#333333;height:489px; width:100%;}
#scroller .items .item{display: block;width: 100%;height: 489px;margin: 0 auto;}
.navi {width: 100px;margin: 20px auto;}
.navi a {width: 8px;height: 8px;float: left;margin: 3px; background: url(../images/navigator.png) 0 0 no-repeat;display: block;font-size: 1px;}
.navi a:hover {background-position:0 -8px;}
.navi a.active {background-position: 0 -16px;}
.banner_btn{height:32px; width:123px; margin:204px 227px 0 0; float:right;}
/*...................................................SLIDER END.........................................*/
/*.................................................BANNER END..............................................*/
/*.................................................MAIN_BODY..............................................*/
.middle_container {height:auto;width:100%;background:url(../images/body_bg.png) repeat;z-index:0;position:relative;margin-top:-30px;}
.main_bg {height:auto;}
.about_i2-green_container {height:180px;width:850px;margin:20px auto 0 auto;overflow:hidden;}
.about_i2-green_container h2 {font-size:28px;color:#000000;text-align:center;margin-top:40px; font-weight:normal;}
.i2-green_bottom_shadow {height:42px;width:553px;background:url(../images/abt_text_bottom.png);margin:10px auto 0 auto;}
.main_body_container {height:auto;width:940px;z-index:0;}
.left_body_container {height:350px;width:200px;float:left;z-index:0;}
.left_body_top {height:100px;width:200px;border-right:1px #a3a3a3 solid;margin-top:30px;overflow:hidden;}
.left_body_top h1{font-size:28px; color:#000; font-weight:bold; margin-top:40px;}
.left_body_top p{font-size:12px; color:#000000; font-family:Arial, Helvetica, sans-serif;}
.right_body_container {height:350px;width:680px;float:right;}
.right_top {height:200px;width:680px;overflow:hidden;}
.right_logos_container {height:90px;width:680px;}
.logo1 {height:90px;width:190px;float:left;margin-left:50px;}
.body_bottom{height:24px;width:100%;background:url(../images/body_bottom.png) no-repeat center top;margin:0 auto 0 auto;z-index:3;margin-top:-13px;position:relative;}
/*.................................................WELCOME SLIDER.............................................*/
.hidden {display: none;overflow:hidden;}
#prevNext {margin-bottom: -2.5em;overflow:hidden;width:40px;margin-left:640px;}
#prevNext img {position: relative;cursor: pointer;}
.wel_image {height:140px;width:680px;}
.shows_text {font-size:12px;color:#000;margin-top:5px; font-family:Arial, Helvetica, sans-serif;}
.shows_text_header {height:auto;width:360px;float:right;margin-top:5px;}
.website_goes h2{font-size:25px; color:#1366a9; font-weight:normal;}
.read_more{float:right; height:auto; width:100px; margin-top:5px;}
/*.................................................WELCOME SLIDER END.............................................*/
/*.................................................MAIN_BODY END..............................................*/

/*.................................................FOOTER..............................................*/
.footer_container {height:auto;}
.footer_abt {height:auto;width:110px;overflow:hidden;float:left; margin-bottom:10px;}
.footer_abt h1{font-size:18px; color:#666666; margin-top:30px;}
.footer_abt ul {margin-top:11px;}
.footer_abt ul li {display:block;}
.footer_abt ul li a {color:#080a09;font-size:12px;text-decoration:none;line-height:20px; font-family:Arial, Helvetica, sans-serif;}
.footer_news {height:auto;width:250px;float:left;margin-left:50px;}
.footer_news  h1{font-size:18px; color:#666666; margin-top:30px;}
.footer_news p{font-size:12px; color:#080a09; margin-top:15px; font-family:Arial, Helvetica, sans-serif;}
.submit_container {height:35px;width:230px;margin-top:10px;border:1px #999999 dotted;}
.footer_textbox {height:26px;width:150px;background:#FFFFFF;border:none;padding-left:5px;float:left;margin-top:4px;}
.submit_button {height:26px;width:67px;background:url(../images/submit_btn.png) no-repeat;float:right;border:none;cursor:pointer;margin:4px 4px 0 0;}
.footer_right {height:100px;width:81px;float:left;margin-left:44px;margin-top:60px;}
.footer-left {height:22px;width:430px;float:right;}
.copy {font-size:12px;float:right;color:#080a09; font-family:Arial, Helvetica, sans-serif;}
.footer-left p a{text-decoration:none;color:#080a09;}
/*...................................................FOOTER END..............................................*/
/*...................................................ABOUT US..............................................*/
.abt_body_top_container{height:auto;width:940px;margin-top:65px; }
.for_details{height:auto;width:520px;}
.for_details p{font-size:18px; color:#080a09; text-align:justify;}
.award{float:left; height:100px; width:auto;}
.award_text{float:right; height:200px; width:410px; overflow:hidden;}
.award_text p{font-size:18px; color:#080a09; text-align:justify; margin-top:10px;}
/*.................TABBING(about_us,contact_us)....................*/
.about_tab_container{margin:0 auto 0 auto;height:auto; width:940px;}
#nav {height:61px;width:575px;}
#nav ul {}
#nav li {display:block;float:left;font-family: 'Rokkitt', serif;font-size:18px;font-weight:normal;margin-left:1px;}
#nav a {color:#737373;text-decoration:none;padding:0 15px;display:block;height:46px;line-height:36px;}
#nav a.current, #nav a:hover {text-align:center;background:url(../images/abt_nav.png) no-repeat right top;color:#fff;}
#panes {width:940px;height:auto;position:relative;margin-top:15px; }
#panes div.each-panel {display:none;position:absolute;font-size:18px;width:940px;height:auto;font-family: 'Rokkitt', serif;color:#080a09; }
.each_panel_left{float:left; height:auto; width:400px; margin-top:0;}
.each_panel_right{float:right; height:auto; width:520px; overflow:hidden;}
.each_panel_right h1{font-size:35px; color:#080a09; font-weight:normal;}
.each_panel_right p{font-size:18px; color:#080a09; text-align:justify; margin-top:20px;}
.overveiw-container {height:61px;width:940px; }
.overveiw-list {height:61px;width:575px;float:right;  }
/*.................TABBING(about_us,contact_us) END....................*/
.abt_body_bottom_container{height:auto;width:940px;}
.abt_bottom_left{height:200px;width:290px;float:left;overflow:hidden;}
.abt_bottom_left h1{font-size:35px; color:#000; margin-top:50px; font-weight:normal;}
.abt_bottom_left h2{color:#080a09; font-size:12px; font-family:Arial, Helvetica, sans-serif;font-weight:normal;}
.abt_bottom_right{height:150px;width:600px;float:left; margin-left:50px;}
.image_heading{height:20px;width:auto;overflow:hidden;margin:25px 0 0 33px;float:left; }
.image_heading h3{color:#464646; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.area_list{height:auto; width:130px;float:left; margin-top:20px;}
.area_list li{display:block; font-size:12px; color:#080a09; font-family:Arial, Helvetica, sans-serif;}
.abt_transparent{height:80px; width:940px; background:#666666; background:url(../images/abt_transparant.png) no-repeat top center;}
.fb_fanpage_widget{height:150px;width:600px;float:left; margin-left:50px;margin-bottom:40px;}
/*.................TABBING(about_us,contact_us) END....................*/
/*...........................collaps........................................*/
.collaps_container{height:auto; width:518px;}
.offer-text2-div {height:auto;width:518px;margin-top:10px;}
#i2-green, #i2-green1, #i2-green2{width:518px;display:none;height:auto;}
#slider-wrapper {width:518px;height:auto;border:1px #999 dotted; background:#CCCCCC;}
#slider-wrapper ul {margin-left:15px;}
#slider-wrapper ul li {font-size:18px;color:#6e6e6e;font-family:'Rokkitt', serif;margin:0 0 0 30px;}
.proj_manr{ height:30px; width:518px; border:1px #999 dotted; overflow:hidden;}
.proj_manr h3{font-size:12px; color:#1e1e1e; margin-top:7px; margin-left:10px; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.proj_manr p{font-size:12px; color:#0f62a7; float:right; margin:8px 10px 0 0; font-family:Arial, Helvetica, sans-serif;}
.proj_manr p a{text-decoration:none;color:#0f62a7;}
/*......................collaps end........................................*/
/*.....................................................ABOUT US END............................................*/
/*.....................................................CONTACT US...........................................*/
.discription-txt-div h1{font-size:35px; color:#080a09; font-weight:normal;}
.get_text{font-size:18px; color:#080a09;}
.contact_left{float:left; height:102px; width:232px; margin-top:40px;}
.contact_right{float:right; height:auto; width:680px; margin-top:15px;}
.address{font-size:18px; color:#080a09; margin-top:15px;}
.contact_address_container{height:300px;width:323px; float:left; }
.mumbai_img{height:120px; width:323px;}
.form_container{height:auto; width:940px;}
.form_container h1{font-size:35px; color:#080a09; font-weight:normal;}
.form_container p{font-size:18px; color:#080a09;}
.form_left{float:left; height:102px; width:232px; margin-top:40px;}
.form_right{float:right; height:auto; width:680px; margin-bottom:100px; margin-top:20px;}
.form_content{height:auto;}
.attribute_container{height:auto; width:680px; margin-bottom:20px; overflow:hidden;}
.left_textbox{height:50px; width:330px; float:left;}
.textbox{height:48px; width:325px; background:#FFFFFF; border:none; padding-left:5px;font-size:18px;font-family:'Rokkitt', serif; line-height:48px;}
.textbox1{height:48px; width:675px; background:#FFFFFF; border:none; padding-left:5px;font-size:18px;font-family:'Rokkitt', serif; line-height:48px;}
.textarea{height:190px; width:673px; background:#FFFFFF; border:none; padding-left:5px; padding-top:5px; font-size:18px;font-family:'Rokkitt', serif;}
.submiit_container{height:auto; width:680px;}
.send_btn_container{height:70px; width:90px;float:right;}
input.send_btn{height:65px; width:90px; background:url(../images/send_btn.png) no-repeat;border:none; cursor:pointer; background-position:1px 0; }
input:hover.send_btn{height:65px; width:90px; background:url(../images/send_btn.png) no-repeat; border:none;cursor:pointer;background-position:-90px 0; }
/*.......................................................CONTACT US END............................................*/
/*..........................................................LABS...............................................*/
.labs_container{height:auto; width:940px;overflow:hidden;}
.labs_top_body_container{height:190px; width:940px; margin:85px 0 20px 0;}
.labs_top_left{height:auto; width:710px; background:#84ad40; float:left; overflow:hidden;}
.labs_top_left h1{font-size:35px; color:#fff; margin:20px; font-weight:normal;}
.labs_top_left p{font-size:18px; color:#fff; margin-left:20px;margin-bottom:38px;}
.labs_top_right{height:189px; width:215px; background:url(../images/progress.jpg) no-repeat; float:right; overflow:hidden;}
.progress_container{height:100px; width:96px;margin:30px 0 0 60px; text-align:center;}
.progress{font-size:15px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.percent{font-size:35px; color:#fff;}
.html{font-size:15px; color:#fff; line-height:110px; font-family:Arial, Helvetica, sans-serif;}
.labs_banner_container{height:auto; width:940px;}
/*.......................SLIDER(labs,work)..........................*/
#container {width:940px;margin:0 auto;position:relative;z-index:0;}
#example {width:940px;height:auto;position:relative;}
#slides {position:absolute;z-index:100;width:940px;}
.slides_container {	width:940px;overflow:hidden;position:relative;display:none;}
.slides_container div.slide11 {width:940px;height:auto;display:block;}
#slides .next, #slides .prev {position:absolute;top:200px;left:-1px;width:24px;height:43px;display:block;z-index:101;}
#slides .next {left:910px;}
.pagination {margin:20px auto 0;width:150px;}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background:url(../images/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}

/*.......................SLIDER(labs,work)..........................*/
/*............................................................LABS END...............................................*/

/*............................................................WORK_1..............................................*/
.work_body_header{height:110px; width:940px;}
.more_work{height:auto; width:940px; margin-bottom:1px; }
.morework_list{height:28px; width:940px; }
.morework_list ul{height:28px; width:940px; margin-top:10px;}
.morework_list ul li{ display:inline; background:#84ad40; padding:10px 0px;}
.morework_list ul li a{ text-decoration:none; color:#FFFFFF; font-size:15px;padding:10px 10px;}
.morework_list ul li a.active{background:#1366a9;}
.morework_list ul li a:hover{background:#1366a9;}
.work_header{float:left; overflow:hidden;}
.work_header h1{font-size:35px; color:#080a09; margin-top:50px;  font-weight:normal;}
.labs_head_right{height:40px; width:auto; float:right; margin-top:60px;}
.labs_middle_btn{height:35px; width:32px; float:left; margin-right:1px; margin-top:1px;}
.labs_prev{height:35px; width:32px;  float:left; margin-top:1px;}
input.prev_btn_hover{height:35px; width:32px; border:none; background:url(../images/buttons.png) no-repeat; cursor:pointer; background-position:0 0;}
input:hover.prev_btn_hover{height:35px; width:32px; border:none; background:url(../images/buttons.png) no-repeat; cursor:pointer; background-position:0 -35px;}
input.middle_btn_hover{height:35px; width:32px; border:none; background:url(../images/buttons.png) no-repeat; cursor:pointer; background-position:-32px 0;}
input:hover.middle_btn_hover{height:35px; width:32px; border:none; background:url(../images/buttons.png) no-repeat; cursor:pointer; background-position:-32px -35px;}
input.next_btn_hover{height:35px; width:32px; border:none; background:url(../images/buttons.png) no-repeat; cursor:pointer; background-position:-64px 0;}
input:hover.next_btn_hover{height:35px; width:32px; border:none; background:url(../images/buttons.png) no-repeat; cursor:pointer; background-position:-64px -35px;}
.labs_next{height:35px; width:32px; float:right;}
.work_banner{height:auto; width:940px;}
/*.work_body_bottom{height:380px;width:940px;}*/
.work_body_bottom{height:auto; width:940px; overflow:hidden;margin-bottom:100px;}
.labs_bottom_left{height:auto; width:460px;  float:left;}
.labs_bottom_left h2{margin-top:30px; color:#080a09; font-size:12px;font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.brief{margin-top:10px; color:#080a09; font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.labs_bottom_border{height:1px; width:auto; border-bottom:1px #000000 dotted;}
.labs_bottom_right{height:auto; width:220px;float:left; margin-left:20px;}
.labs_bottom_right h2{margin-top:30px; color:#080a09; font-size:12px;font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.labs_bottom_right ul{margin:0; padding:0; margin-top:10px;}
.labs_bottom_right ul li{ display:block;color:#080a09; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
a.live_url{ display:block;line-height:25px;padding-left:35px;text-decoration:none;background:url(../images/url.png) no-repeat left top;margin-top:15px;color:#000000; }
a:hover.live_url{ text-decoration:underline; }
/*............................................................WORK_1 END..............................................*/
/*.........................................................WORK....................................................*/
.work_container{height:auto; width:940px; margin:0 auto 0 auto; overflow:hidden;}
.work_image_container{height:auto; width:940px;overflow:hidden;}
.work_image{height:180px; width:305px; float:left;}
.work_image_left{height:auto; width:305px;float:left;}
.work_image_right{height:auto; width:625px; float:right;}
.work_image1{height:360px; width:625px;}
.work_image2{height:360px; width:305px; float:left;}
/*.........................................................WORK END.............................................*/
.offer_text{font-size:12px; color:#565656; font-family:Arial, Helvetica, sans-serif;}
.video_container{height:588px;background:url(../images/work/work8_a.jpg); overflow:hidden;}
.video{height:auto; width:640px; margin:110px 0 0 121px;}
.fournotfour_bg{ background:url(../images/404_bg.jpg) no-repeat top center; height:718px; width:100%; overflow:hidden; }
.four_contact{height:auto; width:auto; float:left; }