@charset "utf-8"; /* CSS Document */ @import url('../css/menu.css'); @font-face { font-family: 'MyriadPro'; src: url('../font/myriadpro.eot'); src: url('../font/myriadpro.eot?#iefix') format('embedded-opentype'), url('../font/myriadpro.woff') format('woff'), url('../font/myriadpro.ttf') format('truetype'), url('../font/myriadpro.svg#MyriadProRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "Roboto Thin"; src: url('../font/roboto-thin/994903565-Roboto-Thin_0.eot'); src: url('../font/roboto-thin/994903565-Roboto-Thin_0.eot?#iefix') format('embedded-opentype'), url('../font/roboto-thin/994903565-Roboto-Thin_0.svg#Roboto Thin') format('svg'), url('../font/roboto-thin/994903565-Roboto-Thin_0.woff') format('woff'), url('../font/roboto-thin/994903565-Roboto-Thin_0.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "Roboto"; src: url('../font/roboto-regular/814483643-Roboto-Regular_0.eot'); src: url('../font/roboto-regular/814483643-Roboto-Regular_0.eot?#iefix') format('embedded-opentype'), url('../font/roboto-regular/814483643-Roboto-Regular_0.svg#Roboto') format('svg'), url('../font/roboto-regular/814483643-Roboto-Regular_0.woff') format('woff'), url('../font/roboto-regular/814483643-Roboto-Regular_0.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "Roboto Light"; src: url('../font/roboto-light/687438965-Roboto-Light_0.eot'); src: url('../font/roboto-light/687438965-Roboto-Light_0.eot?#iefix') format('embedded-opentype'), url('../font/roboto-light/687438965-Roboto-Light_0.svg#Roboto Light') format('svg'), url('../font/roboto-light/687438965-Roboto-Light_0.woff') format('woff'), url('../font/roboto-light/687438965-Roboto-Light_0.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansPro-Semibold'; src: url('../font/sourcesans-semibold/SourceSansPro-Semibold.eot?') format('eot'), url('../font/sourcesans-semibold/SourceSansPro-Semibold.woff') format('woff'), url('../font/sourcesans-semibold/SourceSansPro-Semibold.ttf') format('truetype'), url('../font/sourcesans-semibold/SourceSansPro-Semibold.svg#SourceSansPro-Semibold') format('svg'); } @font-face { font-family: 'SourceSansPro-ExtraLight'; src: url('../font/sourcesans-extralight/SourceSansPro-ExtraLight.eot?') format('eot'), url('../font/sourcesans-extralight/SourceSansPro-ExtraLight.woff') format('woff'), url('../font/sourcesans-extralight/SourceSansPro-ExtraLight.ttf') format('truetype'), url('../font/sourcesans-extralight/SourceSansPro-ExtraLight.svg#SourceSansPro-ExtraLight') format('svg'); } html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table,caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} img{border:0px;} a{outline:none;} hgroup a{color:#666; text-decoration:underline; font-weight:bold;} .conR{padding-left:30px!important; width:245px!important;} body{background:url(../../images/main-bg.jpg) repeat top left; margin:0px; padding:0px;} .wrapper{width:1000px; margin:0px auto; position:relative; } #header{background:url(../../images/body-bg.jpg) repeat-x top left; height:110px; } .logo{width:222px; float:left; padding:0px; margin:0px; } .menu-holder{float:left; width:778px;} .top-menu{padding:0px; margin:0px; width:778px; float:left;} ul.topnav{padding:0px; margin:0px;} ul.topnav li{display:block; float:left; text-align:center; font: normal 15px calibri,Arial, Helvetica, sans-serif; color:#fff; list-style-type:none; text-transform:uppercase;} ul.topnav li.nav1{width:120px; padding:0px 0px 0px 0px;} ul.topnav li.nav2{width:118px; padding:0px 0px 0px 0px;} ul.topnav li.nav3{width:140px; padding:0px 0px 0px 0px;} ul.topnav li.nav4{width:160px; padding:0px 0px 0px 0px;} ul.topnav li.nav5{width:150px; padding:0px 0px 0px 0px;} ul.topnav li.nav6{width:90px; padding:0px 0px 0px 0px;} ul.topnav li.nav1 a, ul.topnav li.nav2 a, ul.topnav li.nav3 a, ul.topnav li.nav4 a, ul.topnav li.nav5 a{background:url(../../images/black-seprator.jpg) no-repeat bottom right; color:#fff!important; text-decoration:none; display:block; padding:15px 0px 17px 0px;} ul.topnav li a:hover{background-color:#f26a3a; background-image:none;} ul.topnav li a.selected{background-color:#f26a3a; background-image:none;} ul.topnav li.nav6 a{background:url(../../images/contact-icon.jpg) no-repeat center 10px #f26a3a; color:#fff!important; text-decoration:none; display:block; padding:33px 0px 14px 0px;} ul.topnav li span{font:normal 12px Arial, Helvetica, sans-serif; text-align:center; color:#abd4f8; text-transform:none; display:block; font-style:italic;} .office{padding:0px; margin:0px; background:url(../../images/green-bg.jpg) repeat-x top left; height:43px; clear:both;} .office li{padding: 6px 28px; margin:0px; list-style-type:none; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; float:left; background:url(../../images/green-seprator.jpg) no-repeat right center;} .office li strong{display:block; font-size:13px; font-weight:bold;} .office .last{background:none;} .office .first{background:url(../../images/green-tiltle-bg.jpg) no-repeat left top; padding:6px 30px 7px 20px; font-weight:bold; text-transform:uppercase; color:#1d5c34;} .aside-holder{background:url(../../images/hr-seprater.png) no-repeat bottom right; height:87px; clear:both; float:left; margin:10px 0px 5px 0px;} .social-link{padding:10px 0px 0px 20px; margin:0px;} .social-link li{list-style-type:none; float:left; padding:10px 43px 10px 45px; color:#626466; font:bold 12px Arial, Helvetica, sans-serif;} .social-link li a{color:#626466; text-decoration:none;} .mobile-dev{ float:left; width:560px; padding:0px 0px;} .call-btn{padding:17px 0px 0 0; float:right; width:200px;} .banner{margin:10px 0px; width:200px;} .banner .banner-clm{float:left; width:500px; padding:20px 0px 0px 70px;} .banner .banner-clm1{float:right; width:250px; padding:20px 20px 0px 10px;} .banner .banner-clm h2{color:#f26a3a; font:bold 31px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 15px 0px;} .banner .banner-clm h3{color:#2e2e2e; font:bold 20px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 8px 0px; text-transform:uppercase;} .banner .banner-clm p{color:#2e2e2e; font:normal 19px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 15px 0px;} .topBanner{margin:20px 0px 15px;background:#ffffff url(../../images/bannerBg.jpg) repeat-x top left; padding:2px 10px 10px 10px; border:1px solid #e5e5e5; width:980px; float:left; overflow:hidden; height:219px!important;} .price{background:url(../../images/price-tag.png) no-repeat top left;width:76px; height:55px; position:absolute; top:0px; right:10px; z-index:99999999!important;color:#fff; font:normal 12px calibri, Arial, Helvetica, sans-serif;text-align:center; padding:50px 0px 0px 0px;} .price strong{display:block; text-align:center; font-size:28px; line-height:24px; font-weight:bold; text-shadow:#000 1px 1px;} .split1{float:left; width:295px!important; float:left; position:relative;} .split2{float:left; width:368px; float:left; padding:0px 11px; position:relative;} .price-tag{position:absolute; top:50px; right:39px; color:#fff; font:normal 12px calibri, Arial, Helvetica, sans-serif;text-align:center; } .price-tag strong{display:block; text-align:center; font-size:28px; line-height:24px; font-weight:bold; text-shadow:#000 1px 1px;} .head-line{background:url(../../images/line-strip.jpg) repeat-x 0 17px;} .contener{overflow:hidden; padding:5px 0px;} .contener .clm1{float:left;border:7px solid #d5d5d5; padding:1px; height:210px;} .contener .clm2{float:left; padding:0px 20px; width:380px;} .contener .clm3{float:left; padding:15px 0px 0px 20px;} .contener .clm4{float:left; padding:0px 0px 0px 20px; width:655px;} .row{padding:0px 0px 0px 0px; overflow:hidden; font:12px/18px Arial, Helvetica, sans-serif; color:#444444;} .row .lSec{float:left; width:245px; height:75px; padding:0px 0px 10px 60px; margin-right:20px;} .row .rSec{float:left; width:265px; height:75px; padding:0px 0px 10px 60px;} .row .hourly{background:url(../../images/hourly-icon.png) no-repeat left 5px;} .row .easyCom{background:url(../../images/communication-icon.png) no-repeat left 5px;} .row .faceInt{background:url(../../images/face-interaction-icon.png) no-repeat left 5px;} .row .client-right{background:url(../../images/client-right-icon.png) no-repeat left 5px;} .bdrBtm{border-bottom:1px dotted #ccc;} .row strong{display:block; font-size:14px; font-weight:bold; color:#f26a3a; padding-bottom:4px;} .head-line h3{font:bold 18px/25px calibri,Arial, Helvetica, sans-serif; color:#2e2e2e; margin:0px; padding:0px 0px 10px 0px;} .head-line h3 a{color:#F26A3A; text-decoration:none;} .head-line h3 a:hover{color:#000; text-decoration:none;} h2{font:bold 23px/25px calibri,Arial, Helvetica, sans-serif; color:#2e2e2e; margin:0px; padding:0px 0px 17px 0px; } h2 span{color:#2c73b2;} h2 .white{background:#fffafb; color:#2e2e2e;} .contener .clm2 h3{font:bold 14px/17px Arial, Helvetica, sans-serif; color:#f26a3a; margin:0px; padding:0px 0px 0px 0px} .contener .clm2 p{color:#444444;font:normal 13px/17px Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 10px 0px;} .content-holder{padding:20px 0px 5px;} .content-holder .left-clm{float:left; overflow:hidden; width:705px;} .content-holder .right-clm{float:left; padding:0px 0px 0px 20px;} .content-holder .left-clm p{font:13px/18px Arial, Helvetica, sans-serif; color:#666666; margin:0px; padding:15px 0px 0px 0px;} .content-holder .left-clm p span{color:#2c73b2; font-weight:bold;} .content-holder .left-clm p strong{font-weight:bold;} .content-holder .left-clm .box{float:left; border-radius:5px; -webkit-border-radius:5px; border:1px solid #dcdcdc; background:url(../../images/blue-bg.jpg) repeat-x top left; width:226px; margin-right:7px; position:relative;} .content-holder .left-clm .box a{display:block; text-decoration:none; } .content-holder .left-clm .box a:hover{opacity:.8;} .a{padding:10px 5px 0px 40px; background:url(../../images/a-icon.png) no-repeat 8px 13px;} .b{padding:10px 5px 0px 40px; background:url(../../images/b-icon.png) no-repeat 8px 13px;} .c{padding:10px 5px 0px 40px; background:url(../../images/c-icon.png) no-repeat 8px 13px;} .box-orange{background:url(../../images/orange-bg.jpg) repeat-x top left!important;} .box-green{background:url(../../images/modal-green-bg.jpg) repeat-x top left!important;} .box h3{font:bold 17px/20px Arial, Helvetica, sans-serif; color:#fff; margin:0px; padding:0px;} .box h4{font:bold 12px/16px Arial, Helvetica, sans-serif; color:#585858; margin:0px; padding:8px 32px 0px 32px ; height:54px; text-align:center; border-bottom:1px solid #dddddd;} .box h5{font:normal 12px/12px Arial, Helvetica, sans-serif; color:#fff; margin:0px; padding:0px 0px 12px 0px ;} .box ul{padding:20px 9px 15px 9px; margin:0px;} .box ul li{background:url(../../images/list-arrow.png) no-repeat left 5px; font:13px/18px Arial, Helvetica, sans-serif; color:#2d74b2; padding:0px 0px 15px 20px; margin:0px; list-style-type:none;} .call-form{padding:0px; margin:0px;} .call-form .txtfld{background:url(../../images/textfld-bg.jpg) repeat-x top left; color:#504f4f; line-height:18px; padding:5px 10px; width:245px; border:1px solid #c2c2c2; border-radius:4px; -webkit-border-radius:4px; display:block; margin:0px 0px 5px 0px; font:13px Arial, Helvetica, sans-serif; } .txtarea{background:url(../../images/textfld-bg.jpg) repeat-x top left #fefefe; color:#504f4f; line-height:18px; padding:5px 10px; width:245px; border:1px solid #c2c2c2; border-radius:4px; -webkit-border-radius:4px; display:block; margin:0px 0px 2px 0px; font:13px Arial, Helvetica, sans-serif;} .portfolio-box{border:1px solid #e6e6e6; padding:10px 5px; width:254px; border-bottom:0px; background:#fff; z-index:-1;} .portfolio-box h3{font:bold 14px Arial, Helvetica, sans-serif; padding:0px 0px 5px 10px; margin:0px; color:#444444} .portfolio-box h4{font:normal 12px Arial, Helvetica, sans-serif; padding:0px 0px 5px 10px; margin:0px; color:#ca2100} .portfolio-box p{font:normal 11px Arial, Helvetica, sans-serif; padding:0px 0px 0px 10px!important; margin:0px; color:#444444} .portfolio-box a{color:#2d87d7; text-decoration:underline; font:13px Arial, Helvetica, sans-serif; padding:0px 0px 0px 10px;} .shadow{background:url(../../images/shadow.png) no-repeat top center; display:block; height:13px; width:262px;} #footer{float:left; background:url(../../images/footer-bg.jpg) repeat-x top left; width:100%; margin-top:10px; padding:15px 0px 5px 0px;} .foot-wrapper{overflow:hidden; margin-bottom:15px;} .foot-wrapper h2{font:bold 18px calibri,Arial, Helvetica, sans-serif; color:#2e2e2e; padding:5px 0px 10px 0px !important; text-shadow: 0px 1px 1px #FFF; -webkit-text-shadow: 0px 1px 1px #FFF;} .foot-clm1{float:left; width:590px; overflow:hidden; font:12px Arial, Helvetica, sans-serif; color:#7a7a7a;} .foot-clm2{float:left; width:200px; overflow:hidden; font:12px Arial, Helvetica, sans-serif; color:#7a7a7a;} .foot-clm3{float:left; width:400px; overflow:hidden; font:12px Arial, Helvetica, sans-serif; color:#7a7a7a; text-align:right;} .foot-clm4{float:left; width:340px; overflow:hidden; font:12px Arial, Helvetica, sans-serif; color:#7a7a7a;} .foot-clm5{float:left; width:265px; overflow:hidden; font:12px Arial, Helvetica, sans-serif; color:#7a7a7a;} /*.foot-wrapper ul{margin:0px; padding:0px 27px 0px 0px; float:left; }*/ .foot-wrapper ul{margin:0px; padding:0px 27px 0px 0px; float:left; } .foot-wrapper ul li{list-style-type:none; margin:0px; padding:0px 0px 4px 0px; } .foot-wrapper a{color:#7A7A7A; text-decoration:none;} .foot-wrapper a:hover{color:#3177b6; text-decoration:underline;} #footer .info{background:url(../../images/footer-strip.png) no-repeat top center; margin:5px 0px 5px 0px; padding:10px 0px 5px 0px; overflow:hidden;font:12px/22px Arial, Helvetica, sans-serif; color:#3177b6;} .info a{color:#3177b6 !important; text-decoration:underline;} .info .place{float:left; padding:0px 20px 0px 32px; background:url(../../images/address-icon.png) no-repeat left 3px;} .info .email{float:left; padding:0px 20px 0px 32px; background:url(../../images/mail-icon.png) no-repeat left 3px;} .info .phone{float:left;padding: 0 20px 0 32px; background:url(../../images/phone-icon.png) no-repeat left 3px; width:100px;} .info .mobile{float:left; padding:0px 20px 0px 15px; background:url(../../images/mobile-icon.jpg) no-repeat left 3px; width:117px} .info .social-link{float:left; padding:0px 20px 0px 0px;} .facebook a{float:right; background:url(../../images/social-icon.png) no-repeat 0px -2px; width:35px; height:35px; text-indent:-99999px; display:inline-block;} .twitter a{float:right; background:url(../../images/social-icon.png) no-repeat -36px -2px; width:35px; height:35px; text-indent:-99999px; display:inline-block;} .youtube a{background:url(../../images/social-icon.png) no-repeat -71px -2px; width:35px; height:35px; text-indent:-99999px; display:inline-block;} .in a{background:url(../../images/social-icon.png) no-repeat -106px -2px; width:35px; height:35px; text-indent:-99999px; display:inline-block;} /*========Manoj Classes==========*/ .frmrow{width:300px; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#393939; padding:5px 0px 5px 0px;} .frmrow span{font-size:11px; color:#808080;} .frmtxtfld{width:280px; background:#fff; border:1px solid #d7d4d0; color:#787878; line-height:18px; padding:7px 10px; display:block; margin:5px 0px 5px 0px;} .frmtxtarea{width:280px; height:120px; background:#fff; border:1px solid #d7d4d0; color:#787878; line-height:18px; padding:7px 10px; display:block; margin:0px 0px 5px 0px;} .frmtxtchk{width:280px; float:left; color:#f26a3a; font:normal 11px Arial, Helvetica, sans-serif; line-height:18px; padding:5px 0px 20px 0px ; display:block;} .address{width:230px; float:left; padding:0px 0px 20px 0px;} .address h2{font:bold 16px Arial, Helvetica, sans-serif; color:#f26a3a; margin:0px; padding:0px 0px 5px 0px;} .address p{font:normal 12px Arial, Helvetica, sans-serif; line-height:16px; padding:2px 0px 2px 28px !important; margin:0px; color:#343434;} .address p a{text-decoration:none; color:#347fc2;} .address p a:hover{text-decoration:none; color:#343434;} .about{width:685x; float:left; padding:0px 0px 0px 0px;} .aboutimg{width:270px; float:left; padding:0px 15px 15px 0px;} .abouttxt{width:400px; float:left;} .abouttxt p{font:normal 12px Arial, Helvetica, sans-serif; line-height:16px; padding:0px 0px 10px 0px; margin:0px; color:#343434;} .abouttxt p span{font:bold 12px Arial, Helvetica, sans-serif; line-height:16px; padding:0px 0px 10px 0px; margin:0px; color:#343434;} .abouttxt ul{padding:0px 9px 15px 9px; margin:0px;} .abouttxt ul li{background:url(../../images/list-arrow.png) no-repeat left 5px; font:13px/18px Arial, Helvetica, sans-serif; color:#393939; padding:0px 0px 10px 20px; margin:0px; list-style-type:none;} .clr{clear:both; overflow:hidden; height:0px;} /*========Sameer Classes==========*/ .twocols{width:1000px; float:left; background:url('../../images/rightpan-bg.jpg') repeat-y right; margin-top:15px;} .leftpan{width:700px; float:left; margin-right:15px; padding:0px 0px 0px 0px;} .rightpan{width:265px; float:right; padding:10px 10px 10px 10px;} .leftpan article{padding:10px 0px 10px 0px;} .leftpan h1{font:31px 'MyriadPro', Arial; color:#f26a3a; margin:0px; padding:0px 0px 5px 0px;} .leftpan h1 span{font-weight:bold; color:#f26a3a;} .leftpan h2{font:16px 'MyriadPro', Arial; color:#505050; line-height:20px; margin:0px; padding:5px 0px 5px 0px;} .leftpan h3{font:18px 'MyriadPro', Arial; color:#2c73b2; border-bottom:1px solid #e8e4e0; text-transform:uppercase; margin:0px; padding:5px 0px 5px 0px;} .twocols p{font:13px Arial; color:#393939; line-height:18px; margin:0px; padding:10px 0px 5px 0px;} .twocols p a{color:#f26a3a; text-decoration:none;} .tech{width:700px; float:left; padding:10px 0px 10px 0px;} .tech figure{width:180px; float:left; text-align:center; padding:10px 0px 0px 0px;} .tech section{width:520px; float:right; padding:10px 0px 0px 0px;} .benefit{width:360px; float:left; padding:10px 0px 0px 0px;} .benefit h3{font:bold 16px 'MyriadPro', Arial; color:#373737; text-transform:uppercase; border-bottom:1px solid #e8e4e0; margin:0px; padding:5px 0px 5px 0px;} .feature{width:340px; float:left; padding:10px 0px 0px 0px;} .feature h3{font:bold 16px 'MyriadPro', Arial; color:#373737; text-transform:uppercase; border-bottom:1px solid #e8e4e0; margin:0px; padding:5px 0px 5px 20px;} ul.list{margin:10px 0px 10px 0px;} ul.list li{list-style:none; background:url('../../images/disc.jpg') no-repeat 0px 10px; font:13px Arial; color:#393939; line-height:20px; padding:5px 0px 5px 15px;} ul.list li span{color:#f26a3a;} ul.list li strong{font-weight:bold !important;} .saperator{background-image: url('../../images/topcircle.jpg'), url('../../images/botcircle.jpg'), url('../../images/sap.jpg'); background-repeat: no-repeat, no-repeat, repeat-y; background-position: top right, bottom right, 357px 0px;} ul.team{margin:0px; padding:10px 0px 0px 0px;} ul.team li{width:110px; height:40px; display:block; float:left; list-style:none; font:11px Arial; color:#393939; line-height:14px; text-align:center; padding:80px 0px 0px 0px;} ul.team li a{color:#393939; text-decoration:none;} ul.team li a:hover{color:#f26a3a; text-decoration:none;} ul.team li#circle1{background:url('../../images/circle1.jpg') no-repeat center top;} ul.team li#circle2{background:url('../../images/circle2.jpg') no-repeat center top;} ul.team li#circle3{background:url('../../images/circle3.jpg') no-repeat center top;} ul.team li#circle4{background:url('../../images/circle4.jpg') no-repeat center top;} ul.team li#circle5{background:url('../../images/circle5.jpg') no-repeat center top;} ul.team li#circle6{background:url('../../images/circle6.jpg') no-repeat center top;} ul.team li#circle7{background:url('../../images/circle7.jpg') no-repeat center top;} ul.team li#circle8{background:url('../../images/circle8.jpg') no-repeat center top;} ul.team li#circle9{background:url('../../images/circle9.jpg') no-repeat center top;} ul.team li#circle10{background:url('../../images/circle10.jpg') no-repeat center top;} ul.team li#circle11{background:url('../../images/circle11.jpg') no-repeat center top;} ul.team li#circle12{background:url('../../images/circle12.jpg') no-repeat center top;} .formsec{width:350px; float:left; padding:15px 0px 0px 0px;} .txtsec{width:350px; float:left; padding:15px 0px 15px 0px;} .txtsec h2{font:bold 16px 'MyriadPro', Arial; color:#f26a3a; line-height:20px; margin:0px; padding:5px 0px 0px 0px;} .mobi1{float:left; width:306px; padding-bottom:25px; position:relative;} .mobi2{float:left; width:306px; padding-left:30px; padding-bottom:25px; position:relative;} .rate-btn{position:absolute; top:115px; right:18px;} .linklist li a{color:#636363; text-decoration:none; font-weight:bold; display:block; border-bottom:1px dotted #c1c1c1;} .linklist li a:hover{color:#3177B6; text-decoration:none;} .mngmnt-hosting-tbl01 {background: url("../../images/bluebg03.jpg") repeat-x scroll 0 0 transparent;border: 1px solid #91A4BF;float: left;line-height: 28px;width: 672px; font-family:Arial, Helvetica, sans-serif;} .mngmnt-width02 {border-right: 1px solid #214273;color: #FFFFFF;float: left;font-weight: bold;padding-left: 10px;width: 389px;} .mngmnt-width03 {color: #FFFFFF;float: left;font-weight: bold;padding-left: 10px;width: 261px;} .table-new {background: url("../../images/table-bg02.jpg") repeat-x scroll 0 0 transparent;float: left;line-height: 28px;width: 672px; font-size:13px;} .mngmnt-border01{border-bottom:1px solid #C2D7E8} .mngmnt-width04 {border-right: 1px solid #C2D7E8;float: left;padding-left: 10px;width: 389px;} .mngmnt-width05 {float: left;padding-left: 10px;width: 261px;} .mngmnt-width06 {float: left;font-size: 11px;padding-left: 410px;width: 261px; font:12px Arial, Helvetica, sans-serif;} .mngmnt-width06 span{color:#F90;} ol{padding:0px 0px 0px 25px; margin:0px; } ol li{margin:0px; list-style-type:upper-alpha; font:13px Arial; color:#393939; line-height:22px; margin:0px; padding:0px 0px 0px 5px;} .chart{font:13px Arial, Helvetica, sans-serif; color:#393939; border-bottom:0 dashed #ccc;} .chart th{font-weight:bold; background:#d7d1ce; padding:5px 5px 5px 20px; color:#605959; border-right:1px solid #fff;} .chart td{padding:10px 10px 0px 10px; vertical-align:top;} .chart td strong{color:#e51e1e; font-weight:bold; display:block; font-size:15px; padding-top:15px;} .chart td img{display:block;} .chart td a {margin:30px 0px 0px 0px; display:block;} .sqA{background:url(../../images/square-a.jpg) no-repeat left 0px; padding:2px 0px 5px 35px!important;} .sqB{background:url(../../images/square-b.jpg) no-repeat left 0px; padding:2px 0px 5px 35px!important;} .sqC{background:url(../../images/square-c.jpg) no-repeat left 0px; padding:2px 0px 5px 35px!important;} .sqD{background:url(../../images/square-d.jpg) no-repeat left 0px; padding:2px 0px 5px 35px!important;} .sqE{background:url(../../images/square-e.jpg) no-repeat left 0px; padding:2px 0px 5px 35px!important;} .gray-box{ border:0px solid #D2D2D2; padding:5px; margin-top:10px;} .folio{width:1000px; float:left;padding:20px 0px 0px 0px; } .folio ul{padding:0px; margin:0px;} .folio ul li{ margin:0 17px 20px 0; list-style:none; padding:6px; display:inline-block; width:218px; height:465px; border:1px solid #ccc;} .folio ul li a{position:relative; display:block; overflow:hidden; /*border:1px solid #ccc;*/} .folio ul li a span{display:none;} .folio ul li a:hover span{display:block;} .folio ul li a:hover img {background:#000; } .folio ul li img{border:0px solid #ccc; } .folio ul .last{margin-right:0px!important;} .folio ul li span {background: url("../../images/plus-icon.png") repeat scroll center center ;height: 100%;left: 0;position: absolute;top: 0px;width: 100%;z-index: 1;} .orange{color:#f26a3a;} #portfolio h1{ color: #F26A3A; font: 31px 'MyriadPro',Arial; margin: 0; padding: 0 0 5px; } #portfolio h2 { color: #505050; font: 15px/20px 'MyriadPro',Arial; margin: 0; padding: 5px 0; } .port-sec{float:left; width:200px;} .page{float:right; width:350px; padding:0px 0px 0px 0px; } .page ul {padding:0px; margin:0px; font:12px Arial, Helvetica, sans-serif; float:right;} .page ul li {padding:0px; margin:0px; float:left; list-style-type:none; padding-right:5px;} .page ul li a{padding:3px 8px; background:#444444; color:#fff; text-decoration:none; border-radius:3px; -webkit-border-radius:3px; display:block;} .page ul li a:hover{background:#000;} .page ul li .on{background:#000; font-weight:bold;} .page ul li a.off{background:#CCCCCC !important; font-weight:bold; cursor:default;} .select_bg{width:215px; float:left; height:24px; background:url('../../images/bg_paymentselect.gif') #f0f0f0 no-repeat right top; border:1px solid #bdbcbd; position:relative; padding:0px 0px 3px 0px;} .select_bg select{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;cursor:pointer;position:absolute;left:-1px;outline:0;width:215px;height:27px} .select_bg .selectedvalue{font:13px Arial; height:24px;position:absolute;width:203px;padding:5px 0 0 12px} ul.sitemap{margin:0px; padding:0px; background:url(../../images/sitemap.jpg) repeat-y left;} ul.sitemap li{list-style:none; background:url(../../images/sitemap-bg.gif) no-repeat 0px 10px; font:12px Arial; color:#666666; line-height:25px; padding:0px 0px 0px 20px;} ul.sitemap li a{color:#0E2B55; text-decoration:none;} ul.sitemap li a:hover{color:#000; text-decoration:underline;} ul.sitemap b{font-weight:bold;} ul.level1{margin:0px; padding:0px; background:url(../../images/sitemap.jpg) repeat-y left;} ul.level1 li{list-style:none; background:url(../../images/sitemap-bg.gif) no-repeat 0px 10px; font:12px Arial; color:#666666; line-height:25px; padding:0px 0px 0px 20px;} ul.level1 li a{color:#22569F; text-decoration:none;} ul.level2{margin:0px; padding:0px; background:url(../../images/sitemap.jpg) repeat-y left;} ul.level2 li{list-style:none; background:url(../../images/sitemap-bg.gif) no-repeat 0px 10px; font:12px Arial; color:#666666; line-height:25px; padding:0px 0px 0px 20px;} ul.level2 li a{color:#82B1DF; text-decoration:none;} .h1{font:31px 'MyriadPro', Arial; color:#f26a3a; margin:0px; padding:0px 0px 5px 0px;} .twocolsM{background:url('../../images/rightpanM-bg.jpg') repeat-y right!important;} .leftpanM{width:460px !important;} .rightpanM{width:505px !important;} .rightpanM p {color:#2c73b2; padding:10px 20px 0px 20px;} .faqPan{border-bottom:1px dotted #9e9e9e; overflow:hidden; font:12px Arial, Helvetica, sans-serif; color:#7a7a7a; padding:5px 0px;} .faqPan .panLeft{float:left; width:270px; padding:5px 30px 5px 0px;} .faqPan .panRight{float:left; width:110px; padding:10px 10px 0px 30px;} .gray{color:#858585!important;} .rightpanM figure{padding:15px 0px 5px;} /*SubDomain Last Modified CSS*/ .list-sec {padding:0px; margin:0px;} .list-sec li{list-style-type:none; font:normal 16px/18px 'MyriadPro',Arial, Helvetica, sans-serif; color:#2C73B2; background:url(../../images/tick.png) no-repeat left 5px; margin:0px; padding:3px 0px 5px 22px;} .wid700{width:700px !important;} .wid700 ul{margin:0px; padding:20px 0px 0px 0px;} .wid700 ul li{width:200px!important;} .tech-list {padding:0px 0px 0px 0px; margin:0px;} .tech-list li{list-style-type:none; color:#000; margin:0px; padding:0; border-bottom:1px solid #f0ece8; text-transform:uppercase;} .tech-list li a{display:block; font:normal 16px/18px calibri,Arial, Helvetica, sans-serif!important; background:url(../../images/list-arrow.png) no-repeat 13px 13px; padding:6px 0px 6px 35px;color:#000; text-decoration:none;} .tech-list li a:hover{background:url(../../images/list-arrow.png) no-repeat 13px 13px #60b3fd; color:#fff;} .fLeft{float:left!important;} .fRight{float:left!important; width:170px!important; padding:10px 0px 0px 10px!important; text-align:center;} .ltext{font:bold 23px/12px calibri,Arial,Helvetica,sans-serif!important;} .pricebanner{width:700px; height:100px; float:left; background:url('../../images/pricebanner.jpg') no-repeat left top; margin-bottom:10px;} .pricebanner h1{font:bold 26px/28px 'MyriadPro', Arial; color:#505050; margin:0px; padding:20px 0px 5px 20px;} .pricebanner h1 span{color:#f26a3a; font-size:25px; font-weight:normal;} .fullform{width:700px; float:left;} .fullfrmrow{width:350px; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#393939; padding:5px 0px 5px 0px;} .fullwid{width:700px!important;} .padT1{padding-top:10px;} .padT1{padding-top:40px;} .red{color:#F00;} .gray{color:#CCC;} .verified{background:url(../../images/securecode.png) no-repeat top right; } .select{background:url(../../images/office-select.jpg) repeat-x top left !Important; color:#136103!Important; font-weight:bold!Important;} .select strong{color:#000!important; font-size:14px!important; text-shadow:#d0ffa3 1px 1px!important;} .nivo{background:url(../../images/hire-app-developer.jpg) no-repeat top left; height:219px;} .nivo a{height:67px; padding-top:152px; display:block; margin:0px; overflow:hidden;} .nivoSlider {position:relative;width:100%;height:67px;overflow: hidden; } .nivoSlider img {position:absolute;left:0px;max-width: none;width:295px!important;} /* .nivo-main-image {display: block !important;position: relative !important; width: 100% !important; height:219px;} If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;} /* The slices and boxes in the Slider */ .nivo-slice {display:block;position:absolute;z-index:5;height:219px;top:0;} .nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;} .nivo-box img { display:block; position:absolute; top:0px; left:0x; z-index:0px;} /* Caption styles */ .nivo-caption {display: none;} .nivo-html-caption {display:none;} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a {display:none;} .nivo-prevNav {left:0px;} .nivo-nextNav {right:0px;} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav {text-align:center;padding: 15px 0; display:none!important;} .nivo-controlNav a {cursor:pointer;} .nivo-controlNav a.active {font-weight:bold;} .pricebanner{width:700px; height:100px; float:left; background:url('../../images/pricebanner.jpg') no-repeat left top; margin-bottom:10px;} .pricebanner h1{font:bold 26px/28px 'MyriadPro', Arial; color:#505050; margin:0px; padding:20px 0px 5px 20px;} .pricebanner h1 span{color:#f26a3a; font-size:25px; font-weight:normal;} .fullform{width:700px; float:left;} .fullfrmrow{width:350px; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#393939; padding:5px 0px 5px 0px;} .fullwid{width:700px!important;} .padT1{padding-top:10px;} .padT1{padding-top:40px;} .red{color:#F00;} .gray{color:#CCC;} .verified{background:url(../../images/securecode.png) no-repeat top right; } input.my-url{display:none;} .contener .mobClm{float:left; padding:15px 20px 0px 20px; width:688px; font:13px/18px Arial, Helvetica, sans-serif; color:#2e2e2e;} .mobOpt{padding:10px 0px 0px 0px;} .mobOpt h5{font:normal 22px/26px 'MyriadPro', Arial, Helvetica, sans-serif; color:#f26a3a; margin:0px; padding:5px 0px 10px 0px;} .iphoneBg{background:url(../../images/iphoneBg.png) no-repeat top left; margin:0px 40px 15px 0px; } .androidBg{background:url(../../images/androidBg.png) no-repeat top left; margin:0px 40px 0px 0px; } .ipadBg{background:url(../../images/ipadBg.png) no-repeat top left; margin:0px 0px 15px 0px; } .berryBg{background:url(../../images/blackberryBg.png) no-repeat top left; margin:0px 0px 0px 0px;} .mobi{width:292px; height:68px; float:left;} .mobi a{padding:10px 0px 0px 70px; display:block; color:#000; text-decoration:none;} .mobi h3{font:normal 22px/26px calibri,Arial, Helvetica, sans-serif; padding:0px 0px 0px 0px; margin:0px;} .call-back{background:#d1e5f6; border-radius:5px; -webkit-border-radius:5px; border:1px solid #aec0d0; float:left; width:230px; padding:10px; margin-top:25px;} .call-back h4{ display:block; font:bold 26px/24px calibri, Arial, Helvetica, sans-serif; color:#003667; padding:0px 0px 10px 0px;} .callFrm{background:#fff; border-radius:5px; -webkit-border-radius:5px; padding:10px 10px 0px 10px;} .callrow{padding:2px 0px;} .callrowFld{width:200px; border-radius:3px; -webkit-border-radius:3px; border:1px solid #c4c4c4; padding:5px 5px 6px 5px; margin:0px;line-height:normal;} .grayStrip{background:#ededed; padding:8px 10px; font: normal 22px/26px calibri, Arial, Helvetica, sans-serif; color:#000000; margin:0px 0px 20px 0px;} .mobiHolder{padding:10px 20px; position:relative;} .sec1{float:left; overflow:hidden;width:319px; } .sec1 a{padding:0px 10px 0px 79px; display:block; color:#000; text-decoration:none;width:245px;} .globaldrum{background:url(../../images/globaldrum.png) no-repeat left 4px;} .idealbet{background:url(../../images/idealbet.png) no-repeat 16px 8px;} .cbb{background:url(../../images/cbb.png) no-repeat 18px 8px;} .myshow{background:url(../../images/myshow.png) no-repeat 18px 8px;} .checkatrade{background:url(../../images/checkatrade.png) no-repeat 18px 8px;} .flowerchild{background:url(../../images/flowerchild.png) no-repeat 18px 8px;} .seatcheck{background:url(../../images/flowerchild.png) no-repeat 18px 8px;} .seatcheck{background:url(../../images/seatcheck.png) no-repeat 18px 8px;} .tradies{background:url(../../images/tradies.png) no-repeat 18px 8px;} .cattle{background:url(../../images/cattle.png) no-repeat 18px 8px;} .gradfinaley{background:url(../../images/gradfinaley.png) no-repeat 18px 8px;} .hofnote{background:url(../../images/hofnote.png) no-repeat 18px 8px;} .usrentacar{background:url(../../images/usrentacar.png) no-repeat 18px 8px;} .ireporter{background:url(../../images/ireporter.png) no-repeat 18px 8px;} .ithumb{background:url(../../images/ithumb.png) no-repeat 18px 8px;} .bdrRt{border-right:1px solid #ccc;} .mobiHolder h3{font:normal 22px/26px calibri,Arial, Helvetica, sans-serif; padding:0px 0px 0px 0px; margin:0px;} .mobiHolder p{font:13px Arial, Helvetica, sans-serif; padding:5px 0px; margin:0px;} .scroller{overflow:hidden; width:960px;} .foo2{padding:0px; margin:0px;} .foo2 li{list-style:none; float:left; margin:0px; padding:0px;} .prev {background: url("../../images/default.png") no-repeat scroll left top transparent;display: block;height: 62px;left:-10px;position: absolute;text-indent: -99999px;top: 100px;width: 32px; outline:none;} .prev:hover{background-position:-32px 0px;} .next {background: url("../../images/default.png") no-repeat scroll 0px -62px transparent;display: block;height: 62px;position: absolute;right:-10px;text-indent: -99999px;top: 100px;width: 32px; outline:none;} .next:hover{background-position:-32px -62px;} .callback{position:absolute; top:-30px; right:10px; outline:none; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index: 1000;} .callback:hover { -moz-transform: scale(1) rotate(0deg) translateY(30px); -webkit-transform: scale(1) rotate(0deg) translateY(30px); -o-transform: scale(1) rotate(0deg) translateY(30px); transform: scale(1) rotate(0deg) translateY(30px); z-index: 1000; } .phptech ul{padding:0px; margin:0px;} .phptech ul li{float:left; list-style:none; margin:0px; padding:0px 0px 0px 0px; margin:0px 10px 10px 0px;} .phptech ul li img{ border-radius:50px; -webkit-border-radius:50px; -o-border-radius:50px; -moz-transition: all .4s ease; -webkit-transition: all .4s ease;} .phptech ul li img:hover{box-shadow:0px 2px 10px #a8a8a8; -moz-transform: scale(1) rotate(0deg) translateY(5px); -webkit-transform: scale(1) rotate(0deg) translateY(5px);} /*------------------19March2013---------------------*/ .chart2{font:13px Arial, Helvetica, sans-serif; color:#393939; border-bottom:0 dashed #ccc; background-color:#efeff7; margin-bottom:10px;} .chart2 th{font-weight:bold; background:#2c73b2; padding:8px 5px 8px 8px; color:#fff; border-right:1px solid #59a4cb; border-bottom:1px solid #59a4cb;} .chart2 td{padding:10px 10px 10px 10px; vertical-align:top;} .chart2 td strong{color:#e51e1e; display:block; font-size:18px; padding-top:15px;} .chart2 td img{display:block;} .chart td a {margin:30px 0px 0px 0px; display:block;} .chart2 td table{background-color:#E4FDE5; border:solid 1px #c3d3ed;} .chart2 td table tr td ul.list{margin-top:0px; margin-bottom:0px; padding-right:10px; padding-left:10px;} .chart2 td table tr td ul.list li{padding-top:0px; color:#393939;} .chart2 td table tr td.benT{} .chart2 td table tr td.benT div.subheading{background: url(../../images/ben_arrow.gif) right 7px no-repeat; font-weight:bold; padding:4px 20px 0 10px; display:inline-block;} .chart2 td table tr td{padding:5px 0 5px 5px;} .chart3{font:13px Arial, Helvetica, sans-serif; color:#393939; border-bottom:0 dashed #ccc; background-color:#efeff7; margin-bottom:10px;} .chart3 th{font-weight:bold; background:#eb9a6d; padding:8px 5px 8px 20px; color:#fff; border-right:1px solid #fabe9e; border-bottom:1px solid #fabe9e;} .chart3 td{padding:10px 10px 10px 10px; vertical-align:top;} .chart3 td strong{color:#e51e1e; display:block; font-size:18px; padding-top:15px;} .chart3 td img{display:block;} .chart td a {margin:30px 0px 0px 0px; display:block;} .chart3 td table{background-color:#E4FDE5; border:solid 1px #c3d3ed;} .chart3 td table tr td ul.list{margin-top:0px; margin-bottom:0px; padding-right:10px;padding-left:10px;} .chart3 td table tr td{padding:5px 0 5px 5px;} .chart3 td table tr td ul.list li{margin-top:0px; color:#393939; padding-top:0px;} .chart3 td table tr td.benT{} .chart3 td table tr td.benT div.subheading{background: url(../../images/ben_arrow.gif) right 7px no-repeat; font-weight:bold; padding:4px 20px 0 10px; display:inline-block;} /*.bg_gray01{background-color:#e9ecf1; padding:8px 0; border-top:solid 1px #fff;} */ /*--------------------------03April2013------------------------*/ .game_slider{width:737px; padding-top:16px; float:left;} .marT2{margin-top:10px;} .workblock {float: left; font-size: 16px; padding: 20px 0; position: relative; width: 100%; font:13px Arial,Helvetica,sans-serif; color:#2e2e2e;} .workblock h2 {color: #2e2e2e; font-size: 28px; font-weight: normal; padding: 0 0 9px 1px;} .projectlogo {float: left; padding-left: 15px; width: 135px;} .viewsbt {position: absolute; right: 0; top: 20px;} .width830{width:830px; float:right;} .width830 h3{color: #2e2e2e; font-size: 18px; padding: 0 0 3px 0;} .borderBgray{border-bottom:solid 1px #c4c4c4;} .workblock ul li{list-style:none;} .floatR{float:right !important;} .lists ul li{line-height:26px; background:url(arrow-left.jpg) left no-repeat; padding-left:15px; font-size:9pt;} .workblock1 { color: #2E2E2E; float: left; font: 13px Arial,Helvetica,sans-serif; padding: 10px 0; position: relative; width: 100%; } .font9pt {font-size:9pt !important;} /**/ .elearning {float:left; line-height:18px !important; width:100%;} .elearning h1 {font:31px 'MyriadPro', Arial; color:#f26a3a; margin:0px; padding:0px 0px 10px 0px;} .elearning h2{border-bottom: 1px solid #E8E4E0; color: #373737; font: bold 16px 'MyriadPro',Arial; margin: 0; padding: 5px 0; text-transform: uppercase;} .elearning h3{font:18px 'MyriadPro', Arial; color:#2c73b2; border-bottom:1px solid #e8e4e0; text-transform:uppercase; margin:0px; padding:5px 0px 5px 0px;} .elearning p { line-height:18px;} ul.elearning{list-style-type:none; float:left; margin-top:10px;} ul.elearning li {line-height:20px; background:url("../../images/disc.jpg") no-repeat scroll 0 12px transparent; padding:5px 0 5px 15px; font-size:9pt;} .marTB{ margin:15px 0px;} .wecan{ font-size:14px; font-weight:bold; border-bottom:1px solid #E8E4E0; color:#373737; padding:5px 0; margin:0px; text-transform:uppercase; font-family:'MyriadPro', Arial; width:100%; float:left; } ul.ourwork {list-style-type:none;} ul.ourwork li { float:left; margin:0px 9px 13px 0;} .blueoceanbrain{background:url(../../images/blueoceanbrain.png) no-repeat left 4px;} .captcha{float:left; width:95px;} .caprefresh{cursor:pointer; float:right; padding-top:5px; font:13px Arial,Helvetica,sans-serif; color:#504F4F; width:73px;} .enter_captchaa{color: #504F4F;font:13px Arial,Helvetica,sans-serif; margin-left:105px; float:left; margin-top:2px;} .refreshtext{float:left} .caprefresh1 { color: #504F4F; float: right; font: 13px Arial,Helvetica,sans-serif; padding-right: 78px; padding-top: 13px; } .caprefresh2 { color: #504F4F; float: left; font: 13px Arial,Helvetica,sans-serif; margin-left:10px; padding-top: 13px; width:100px; margin-top:-20px; } #captcha_image {clear:both; width:260px; display:table; margin-bottom:3px;} .call-form{ display:table; width:100%; } .sqF{background:url(../../images/square-f.jpg) no-repeat left 0px; padding:2px 0px 5px 35px!important;} .sqG{background:url(../../images/square-g.jpg) no-repeat left 0px; padding:2px 0px 5px 35px!important;} .sqH{background:url(../../images/square-h.jpg) no-repeat left 0px; padding:2px 0px 5px 35px!important;} .sqI{background:url(../../images/square-i.jpg) no-repeat left 0px; padding:2px 0px 5px 35px!important;} .sqJ{background:url(../../images/square-j.jpg) no-repeat left 0px; padding:2px 0px 5px 35px!important;} .sqK{background:url(../../images/square-k.jpg) no-repeat left 0px; padding:2px 0px 5px 35px!important;} .sqL{background:url(../../images/square-l.jpg) no-repeat left 0px; padding:2px 0px 5px 35px!important;} .sqM{background:url(../../images/square-m.jpg) no-repeat left 0px; padding:2px 0px 5px 35px!important;} .sqN {background: url("../../images/square-n.jpg") no-repeat left 0px; padding:2px 0px 5px 35px!important;} /*24/05/2013 */ .dv-h2-style{ font-size:15px; color:#F26A3A; font-weight:bold; } #mathcaptcha_image input{background:url(../../images/textfld-bg.jpg) repeat-x top left #fefefe; color:#504f4f; line-height:18px; padding:5px 10px; border:1px solid #c2c2c2; border-radius:4px; -webkit-border-radius:4px; display:block; margin:0px 0px 2px 0px; font:13px Arial, Helvetica, sans-serif; width:30px; float:left;} #mathcaptcha_image div span{float:left; margin:1px 4px 0 0; } #mathcaptcha_image {margin-bottom:1px; overflow:hidden;} /*---*/ #captcha_image_new {clear: both; display: table; margin-bottom: 3px; width: 208px;} .top_threeBanners{ width:100%; float:left; padding-top:10px; } .threeBanners_1{ width:207px; height:150px; float:left; position:relative; } .threeBanners_2{ width:207px; height:150px; float:left; position:relative; padding-left:8px; } .threeBanners_3{ width:207px; height:150px; float:left; position:relative; padding-left:8px; } .threeBanners_4{ width:335px; height:150px; float:left; position:relative; padding-left:8px;} .price_tag_new{position:absolute; top:25px; right:16px; color:#fff; font:normal 11px calibri, Arial, Helvetica, sans-serif;text-align:center; } .price_tag_new strong{display:block; text-align:center; font-size:20px; line-height:20px; font-weight:bold; text-shadow:#000 1px 1px;} .error { color:Red; } /* usps/index.htm Csss */ #sectionlink { cursor: pointer; } #sectionlink h5 { border-bottom: 1px solid #E8E4E0; color: #2C73B2; font: 15px 'MyriadPro' ,Arial; margin: 0; padding: 5px 0; text-transform: uppercase; } .key_info a { text-decoration: none; color: #2C73B2; font: 15px 'MyriadPro' ,Arial; text-transform: uppercase; } .key_info h5 { margin: 0; padding: 5px 0; border-bottom: 1px solid #E8E4E0; } .key_info h5 img { margin: 0 5px -4px 0; } .expand { cursor: pointer; } .descnew { font: 13px Arial,Helvetica,sans-serif; margin: 5px; } /* ====end=== Csss */ .highlightform { background: none repeat scroll 0 0 #2B6CA7; border: 1px solid #C5C5C5; height: 253px !important; margin-top: 8px; padding-bottom: 0 !important; } .highlightform textarea { height: 45px; margin-bottom: 5px; } .highlightform input { height: 26px; line-height: 26px !important; padding: 0 10px !important; } .highlightform h2 span { font-size: 15px !important; font-weight: normal !important; color: #FFFFFF !important; } .highlightform h2 { color: #FFFFFF !important; font-size: 15px !important ; font-weight: normal ; float:left } .highlightform h2 strong { color: #000000 !important; font-size: 24px !important; font-weight: normal; } .highlightform img { padding-left: 10px; } /*===============================landing pages=================================================================================== */ @font-face { font-family: 'MyriadProRegular'; src: url('../font/myriadpro-regular.eot'); src: url('../font/myriadpro-regular.eot') format('embedded-opentype'), url('../font/myriadpro-regular.woff') format('woff'), url('../font/myriadpro-regular.ttf') format('truetype'), url('../font/myriadpro-regular.svg#MyriadProRegular') format('svg'); } html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } .main { width: 1000px; margin: 0px auto; } .main_innerBody { width: 968px; background: #fff; border: solid 1px #eeeeee; padding: 15px; float: left; line-height: 18px; font-size: 13px; font-family: Arial; } .button { padding: 4px 6px; color: #ffffff; border: 0px; border-radius: 6px; background: #fd6b00; /* Old browsers */ background: -moz-linear-gradient(top, #fd6b00 0%, #da620a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd6b00), color-stop(100%,#da620a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fd6b00 0%,#da620a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fd6b00 0%,#da620a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fd6b00 0%,#da620a 100%); /* IE10+ */ background: linear-gradient(to bottom, #fd6b00 0%,#da620a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd6b00', endColorstr='#da620a',GradientType=0 ); /* IE6-9 */ position: relative; behavior: url(css/PIE.htc); font-size: 12px; font-weight: normal; cursor: pointer; text-decoration: none; } .button:hover { padding: 4px 6px; color: #ffffff; border: 0px; border-radius: 6px; background: #000; /* Old browsers */ background: -moz-linear-gradient(top, #666 0%, #000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #666 0%,#000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #666 0%,#000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #666 0%,#000 100%); /* IE10+ */ background: linear-gradient(to bottom, #666 0%,#000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#000',GradientType=0 ); /* IE6-9 */ } .full { width: 100%; float: left; } .padT8 { padding-top: 8px; } .padT2 { padding-top: 0px; } .padT10 { padding-top: 12px; } .text_right { text-align: right; } .joomlaTheming { background: url(../../images/joomla_1.jpg) no-repeat scroll left top rgba(0, 0, 0, 0); float: left; height: 243px; margin: 8px 0 12px; padding: 22px 0 0; width: 675px; } .main_innerBody h2 { color: #000; font-size: 22px; padding: 0px 0 6px 0px; margin: 0px; font-family: 'MyriadProRegular'; } .joomlaTheming h2 span { color: #457a1f; } .joomlaTheming aside { float: right; line-height: 1.5em; padding-right: 20px; text-align: justify; width: 500px; } .joomlaTheming aside figure { float: right; padding-top: 6px; text-align: right; width: 100%; } .joomlaDovelopment { float: left; width: 306px; height: 157px; background: url(../../images/joomla_2.jpg) left top no-repeat; padding: 18px 15px 0 156px; } .joomlaDovelopment span { color: #b4306c; } .joomlaMigration { float: right; width: 296px; height: 157px; background: url(../../images/joomla_migration.jpg) left top no-repeat; padding: 18px 20px 0 161px; } .joomlaMigration span { color: #979e18; } .joomlaResponsive { float: left; background: url(../../images/joomla_3.jpg) left top no-repeat; width: 969px; height: 158px; margin: 12px 0px; padding: 22px 0px; } .joomlaResponsive h2 span { color: #457a1f; } .joomlaResponsive aside { float: right; width: 704px; padding-right: 20px; } .joomlaSeo { float: left; width: 306px; height: 157px; background: url(../../images/joomla_4.jpg) left top no-repeat; padding: 18px 15px 0 156px; } .joomlaSeo span { color: #b4306c; } .joomlaHosting { float: right; width: 296px; height: 157px; background: url(../../images/joomla_5.jpg) left top no-repeat; padding: 18px 20px 0 161px; } .joomlaHosting span { color: #979e18; } /*===========wordpress==============*/ .wordpressDovelopment { background: url("../../images/wordpress_2.jpg") no-repeat scroll left top rgba(0, 0, 0, 0); float: left; height: 157px; padding: 18px 15px 0 152px; width: 314px; } .wordpressDovelopment span { color: #b4306c; } /*.wordpressTheming{ float:left; background:url(../../images/wordpress_1.jpg) left top no-repeat; width:969px; height:160px; margin:8px 0px 12px 0px; padding:22px 0px 0px 0px; }*/ .wordpressTheming { background: url(../../images/wordpress_1.jpg) no-repeat scroll left top rgba(0, 0, 0, 0); float: left; height: 243px; margin: 8px 0 12px; padding: 22px 0 0; width: 675px; } .wordpressTheming aside { float: right; line-height: 1.5em; padding-right: 20px; text-align: justify; width: 500px; } .wordpressTheming h2 span { color: #457a1f; } /*.wordpressTheming aside{ float:right; width:730px; padding-right:20px; }*/ .wordpressMigration { float: right; width: 296px; height: 157px; background: url(../../images/wordpress_migration.jpg) left top no-repeat; padding: 18px 20px 0 161px; } .wordpressMigration span { color: #979e18; } .highlightform input[type="image"] { height: auto !important; padding: 0 !important; } .wordpressResponsive { float: left; background: url(../../images/wordpress_responsive.jpg) left top no-repeat; width: 969px; height: 158px; margin: 12px 0px; padding: 22px 0px; } .wordpressResponsive h2 span { color: #457a1f; } .wordpressResponsive aside { float: right; width: 704px; padding-right: 20px; } .wp_Seo { float: left; width: 306px; height: 157px; background: url(../../images/wp_seo.jpg) left top no-repeat; padding: 18px 15px 0 156px; } .wp_Seo span { color: #b4306c; } .wp_Hosting { float: right; width: 296px; height: 157px; background: url(../../images/wp_hosting.jpg) left top no-repeat; padding: 18px 20px 0 161px; } .wp_Hosting span { color: #979e18; } /*===================magento=================*/ .magentoTheming1 { background: url(../../images/magento_1.jpg) no-repeat scroll left top rgba(0, 0, 0, 0); float: left; height: 243px; margin: 8px 0 12px; padding: 22px 0 0; width: 675px; } .magentoTheming { background: url(../../images/magento_1_new.jpg) left top no-repeat; float: left; height: 172px; margin: 15px 0 12px; padding: 22px 0 0; width: 968px; } .magentoTheming h2 span { color: #457a1f; } .magentoTheming1 aside { float: right; line-height: 1.5em; padding-right: 20px; text-align: justify; width: 500px; } .magentoTheming aside { float: right; line-height: 1.5em; padding-right: 20px; text-align: justify; width: 772px; } .magentoDovelopment { background: url(../../images/magento_2.jpg) left top no-repeat; float: left; height: 157px; padding: 18px 15px 0 146px; width: 316px; } .magentoDovelopment span { color: #b4306c; } .magentoMigration { float: right; width: 296px; height: 157px; background: url(../../images/magento_migration.jpg) left top no-repeat; padding: 18px 20px 0 161px; } .magentoMigration span { color: #979e18; } .magento_responsive { float: left; background: url(../../images/magento_responsive.jpg) left top no-repeat; width: 969px; height: 158px; margin: 12px 0px; padding: 22px 0px; } .magento_responsive h2 span { color: #457a1f; } .magento_responsive aside { float: right; width: 704px; padding-right: 20px; } .magento_Seo { float: left; width: 306px; height: 157px; background: url(../../images/magento_seo.jpg) left top no-repeat; padding: 18px 15px 0 156px; } .magento_Seo span { color: #b4306c; } .magento_Hosting { float: right; width: 296px; height: 157px; background: url(../../images/magento_hosting.jpg) left top no-repeat; padding: 18px 20px 0 161px; } .magento_Hosting span { color: #979e18; } .padB30 { padding-bottom: 35px; } .padT30 { padding-top: 35px; } /*====================portfolio======================*/ .work_portfolio,.work_portfolio1 { width: 100%; float: left; padding-top: 35px; } .work_text { color: #F26A3A; float: left; font-size: 28px; text-align: center; width: 264px; } .line { float: left; padding: 0px 0px 0 10px; } .line2 { float: right; padding: 0px 10px 0 0px; } .arrowL { float: left; padding: 110px 0px 0 10px; } .arrowR { float: right; padding: 110px 10px 0 0px; } .portfolio_img { float: left; width: 880px; text-align: center; } .portfolioSlider { width: 666px; margin: 0px auto; } .portfolioSlider ul { padding: 0px; margin: 0px; padding-top: 20px; float: left; } .portfolioSlider ul li { padding: 0px 3px; margin: 0px; display: inline; float: left; } .portfolioSlider ul li a { background: url(../../images/slideNormal.jpg) left top no-repeat; width: 10px; height: 10px; float: left; margin-top: 6px; } .portfolioSlider ul li a:hover, .portfolioSlider ul li a.active { background: url(../../images/slideActive.jpg) left top no-repeat; width: 10px; height: 10px; } .slideLineL { padding: 0px 16px 0 0px !important; } .slideLineR { float: right !important; padding: 0 0 0 16px !important; } /*=======================Drupal========================*/ .drupalTheming { background: url(../../images/drupal_1.jpg) no-repeat scroll left top rgba(0, 0, 0, 0); float: left; height: 243px; margin: 8px 0 12px; padding: 22px 0 0; width: 675px; } .drupalTheming h2 span { color: #457A1F; } .drupalTheming aside { float: right; line-height: 1.5em; padding-right: 20px; text-align: justify; width: 500px; } .drupalDovelopment { float: left; width: 306px; height: 157px; background: url(../../images/drupal_2.jpg) left top no-repeat; padding: 18px 15px 0 156px; } .drupalDovelopment span { color: #b4306c; } .drupalMigration { float: right; width: 296px; height: 157px; background: url(../../images/drupal_migration.jpg) left top no-repeat; padding: 18px 20px 0 161px; } .drupalMigration span { color: #979e18; } .drupalResponsive { float: left; background: url(../../images/drupal_responsive.jpg) left top no-repeat; width: 969px; height: 158px; margin: 12px 0px; padding: 22px 0px; } .drupalupgrades { background: url(../../images/drupal_upgrades.jpg) left top no-repeat !important; } .drupalupgrade { background: url(../../images/drupal_upgrade.jpg) left top no-repeat !important; } .drupalarchitecture { background: url(../../images/drupal_architecture.jpg) left top no-repeat !important; } .drupalsecurity { background: url(../../images/drupal_secuirty.jpg) left top no-repeat !important; } .drupalversioning { background: url(../../images/drupal_versioning.jpg) left top no-repeat !important; } .mar-B12{margin-bottom:12px;} .drupalResponsive h2 span { color: #457a1f; } .drupalResponsive aside { float: right; width: 704px; padding-right: 20px; } .drupalSeo { float: left; width: 306px; height: 157px; background: url(../../images/drupal_Seo.jpg) left top no-repeat; padding: 18px 15px 0 156px; } .drupalSeo span { color: #b4306c; } .drupalHosting { float: right; width: 296px; height: 157px; background: url(../../images/drupal_hosting.jpg) left top no-repeat; padding: 18px 20px 0 161px; } .drupalHosting span { color: #979e18; } /*=======================popup===========================*/ #popup_content { float: left; line-height: 18px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #000; height: 500px; overflow-x: hidden; width: 98%; } .cross { position: absolute; top: -10px; right: -10px; } #popup_content h2 { color: #e76302; font-family: 'MyriadProRegular'; font-size: 23px; margin: 0; padding: 0 0 12px; } /*.main_popup span { color: #B4306C; }*/ #popup_content p { width: 100%; float: left; padding-bottom: 15px !important; } #popup_content ul { margin: 0; padding-top: 10px; float: left; width: 100%; } #popup_content ul li { background: url(../../images/tick01.png) no-repeat scroll left 5px rgba(0, 0, 0, 0); color: #2C73B2; font-size: 14px; list-style-type: none; margin: 0; padding: 3px 0 6px 24px; } ul.magento_HL { margin-right: 30px; padding-top: 10px; float: left; width: 300px !important; } ul.magento_HL li { background: url(../../images/tick01.png) no-repeat scroll left 5px rgba(0, 0, 0, 0); color: #2C73B2; font-size: 16px; list-style-type: none; margin: 0; padding: 3px 0 6px 24px; } ul.magento_HL { float: left; margin-right: 30px; padding-top: 10px; width: 300px !important; } ul.magento_HL li { background: url("../../images/tick01.png") no-repeat scroll left 5px rgba(0, 0, 0, 0); color: #2C73B2; font-size: 16px; list-style-type: none; margin: 0; padding: 3px 0 6px 24px; } .highlightform { background: none repeat scroll 0 0 #2B6CA7; border: 1px solid #C5C5C5; margin-top: 8px; padding-bottom: 0 !important; } .highlightform h2 span { color: #FFFFFF !important; } .highlightform textarea { height: 45px; margin-bottom: 5px; } .highlightform input { height: 26px; line-height: 26px !important; padding: 0 10px !important; } .highlightform input[type="image"] { height: auto !important; padding: 0 !important; } .textpadd { background: url("../../images/line-repeat.jpg") repeat-x scroll left center rgba(0, 0, 0, 0); float: left; text-align: center; width: 100%; } .textpadd h1 { background: none repeat scroll 0 0 #FFFFFF; color: #F26A3A; display: inline-block; font-size: 28px; margin: 0 auto; padding: 0 10px; text-align: center; } .wcs-box1 { float: left; height: 270px; margin-right: 10px; position: relative; width: 234px; } .wcs-icon1 { background: url("../../images/hourIcon.png") no-repeat scroll center 40px rgba(0, 0, 0, 0); float: left; height: 270px; position: absolute; top: 0 !important; width: 234px; } .wcs-icon1:hover { background: url("../../images/hourIconOver.png") no-repeat scroll center 40px rgba(0, 0, 0, 0); } .wcs-icon2 { background: url("../../images/chatIcon.png") no-repeat scroll center 40px rgba(0, 0, 0, 0); float: left; height: 270px; position: absolute; top: 0 !important; width: 234px; } .wcs-icon2:hover { background: url("../../images/chatIconOver.png") no-repeat scroll center 40px rgba(0, 0, 0, 0); } .wcs-icon3 { background: url("../../images/facetoface.png") no-repeat scroll center 40px rgba(0, 0, 0, 0); float: left; height: 270px; position: absolute; top: 0 !important; width: 234px; } .wcs-icon3:hover { background: url("../../images/facetofaceOver.png") no-repeat scroll center 40px rgba(0, 0, 0, 0); } .wcs-icon4 { background: url("../../images/copyIcon.png") no-repeat scroll center 40px rgba(0, 0, 0, 0); float: left; height: 270px; position: absolute; top: 0 !important; width: 234px; } .wcs-icon4:hover { background: url("../../images/copyIconOver.png") no-repeat scroll center 40px rgba(0, 0, 0, 0); } .wcs-boxCont { float: left; margin-top: 110px; padding: 0 20px; position: absolute; text-align: center; top: 0; width: 194px; } .wcs-boxCont h3 { color: #FFFFFF; font-family: 'MyriadProRegular'; font-size: 18px; line-height: 1.3em; padding: 25px 0 15px; } .wcs-boxCont p { color: #FFFFFF; font-family: arial; font-size: 12px; } .wcs-last { margin-right: 0; } /* ===============================endPages */ .degree90 { outline: medium none; position: fixed; right: 10px; top: -30px; transform: scale(1) rotateY(0deg) translateZ(5px); transition: all 1s ease 0s; z-index: 1000; } .callback { position: fixed; transform: scale(1) rotateY(360deg) translateZ(5px); } .tech ol{padding:0px 0px 0px 25px; margin:0px; } .tech ol li{margin:0px; list-style-type:upper-alpha; font:13px Arial; color:#393939; line-height:22px; margin:0px; padding:0px 0px 0px 5px;} /*======================================================================= New Css 2014-05-29 =================================================================*/ .phptech ul { padding: 0px; margin: 0px; } .phptech ul li { float: left; list-style: none; margin: 0px; padding: 0px 0px 0px 0px; margin: 0px 10px 10px 0px; } .phptech ul li img { border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; } .phptech ul li img:hover { box-shadow: 0px 2px 10px #a8a8a8; -moz-transform: scale(1) rotate(0deg) translateY(5px); -webkit-transform: scale(1) rotate(0deg) translateY(5px); } /*------------------19March2013---------------------*/ .chart2 { font: 13px Arial, Helvetica, sans-serif; color: #393939; border-bottom: 0 dashed #ccc; background-color: #efeff7; margin-bottom: 10px; } .chart2 th { font-weight: bold; background: #2c73b2; padding: 8px 5px 8px 8px; color: #fff; border-right: 1px solid #59a4cb; border-bottom: 1px solid #59a4cb; } .chart2 td { padding: 10px 10px 10px 10px; vertical-align: top; } .chart2 td strong { color: #e51e1e; display: block; font-size: 18px; padding-top: 15px; } .chart2 td img { display: block; } .chart td a { margin: 30px 0px 0px 0px; display: block; } .chart2 td table { background-color: #E4FDE5; border: solid 1px #c3d3ed; } .chart2 td table tr td ul.list { margin-top: 0px; margin-bottom: 0px; padding-right: 10px; padding-left: 10px; } .chart2 td table tr td ul.list li { padding-top: 0px; color: #393939; } .chart2 td table tr td.benT { } .chart2 td table tr td.benT div.subheading { background: url(../../images/ben_arrow.gif) right 7px no-repeat; font-weight: bold; padding: 4px 20px 0 10px; display: inline-block; } .chart2 td table tr td { padding: 5px 0 5px 5px; } .chart3 { font: 13px Arial, Helvetica, sans-serif; color: #393939; border-bottom: 0 dashed #ccc; background-color: #efeff7; margin-bottom: 10px; } .chart3 th { font-weight: bold; background: #eb9a6d; padding: 8px 5px 8px 20px; color: #fff; border-right: 1px solid #fabe9e; border-bottom: 1px solid #fabe9e; } .chart3 td { padding: 10px 10px 10px 10px; vertical-align: top; } .chart3 td strong { color: #e51e1e; display: block; font-size: 18px; padding-top: 15px; } .chart3 td img { display: block; } .chart td a { margin: 30px 0px 0px 0px; display: block; } .chart3 td table { background-color: #E4FDE5; border: solid 1px #c3d3ed; } .chart3 td table tr td ul.list { margin-top: 0px; margin-bottom: 0px; padding-right: 10px; padding-left: 10px; } .chart3 td table tr td { padding: 5px 0 5px 5px; } .chart3 td table tr td ul.list li { margin-top: 0px; color: #393939; padding-top: 0px; } .chart3 td table tr td.benT { } .chart3 td table tr td.benT div.subheading { background: url(../../images/ben_arrow.gif) right 7px no-repeat; font-weight: bold; padding: 4px 20px 0 10px; display: inline-block; } /*.bg_gray01{background-color:#e9ecf1; padding:8px 0; border-top:solid 1px #fff;} */ /*-----------Technology Rotating Banner CSS----- --------------------*/ .bannerBlock { width: 1000px; height: 197px; float: left; background: url(../../images/bannerBg.png) no-repeat left 0px; } .bannerBlock1 { width: 968px; height: 197px; float: left; background: url(../../images/bannerBg.png) no-repeat left 0px; } .wpBlock { width: 395px; float: left; padding: 25px 0px 0px 15px } .wpBlock1 { width: 363px; float: left; padding: 25px 0px 0px 15px } .wpImg { width: 150px; float: left; } .wpCon { width: 210px; float: left; text-align: center; } .wpCon h1 { color: #000; font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 0px 15px 0px; } .wpCon h1 span { color: #000; font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 0px 15px 0px; } .wpCon h2 { color: #000; font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 0px 10px 0px; } .wpCon h2 span { color: #000; font: bold 28px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 0px 15px 0px; } .wpCon p { color: #503602; font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 0px 15px 0px; } .wpCon p span { color: #503602; font: bold 36px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; text-shadow: 1px 1px 1px #fff; padding: 0px 0px 15px 0px; } .wpSlider { width: 580px; float: right; padding: 10px 10px 0px 0px; position: relative; } .wpSliderArrowL { width: 22px; float: left; padding: 70px 15px 0px 0px; } .wpSliderArrowR { width: 22px; float: right; padding: 70px 0px 0px 0px; } .wpSliderMid { width: 480px; float: left; } .wpSliderImg { width: 140px; float: left; position: absolute; z-index: 100; padding: 10px 0px 0px 0px; } .wpSliderCon { width: 320px; height: 130px; float: left; background: #fff; border: 1px solid #939ea6; z-index: 1; margin-left: 70px; padding: 36px 0px 10px 100px; } .wpSliderCon h1 { color: #000; font: bold 28px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 0px 10px 0px; } .wpSliderCon p { color: #503602; font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 0px 5px 0px; } .middle { vertical-align: middle; } .wpHireme { width: 43px; float: right; z-index: 10000; position: absolute; left: 500px; } .frame { width: 140px; height: 160px; float: left; position: absolute; z-index: 100; top: 10px; left: 0; padding: 0px 0px 0px 0px; } .developerPic { width: 140px; float: left; padding: 0px 0px 0px 0px; }