/***********************common css starts**********************/ body,div,ul,li,h1,h2,h3,h4,h5,h6,form,fieldset,p{padding:0; margin:0; font-weight:normal;} body{ font:12px/15px Tahoma, Geneva, sans-serif; color:#676767; background:#fff url(../images/body_strip.gif) repeat-x 0 0; height:100%} img,fieldset{border:none; margin:0; padding:0;} a, a img, input a { outline:none; } .left{float:left;} .right{float:right; width:auto;} .full{float:left; width:100%;} .curv{float:left; width:100%} .curv img{float:left} span.clear{clear:both;} a:focus{outline:none} input:focus{outline:none;} /***********************common css ends**********************/ /***********************wrapper starts**********************/ .wrapper{margin:0 auto; height:auto; } /***********************header starts**********************/ #header{width:1040px; height:114px; margin-left:auto; margin-right:auto;} /***********************logo starts**********************/ #header .logo{float:left; width:361px; height:114px;} #header .logo img{float:left;} /***********************logo ends**********************/ /***********************menu starts**********************/ #menu{float:left; width:500px; height:96px;} #menu ul{float:left; width:auto; padding-top:39px; list-style:none;} #menu li{float:left; width:auto; padding:0 12px;} #menu li a{float:left; width:auto; line-height:20px; text-decoration:none; color:#8e3209; padding-left:11px;} #menu li a:hover{background:url(../images/menu_hover_left.gif) no-repeat;} #menu li.active a{color:#000; background:url(../images/menu_hover_left.gif) no-repeat 0 0;} #menu li a span{float:left; width:auto; height:23px; cursor:pointer; padding-right:11px;} #menu li a:hover span{background:url(../images/menu_hover_right.gif) no-repeat right 0;} #menu li.active a span{background:url(../images/menu_hover_right.gif) no-repeat right 0;} /***********************menu ends**********************/ /***********************language starts**********************/ #header .language{float:left; width:177px; height:96px; background:url(../images/language_bg.gif) no-repeat 0 15px;} #header .language ul{float:left; width:auto; padding:39px 0 0 25px; list-style:none;} #header .language li{float:left; width:auto; padding:0 20px;} #header .language li.last{padding-right:0px;} #header .language li a{float:left; width:auto; line-height:20px; text-decoration:none; color:#fff;} #header .language li a:hover, #header .language li.active a{color:#f00;} /***********************language ends**********************/ /***********************header ends**********************/ /***********************banner starts**********************/ #banner{width:100%; height:auto; margin-left:auto; margin-right:auto; text-align:center;} #banner img{width:auto; display:inline; border:0; } #banner.who_we_are{float:left; width:100%; background:url(../images/who_we_are_banner.jpg) no-repeat top center; height:412px;} /***********************banner ends**********************/ /***********************service buttons starts**********************/ .service_buttons{ width:auto; height:auto; margin-left:auto; margin-right:auto; position:relative; width:1024px; } .service_buttons ul{float:left; width:auto; list-style:none;} .service_buttons li{float:left; padding:0 23px;} .service_buttons li a{float:left; width:130px; height:130px; display:block; text-align:center; color:#4a80e2; text-decoration:none; } .service_buttons li a p { height:20px; margin-top:-3px; display:block; background:#FFFFFF !important; } .service_buttons li a.creative{background:url(../images/design.gif) no-repeat 0 -118px; } .service_buttons li a.creative:hover {height:130px;} .service_buttons li a.management{background:url(../images/design.gif) no-repeat 0 0;} .service_buttons li a.management:hover {height:130px !important;} .service_buttons li a.marketing{background:url(../images/design.gif) no-repeat 0 0; } .service_buttons li a.marketing:hover {height:130px;} .service_buttons li a.development{background:url(../images/design.gif) no-repeat 0 0; } .service_buttons li a.development:hover {height:130px; } .service_buttons li a:hover { text-decoration:none;height:130px; margin:0;} .service_buttons li a:hover div{ display:block; } .service_buttons li a.request {float:left; width:224px; height:227px; outline:none; background:url(../images/request1.gif) no-repeat center top; } .service_buttons li a.request:hover{ float:left; width:224px; height:227px; } .request { float:left; width:224px; height:227px; position:relative; top:-25px; } /* .service_buttons{float:left; width:auto; height:auto; padding-left:55px; position:relative;} .service_buttons ul{float:left; width:auto; list-style:none;} .service_buttons li{float:left; padding:0 23px;} .service_buttons li a{float:left; width:130px; height:150px; display:block; text-align:center; color:#4a80e2; text-decoration:none; padding:0; margin:0; } .service_buttons li a div{ display:none; background:url(../../images/navbg.jpg) repeat-x top center #fff; filter:alpha(opacity=30); opacity:.30; -moz-opacity:.30; position:absolute; height:150px; border:0px #009900 solid;} .service_buttons li a .a1{ width:130px; left:75px; } .service_buttons li a .a2{ left:250px; width:135px; } .service_buttons li a .a3{ width:135px; left:420px; } .service_buttons li a .a4{ width:130px; left:600px; } .service_buttons li a:hover { text-decoration:none; height:150px !important; padding:0; margin:0; } .service_buttons li a:hover div{ display:block; } .service_buttons li a:hover img{ position:relative; z-index:5;} //////////////////////////////////////////////////////////////////////////////////// .service_buttons{float:left; width:auto; height:auto; padding-left:55px;} .service_buttons ul{float:left; width:auto; list-style:none;} .service_buttons li{float:left; padding:0 23px;} .service_buttons li a{float:left; width:129px; height:13px; text-decoration:none; padding-top:145px; text-align:center; color:#4a80e2; background:url(../images/design_icon.gif) no-repeat 0 0;} .service_buttons li a:hover,.service_buttons li.active a{text-decoration:underline;} .service_buttons li a.management{background:url(../images/management_icon.gif) no-repeat 0 0;} .service_buttons li a.marketing{background:url(../images/marketing_icon.gif) no-repeat 0 0;} .service_buttons li a.development{background:url(../images/development_icon.gif) no-repeat 0 0;} */ /***********************service buttons ends**********************/ /***********************request starts********************* .request{float:left; width:232px; height:224px; margin:-47px 0 0 20px; display:inline; position:relative;} .request a{float:left; width:232px; height:224px; text-indent:-9999px; outline:none; background:url(../images/request_icon.gif) no-repeat 0 0;} .request a:hover{background:url(../images/request_icon.gif) no-repeat 0 0; filter:alpha(opacity=80); opacity: .80; -moz-opacity:.80; } */ /***********************request ends**********************/ /***********************body container starts**********************/ #body_container{width:1040px; margin-left:auto; margin-right:auto;} /***********************center container starts**********************/ #center_container{width:1040px; margin-left:auto; margin-right:auto;} /***********************welcome box starts**********************/ #center_container .welcome_box{float:left; width:1040px; padding:30px 0; background:url(../images/welcome_bg.gif) no-repeat center bottom;} #center_container .welcome_box .image{float:left; width:270px;} #center_container .welcome_box .image img{float:left; margin:52px 0 0 45px; display:inline;} #center_container .welcome_box .details{float:left; width:769px;} #center_container .welcome_box .details strong{ color:#000000; font-size:18px; display:block; margin-bottom:10px;} #center_container .welcome_box .details ul { list-style:none; display:block;} #center_container .welcome_box .details ul li{font:15px Tahoma, Geneva, sans-serif; color:#676767; display:block; margin-bottom:10px; background:url(../images/bullet2.gif) no-repeat left 2px; padding-left:25px;} #center_container .welcome_box .details ul li span{ font-weight:bold;} #center_container .welcome_box h2{float:left; width:100%; font-size:36px; line-height:normal; padding-bottom:10px; color:#000;} #center_container .welcome_box p{float:left; width:100%; padding-bottom:15px; font-size:15px; line-height:20px;} /***********************welcome box ends**********************/ /***********************slider starts**********************/ #center_container .slider{float:left; width:1040px; height:385px; margin-top:25px; display:inline; position:relative; background:url(../images/slider_bg.jpg) no-repeat 0 0;} #center_container .slider .left_bg{float:left; position:absolute; top:0px; left:-100px;} #center_container .slider .right_bg{float:left; position:absolute; top:0px; right:-135px;} #center_container .slider .top_content{float:left; width:100%; height:52px;} #center_container .slider .bottom_content{float:left; width:100%; height:auto;} #center_container .slider h3{float:left; width:171px; height:37px; margin-left:50px; font-size:24px; line-height:normal; padding:5px 0 0 13px; color:#000; display:inline; background:url(../images/recent_bg.jpg) no-repeat 0 0;} #center_container .slider ul.top_nav{float:left; width:auto; list-style:none; padding:15px 0 0 105px;} #center_container .slider ul.top_nav li{float:left; width:auto; padding:0 8px;} #center_container .slider ul.top_nav li a{float:left; width:auto; line-height:20px; text-decoration:none; color:#8e3209; padding-left:8px;} #center_container .slider ul.top_nav li a:hover{color:#000; background:url(../images/slider_menu_left.gif) no-repeat 0 0;} #center_container .slider ul.top_nav li.active a{color:#000; background:url(../images/slider_menu_left.gif) no-repeat 0 0;} #center_container .slider ul.top_nav li a span{float:left; width:auto; height:22px; cursor:pointer; padding-right:8px;} #center_container .slider ul.top_nav li a:hover span{background:url(../images/slider_menu_right.gif) no-repeat right 0;} #center_container .slider ul.top_nav li.active a span{background:url(../images/slider_menu_right.gif) no-repeat right 0;} #center_container .slider a.view_works{float:right; width:auto; text-decoration:none; margin:15px 15px 0 0; color:#8e3209; padding-right:27px; height:22px; display:inline; background:url(../images/arrow_yellow.gif) no-repeat right 0;} #center_container .slider a.view_works:hover{text-decoration:underline;} #center_container .slider ul.gallery{float:left; width:auto; list-style:none; padding:2px 0 0 46px;} #center_container .slider ul.gallery li{float:left; width:236px; height:195px; margin:0 5px; display:inline; background:url(../images/photo_bg.gif) no-repeat 0 0;} #center_container .slider ul.gallery li img{float:left;} #center_container .slider a.next_button{float:right; margin:17px 9px 0 0; display:inline;} /***********************slider ends**********************/ /***********************customer say starts**********************/ #center_container .customer_say{float:left; width:100%; margin-top:-40px; display:inline; position:relative; } #center_container .customer_say.who_we_are{margin-top:10px; padding-bottom:100px;} #center_container .customer_say h3{float:left; width:auto; line-height:normal; color:#000; font-size:36px; padding:0 0 20px 95px;} #center_container .customer_say h3.who_we{padding-left:60px;} #center_container .customer_say a.view_customer{float:right; color:#537ce8; text-decoration:none; height:22px; width:103px; padding-right:35px; margin:20px 12px 0 0; display:inline; background:url(../images/arrow_yellow1.gif) no-repeat right 0;} #center_container .customer_say a.view_customer:hover{text-decoration:underline;} /* #center_container .customer_say ul{float:left; width:100%; list-style:none;} #center_container .customer_say li{float:left; width:100%; padding-bottom:12px;} */ #center_container .customer_say li .left{float:left; width:220px;} #center_container .customer_say li img{float:left; margin:15px 0 0 0px; display:inline;} #center_container .customer_say li .right{float:left; width:777px;} #center_container .customer_say li .testimonial{float:left; width:764px; background:url(../images/testi_mid_curv.jpg) repeat-y 0;} #center_container .customer_say li .testimonial .top{float:left; width:100%; padding-top:10px; background:url(../images/testi_top_curv.jpg) no-repeat 0 0;} #center_container .customer_say li .testimonial .bottom{float:left; width:100%; padding-bottom:10px; background:url(../images/testi_bottom_curv.jpg) no-repeat 0 bottom;} #center_container .customer_say li .testimonial p{float:left; width:666px; line-height:20px; padding-left:50px;} #thickbx .customer_thick{float:left; width:100%; display:inline; position:relative;} #thickbx .customer_thick.who_we_are{margin-top:10px; padding-bottom:100px;} #thickbx .customer_thick h3{float:left; width:auto; line-height:normal; color:#000; font-size:36px; padding:0 0 20px 120px;} #thickbx .customer_thick h3.who_we{padding-left:60px;} #thickbx .customer_thick a.view_customer{float:right; color:#537ce8; text-decoration:none; height:22px; width:103px; padding-right:35px; margin:20px 12px 0 0; display:inline; background:url(../images/arrow_yellow1.gif) no-repeat right 0;} #thickbx .customer_thick a.view_customer:hover{text-decoration:underline;} #thickbx .customer_thick li{ list-style:none;} #thickbx .customer_thick li .left{float:left; width:220px; list-style:none;} #thickbx .customer_thick li img{float:left; margin:15px 0 0 0px; display:inline;} #thickbx .customer_thick li .right{float:left; width:777px;} #thickbx .customer_thick li .testimonial{float:left; width:764px; background:url(../images/testi_mid_curv.jpg) repeat-y 0;} #thickbx .customer_thick li .testimonial .top{float:left; width:100%; padding-top:10px; background:url(../images/testi_top_curv.jpg) no-repeat 0 0;} #thickbx .customer_thick li .testimonial .bottom{float:left; width:100%; padding-bottom:10px; background:url(../images/testi_bottom_curv.jpg) no-repeat 0 bottom;} #thickbx .customer_thick li .testimonial p{float:left; width:666px; line-height:20px; padding-left:50px;} .customercont { width:1000px; height:120px; float:left;} #slider{margin:0 0 0 40px;} #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; } #slider li, #slider2 li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:1000px; height:241px; overflow:hidden; } #slider2 li{ background:#f1f1f1; } #slider2 li h2{ margin:0 20px; padding-top:20px; } #slider2 li p{ margin:20px; } p#controls, p#controls2{ margin:0 0 0 40px; position:relative; } #prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ display:block; margin:0; overflow:hidden; text-indent:-8000px; width:30px; height:77px; position:absolute; left:-30px; top:-160px; } /*#nextBtn, #nextBtn2{ left:990px; } #prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{ display:block; width:30px; height:77px; background:url(../../images/btn_prev.gif) no-repeat 0 0; } #nextBtn a, #nextBtn2 a{ background:url(../../images/btn_next.gif) no-repeat 0 0; } */ /***********************customer say ends**********************/ /***********************contact page css starts**********************/ /***********************banner starts**********************/ #banner_inner{float:left; width:1040px;} #banner_inner img{float:left;} /***********************banner ends**********************/ /***********************contact starts**********************/ #center_container .contact_us{float:left; width:973px; padding:40px 0 0 50px;} #center_container .contact_us h3{float:left; width:100%; color:#000; font-size:36px; padding-bottom:15px; line-height:normal;} #center_container .contact{float:left; width:100%; background:url(../images/contact_mid_curv.jpg) repeat-y 0 0;} #center_container .contact .top{float:left; width:100%; background:url(../images/contact_top_curv.jpg) no-repeat 0 0;} #center_container .contact .bottom{float:left; width:100%; padding-bottom:184px; background:url(../images/contact_bot_curv.jpg) no-repeat 0 bottom;} #center_container .contact form{float:left; width:682px; padding:27px 0 0 140px;} #center_container .contact .form_row{float:left; width:100%; padding-bottom:8px;} #center_container .contact label{float:left; width:111px; padding-right:10px; text-align:right; font-size:15px; padding-top:7px; color:#983e00;} #center_container .contact label.big{width:235px; text-align:left; padding-bottom:5px;} #center_container .contact input.text_field{float:left; width:440px; border:none; background:#fff; padding:7px 5px; color:#983e00;} #center_container .contact input.text_field.small{width:210px;} #center_container .contact textarea{float:left; width:440px; height:170px; border:none; padding:7px 5px; background:#fff; font-family:Arial, Helvetica, sans-serif; color:#983e00;} #center_container .contact .bottom_details{float:left; width:480px; padding:10px 0 0 115px;} #center_container .contact .bottom_details .left{float:left; width:227px;} #center_container .contact .bottom_details .right{float:left; width:225px; padding-top:5px;} #center_container .contact .bottom_details .right img{float:left; margin:22px 0 3px 0; display:inline;} #center_container .contact .bottom_details .right ul{float:left; width:100%; list-style:none; padding-top:5px;} #center_container .contact .bottom_details .right li{float:left; padding-right:3px;} #center_container .contact .bottom_details .right li img{margin:0px;} #center_container .contact input.submit_button{float:right; width:89px; height:28px; cursor:pointer; margin-top:20px; display:inline; border:none; background:url(../images/submit_button.gif) no-repeat 0 0;} /***********************contact ends**********************/ /***********************contact page css ends**********************/ /***********************portfolio page css starts**********************/ #center_container .portfolio{float:left; width:950px; padding:60px 0 0 60px;} #center_container .portfolio h3{float:left; width:100%; color:#000; font-size:36px; padding-bottom:10px; line-height:normal;} #center_container .portfolio ul.navigation{float:left; width:100%; list-style:none;} #center_container .portfolio ul.navigation li{float:left; padding-right:19px; font-size:15px;} #center_container .portfolio ul.navigation li.last{padding-right:0px;} #center_container .portfolio ul.navigation li a{float:left; width:142px; height:31px; text-align:center; padding-top:5px; color:#000; text-decoration:none; background:url(../images/portfolio_nav_bg.gif) no-repeat 0 0;} #center_container .portfolio ul.navigation li a:hover{background:url(../images/portfolio_nav_bg_hover.gif) no-repeat 0 0;} #center_container .portfolio ul.navigation li.active a{background:url(../images/portfolio_nav_bg_hover.gif) no-repeat 0 0;} #center_container .portfolio ul.gallery{float:left; width:100%; list-style:none; padding-top:34px;} #center_container .portfolio ul.gallery li{float:left; width:auto; padding:0 38px 25px 0;} #center_container .portfolio ul.gallery li.last{padding-right:0px;} #center_container .portfolio ul.gallery li a{float:left; width:291px; text-decoration:none; height:265px; color:#5870c6; text-align:center;} #center_container .portfolio ul.gallery li a:hover{text-decoration:underline;} #center_container .portfolio ul.gallery li .photo2{float:left; width:291px; height:242px; background:url(../images/portfolio_bg.gif) no-repeat 0 0;} #center_container .portfolio ul.gallery li .photo2 img{float:left; cursor:pointer;} #center_container .portfolio ul.pagi_nav{float:left; width:auto; text-align:center; list-style:none; padding:30px 0 290px 315px;} #center_container .portfolio ul.pagi_nav li{float:left; color:#898989; padding:0 3px; line-height:22px;} #center_container .portfolio ul.pagi_nav li a{float:left; color:#4e84d9; padding-left:6px; text-decoration:none;} #center_container .portfolio ul.pagi_nav li a.prev{background:url(../images/prev_bttn_small.gif) no-repeat 0 0; padding-left:28px;} #center_container .portfolio ul.pagi_nav li a.prev:hover{background:url(../images/prev_bttn_small.gif) no-repeat 0 0; text-decoration:underline;} #center_container .portfolio ul.pagi_nav li a.prev:hover span{background:none;} #center_container .portfolio ul.pagi_nav li a span.next{background:url(../images/next_bttn_small.gif) no-repeat right 0; text-decoration:none; padding-right:28px;} #center_container .portfolio ul.pagi_nav li a:hover span.next{background:url(../images/next_bttn_small.gif) no-repeat right 0; text-decoration:underline;} #center_container .portfolio ul.pagi_nav li a.next:hover{background:none;} #center_container .portfolio ul.pagi_nav li a:hover{color:#000; text-decoration:underline; background:url(../images/pagi_left.gif) no-repeat 0 2px;} #center_container .portfolio ul.pagi_nav li a span{float:left; padding-right:6px; cursor:pointer;} #center_container .portfolio ul.pagi_nav li a:hover span{background:url(../images/pagi_right.gif) no-repeat right 2px;} /***********************portfolio page css ends**********************/ /***********************services page css starts**********************/ #banner img.services{ width:auto; display:inline; position:relative;} #center_container .services_main{float:left; width:974px; padding:60px 0 0 52px;} #center_container .services_main h3{float:left; width:100%; color:#000; font-size:36px; padding-bottom:10px; line-height:normal;} #center_container .services_main p{float:left; width:100%; color:#888; font-size:15px; line-height:20px;} #center_container .services_main ul.products{float:left; width:100%; list-style:none; padding:30px 0 15px; background:url(../images/welcome_bg.gif) no-repeat center bottom;} #center_container .services_main li{float:left; width:473px; margin:0 27px 27px 0; } #center_container .services_main li:hover{} #center_container .services_main li.last{margin-right:0px;} #center_container .services_main li .product_details{float:left; width:100%; position:relative; min-height:155px; height:auto!important; height:155px; background:url(../images/product_mid_curv.gif) repeat-y 0 0;} #center_container .services_main li .product_details .left{float:left; width:206px;} #center_container .services_main li .product_details .left img{float:left; margin-left:10px; display:inline;} #center_container .services_main li .product_details .right{float:left; width:266px; min-height:130px; height:auto!important; height:130px;} #center_container .services_main li .product_details h4{float:left; width:100%; line-height:normal;} #center_container .services_main li .product_details h4 a{float:left;font-size:24px; color:#4e84d9;} #center_container .services_main li .product_details h4 a:hover{text-decoration:underline;} #center_container .services_main li .product_details span{float:left; width:auto; padding:10px 20px 0 0; color:#888; font-size:15px; line-height:20px;} #center_container .services_main li .product_details .link{float:right; width:auto; } #center_container .services_main li .product_details .link a{ width:auto; text-decoration:none; padding-right:30px; position:absolute; bottom:-5px; right:20px; font-size:15px; height:25px; color:#4e84d9; background:url(../images/product_go.gif) no-repeat right 0;} #center_container .services_main li .product_details .link a:hover{text-decoration:underline;} #center_container .bottom_details{float:left; width:974px; padding:20px 0 0 52px;} #center_container .bottom_details .methodology_outer{float:left; width:706px; padding-bottom:250px;} #center_container .bottom_details .methodology{float:left; width:100%; padding-bottom:30px; background:url(../images/method_mid_curv.gif) repeat-y 0 0; position:relative;} #center_container .bottom_details .methodology img{float:left; margin:25px 0 0 24px; display:inline;} #center_container .bottom_details .methodology .details{float:left; position:absolute; width:460px; top:5px; right:43px;} #center_container .bottom_details .methodology .details h4{float:left; width:100%; line-height:normal;} #center_container .bottom_details .methodology .details h4 a{float:left; font-size:24px; color:#4e84d9;} #center_container .bottom_details .methodology .details h4 a:hover{text-decoration:underline;} #center_container .bottom_details .methodology .details span{float:left; width:100%; color:#888; padding-top:10px; font-size:15px; line-height:20px;} #center_container .bottom_details .methodology .link{float:right; width:auto;} #center_container .bottom_details .methodology .link a{float:right; width:auto; text-decoration:none; padding-right:30px; position:absolute; bottom:-5px; right:20px; font-size:15px; height:25px; color:#4e84d9; background:url(../images/product_go.gif) no-repeat right 0;} #center_container .bottom_details .methodology .link a:hover{text-decoration:underline;} #center_container .bottom_details .quick_contact{float:left; width:242px; padding-left:25px;} #center_container .bottom_details .quick_contact h4{float:left; width:100%; color:#000; line-height:normal; font-size:23px;} #center_container .bottom_details .quick_contact form{float:left; width:100%; margin-top:15px; display:inline; background:url(../images/form_mid_curv.jpg) repeat-y 0 0;} #center_container .bottom_details .quick_contact .top{float:left; width:100%; background:url(../images/form_top_curv.jpg) no-repeat 0 0;} #center_container .bottom_details .quick_contact .bottom{float:left; width:100%; padding-top:15px; background:url(../images/form_bot_curv.jpg) no-repeat 0 bottom;} #center_container .bottom_details .quick_contact .form_row{float:left; width:226px; padding:0 0 11px 8px;} #center_container .bottom_details .quick_contact .form_row.last{padding-bottom:8px;} #center_container .bottom_details .quick_contact label{float:left; width:100%; color:#9f3c01; font-size:14px; padding-bottom:2px; line-height:normal;} #center_container .bottom_details .quick_contact input.text_field{float:left; color:#9f3c01; width:215px; padding:7px 5px; border:none; background:#fff;} #center_container .bottom_details .quick_contact textarea{float:left; width:215px; color:#9f3c01; font-family:Tahoma, Geneva, sans-serif; height:90px; padding:7px 5px; border:none; background:#fff;} #center_container .bottom_details .quick_contact ul{float:left; width:100%; list-style:none;} #center_container .bottom_details .quick_contact li{float:left; width:auto; padding-right:5px;} #center_container .bottom_details .quick_contact li.last{padding-right:0;} #center_container .bottom_details .quick_contact input.submit{float:right; width:86px; height:28px; border:none; margin-right:9px; display:inline; cursor:pointer; background:url(../images/submit_button1.gif) no-repeat 0 0;} /***********************services page css ends**********************/ /***********************services-sub page css starts**********************/ #center_container .bottom_details.design_page{padding-top:60px;} #center_container .bottom_details.design_page.who{padding:30px 0; background:url(../images/who_we_bg.jpg) no-repeat center bottom;} #center_container .bottom_details .quick_contact.design_page{ float:left; padding-top:40px;} #center_container .creative_design{float:left; width:706px; padding-bottom:50px} #center_container .top_part{float:left; width:706px; padding-bottom:25px;} #center_container .top_part a.back_to_service{float:left; width:auto; text-decoration:none; padding-left:30px; margin:0 570px 0 10px; display:inline; color:#4e84d9; line-height:23px; background:url(../images/back_bttn.gif) no-repeat 0 0;} #center_container .top_part a.back_to_service:hover{text-decoration:underline;} #center_container .top_part ul.icons{float:left; width:auto; list-style:none; padding:15px 0 0 20px;} #center_container .top_part ul.icons li{float:left; padding:0 23px;} #center_container .top_part ul.icons li.last{padding-right:0;} #center_container .top_part ul.icons li a{float:left; width:129px; height:13px; padding-top:145px; text-decoration:none; text-align:center; color:#4a80e2; background:url(../images/design_icon.gif) no-repeat 0 0;} #center_container .top_part ul.icons li a:hover,#center_container .top_part ul.icons li.active a{text-decoration:underline;} #center_container .top_part ul.icons li a.management{background:url(../images/management_icon.gif) no-repeat 0 0;} #center_container .top_part ul.icons li a.marketing{background:url(../images/marketing_icon.gif) no-repeat 0 0;} #center_container .top_part ul.icons li a.development{background:url(../images/development_icon.gif) no-repeat 0 0;} #center_container .bottom_part{float:left; width:706px; padding-top:20px; } #center_container .bottom_part .design_outer{float:left; width:100%; padding-top:15px;} #center_container .bottom_part .design_outer.management{padding-bottom:20px;} #center_container .bottom_part .design{float:left; width:100%; background:url(../images/design_mid_curv.gif) repeat-y 0 0;} #center_container .bottom_part .design .left_details{float:left; width:443px; padding-left:13px;} #center_container .bottom_part .design h3{float:left; width:100%; color:#000; font-size:36px; line-height:normal;} #center_container .bottom_part .design p{float:left; width:100%; color:#888; font-size:15px; line-height:20px; padding:8px 0 5px;} #center_container .bottom_part .design p.marketing{width:98%; padding-left:10px;} #center_container .bottom_part .design .right_image{float:left; width:249px;} #center_container .bottom_part .design .right_image img{float:left; margin:55px 0 0 24px; display:inline;} #center_container .bottom_part ul.links{float:left; width:550px; padding:24px 0 20px 80px; list-style:none;} #center_container .bottom_part ul.links.before_click{background:url(../images/design_bg.gif) no-repeat 50px bottom;} #center_container .bottom_part ul.links li{float:left; width:auto; padding:0 98px 15px 0;} #center_container .bottom_part ul.links li.last{padding-right:0;} #center_container .bottom_part ul.links li a{float:left; width:217px; height:23px; background:url(../images/link_bg.gif) no-repeat 0 0; color:#000; text-decoration:none; padding:6px 0 0 7px;} #center_container .bottom_part ul.links li a:hover{color:#fff; background:url(../images/link_bg_hover.gif) no-repeat 0 0;} #center_container .bottom_part ul.links li.active a{color:#000; background:url(../images/link_bg_hover.gif) no-repeat 0 0;} #center_container .bottom_part .content_details{float:left; width:706px; padding:20px 0 10px; background:url(../images/design_bg.gif) no-repeat center 0;} #center_container .bottom_part .content_details.arrow_shadow{padding-top:40px; background:url(../images/arrow_shadow.jpg) no-repeat center 0;} #center_container .bottom_part .content_details.arrow_shadow_reverse{padding-top:40px; background:url(../images/arrow_shadow_reverse.jpg) no-repeat center 0;} #center_container .bottom_part .content_details p{float:left; width:auto; line-height:20px; color:#888; font-size:15px; padding-bottom:20px;} #center_container .bottom_part .content_details p strong{color:#000; font-weight:bold;} #center_container .bottom_part .content_details p big{font-size:15px; font-weight:bold;} #center_container .bottom_part .content_details p small{font-size:15px; color:#000;} #center_container .bottom_part .content_details p a{color:#888;} #center_container .bottom_part .content_details p a:hover{text-decoration:none;} #center_container .bottom_part .content_details p img{float:left;} #center_container .bottom_part .content_details p img.right{float:right;} #center_container .bottom_part .content_details p.print{width:auto; padding:0 336px 215px 0; background:url(../images/print.jpg) no-repeat 0 0;} #center_container .bottom_part .content_details p.email{width:auto; padding:0 270px 210px 0; background:url(../images/email.jpg) no-repeat right 10px;} #center_container .bottom_part .content_details h5{float:left; width:100%; font-size:25px; color:#000; line-height:normal; padding-bottom:10px;} #center_container .bottom_part .content_details h2{float:left; width:100%; font-size:36px; color:#000; line-height:normal; padding-bottom:10px;} #center_container .bottom_part .content_details h3{float:left; width:625px; font-size:24px; color:#000; line-height:normal; padding:0 0 5px 60px; background:url(../images/bullet_big.jpg) no-repeat 0 0;} #center_container .bottom_part .content_details ul.testi{float:left; width:706px; list-style:none;} #center_container .bottom_part .content_details ul.testi li{float:left; width:auto; padding:0px 0 30px 0;} #center_container .bottom_part .content_details ul.testi li .testimonial{float:left; width:706px; background:url(../images/test_mid.jpg) repeat-y 1px 0;} #center_container .bottom_part .content_details ul.testi li .testimonial .top{float:left; width:100%; padding-top:10px; background:url(../images/test_top.jpg) no-repeat 0 0;} #center_container .bottom_part .content_details ul.testi li .testimonial .bottom{float:left; width:100%; padding-bottom:10px; background:url(../images/test_bot.jpg) no-repeat 0 bottom;} #center_container .bottom_part .content_details ul.testi li .testimonial p.content{float:left; width:630px; line-height:20px; padding-left:50px;} #center_container .bottom_part .content_details ul.testi li .testimonial span{float:left; color:#000; font-size:15px; padding-left:50px;} #center_container .bottom_part .content_details ul.how_many{float:left; padding:0 0 40px 30px; width:635px; font-size:15px; list-style:none; background:url(../images/question.jpg) no-repeat right 0; } #center_container .bottom_part .content_details ul.how_many li{float:left; width:480px; padding:0px 0 5px 20px; background:url(../images/bullet.gif) no-repeat 0 5px} #center_container .courses_outer{float:left; width:692px; padding-bottom:20px;} #center_container .courses{float:left; width:692px; background:url(../images/course_mid_bg.gif) repeat-y 0 0;} #center_container .courses ul.subject{float:left; width:100%; list-style:none;} #center_container .courses ul.subject li{float:left; width:100%;} #center_container .courses ul.subject li h4{float:left; width:690px; margin-left:1px; display:inline; height:40px; line-height:normal; background:url(../images/course_li_bg.gif) repeat-x 0 0;} #center_container .courses ul.subject li h4.first{background:url(../images/course_li_bg_first.gif) repeat-x 0 0; height:38px;} #center_container .courses ul.subject li h4 a{float:left; width:675px; text-decoration:none; padding:5px 0 0 15px; font-size:24px; color:#000;} #center_container .courses ul.subject li h4 span{float:left; width:675px; text-decoration:none; padding:5px 0 0 15px; font-size:24px; color:#000;} .even, .odd { font-weight: bold; padding: 0px; } #center_container .courses ul.subject li .content{float:left; width:690px; padding:6px 0 0 12px; font-size:15px; color:#888;} #center_container .courses ul.subject li .content p{float:left; width:100%; line-height:20px; padding-bottom:15px;} #center_container .courses ul.subject li .content p.link{float:left;} #center_container .courses ul.subject li .content p.link a{color:#4e84d9; text-decoration:none;} #center_container .courses ul.subject li .content p.link a:hover{text-decoration:underline;} /***********************our skills starts**********************/ #center_container .our_skills{float:left; width:974px; padding:20px 0 30px 52px; background:url(../images/who_we_bg.jpg) no-repeat center bottom;} #center_container .our_skills h2{float:left; width:100%; font-size:36px; color:#000; line-height:normal; padding-bottom:20px;} #center_container .our_skills .skill{float:left; width:240px;} #center_container .our_skills .skill h4{float:left; width:100%; font-size:24px; line-height:normal; color:#000;} #center_container .our_skills .skill ul{float:left; width:230px; padding-left:10px; list-style:none;} #center_container .our_skills .skill li{float:left; width:210px; padding-left:20px; font-size:15px; line-height:24px; background:url(../images/bullet_arrow.gif) no-repeat 0 8px;} #center_container .our_skills .skill li a{float:left; width:auto; text-decoration:none; color:#888;} #center_container .our_skills .skill li a:hover{text-decoration:underline;} /***********************our skills ends**********************/ /***********************services-sub page css ends**********************/ /***********************center container ends**********************/ /***********************body container ends**********************/ /***********************footer starts**********************/ #footer_container{float:left; width:100%; background:url(../images/footer_bg.gif) repeat-x 0 0;} #footer{margin:0 auto; width:1040px; height:107px; background:url(../images/footer_shadow.gif) no-repeat center 0;} #footer .copyright{float:left; width:279px; height:61px; margin:46px 0 0 38px; display:inline; background:url(../images/copyright_bg.gif) no-repeat 0 0;} #footer .copyright p{float:left; width:auto; color:#7a7a7a; padding:18px 0 0 60px;} #footer ul{float:right; width:auto; padding-top:60px; list-style:none;} #footer li{float:left; width:auto; padding:0 9px;} #footer li a{float:left; width:auto; line-height:20px; text-decoration:none; color:#8e3209; padding-left:11px;} #footer li a:hover{color:#000; background:url(../images/menu_hover_left.gif) no-repeat 0 0;} #footer li.active a{color:#000; background:url(../images/menu_hover_left.gif) no-repeat 0 0;} #footer li a span{float:left; width:auto; height:23px; cursor:pointer; padding-right:11px;} #footer li a:hover span{background:url(../images/menu_hover_right.gif) no-repeat right 0;} #footer li.active a span{background:url(../images/menu_hover_right.gif) no-repeat right 0;} /***********************footer ends**********************/ /***********************wrapper ends**********************/ /***********************Slider Starts**********************/ .stepcarousel{ position: relative; overflow: scroll; width: 985px; height: 210px; left:43px; } .stepcarousel .belt{ position: absolute; left: 0; top: 0; } .stepcarousel .panel{ float: left; overflow: hidden; margin: 9px; width: 236px; } .stepcarousel .panel img{ float: left; background:#d9e5f4; margin: 0px; padding:0px; border:0px solid #ccc; } .stepcarousel .panel img:hover{ background:#b5c5d8; } .leftnav { border:1px solid #00FF00; position:relative; height:230px ;left:0; top:0; background:#000000; widows:inherit;} .lftnav11 { border:1px solid #00FF00;position:relative;height:230px;left:0;top:0;} /***********************Slider Starts**********************/ #tab01 { display:block; height:auto; width:auto; } #tab02, #tab03, #tab04, #tab05, #tab06{ display:none; width:auto; height:auto; } #thumbs { height:228px; } .aaa { width:33px; height:40px; position:absolute; bottom:-10px; right:0; z-index:99999; border:1px solid #990000; padding:3px; } #custmersay { width:1100px; height:auto; float:left; margin-left:0px; } #custmersay li { list-style:none; width:350px; height:120px; float:left; text-align:center; } #custmersayall { width:1100px; height:auto; float:left; } #custmersayall li { list-style:none; width:350px; height:120px; float:left; text-align:center; } div.rotator { float:left; height:120px; width:100%; padding:0px; background: #fff; } div.r1, div.r2, div.r3, div.r4, div.r5, div.r6, div.r7 { background: #fff; } div.r1 p { margin-top: 20px; text-align: center; } div.navigation { position: absolute; top: 5px; right: 5px; } .btnmaina { width:180px; height:30px; float:right; margin-top:15px; } input.view_custbtn { border:0; color:#537ce8; float:left; width:140px; height:22px; margin: 0; cursor:pointer; outline:none; background:none; } input.view_custbtn:focus,input.view_custbtn:active { } ul.list{ list-style:none;} ul.list li{ display:block; background:url(../images/bullet2.gif) no-repeat left 1px; padding-left:25px; height:16px; margin-bottom:15px; font-size:15px;} .mar-top{ margin-top:-20px;}