/* ------------------------------------------------------------- UXD, 2-Col Liquid Layout ------------------------------------------------------------- */ /* ------------------------------------------------------------- UXD, Table of Contents - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 1. Body 2. Links 3. General Properties 4. Footer 5. Layout 6. Header 7. Home 8. About 9. Contact 10. Service */ /* ------------------------------------------------------------- 1. BODY - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body {margin:0 auto; font-family:Georgia, "Times New Roman", Times, serif; color:#484848; background:url(../images/footerbg.jpg) bottom left repeat-x;} q:before,q:after {content:'';} /* ------------------------------------------------------------- 2. LINKS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ a {color:#333;text-decoration:none;} a:hover {text-decoration:underline;} /* ------------------------------------------------------------- 3. GENERAL PROPERTIES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;} img{border:0; display:block;} h1,h2,h3,h4,h5,h6{font-weight:normal;} .CL{clear:both;} .L{clear:left;} .R{clear:right;} .green{ color:#507728} /* ------------------------------------------------------------- 4. FOOTER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #footer{min-width:980px;width: 100%; height:517px;} #footer .fContent{width:980px; height:308px; margin:0 auto;} #footer .fContent .faq{width:322px; height:206px; color:#bbbbbb; font-size:11px; padding:10px 0 0 20px; line-height:20px; float:left;} #footer .fContent .faq h1{ float:left; font-size:18px; color:#FFF; width:340px; margin:28px 0 18px 0} #footer .fContent .faq a{color:#bbbbbb;} #footer .fContent p{ font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#9b9b9b} #footer .fContent .sitemap{width:160px; height:206px; color:#bbbbbb;font-size:11px; padding:10px 0 0 24px; line-height:20px; float:left;} #footer .fContent .sitemap h1{ float:left; font-size:18px; color:#FFF; width:160px; margin:28px 0 18px 0} #footer .fContent .sitemap a{color:#bbbbbb;} #footer .fContent .contact{width:204px; height:206px; color:#bbbbbb;font-size:11px; padding:10px 0 0 24px; line-height:20px; float:left;} #footer .fContent .contact h1{ float:left; font-size:18px; color:#FFF; width:204px; margin:28px 0 18px 0} #footer .fContent .contact a{color:#bbbbbb;} #footer .fContent .cForm{width:191px; height:246px; color:#bbbbbb;font-size:11px; padding:10px 0 0 24px; line-height:20px; float:left;} #footer .fContent .cForm h1{ float:left; font-size:18px; color:#FFF; width:191px; margin:28px 0 18px 0} #footer .fContent .cForm a{color:#bbbbbb;} #footer .fContent .cForm .nf{width:59px; float:left;margin-bottom:6px;} #footer .fContent .cForm .if{width:132px; float:left; margin-bottom:6px;} #footer .fContent .cForm .if .input{background:url(../images/fInputBg.jpg) left top no-repeat; width:124px; height:18px; border:0; font:10px; padding:0 4px;} #footer .fContent .cForm .if .textarea{background:url(../images/fTextarea.jpg) left top no-repeat; width:124px; height:92px;border:0; font:10px; padding:0 4px;} #footer .fLink{width:980px; height:159px; margin:0 auto; } #footer .fLink .copy{float:left; width:305px; padding:79px 0 0 24px;color:#bbbbbb;font-size:12px;} #footer .fContent .footerForm{ width:200px; float:left; margin:45px 0 0 0;} #footer .fContent .footerForm .foDetail .foClass{ width:50px; float:left; font-size:11px; padding:7px 0 0 0} #footer .fContent .footerForm .foDetail .foInput .input{font-size:10px; padding:0 0 0 8px; background:url(../images/fInputBg1.png) top left no-repeat; width:140px; height:27px; float:left; border:none;} #footer .fContent .footerForm .foDetail .foInput .textarea{ font-size:10px; padding:3px 0 0 8px; background:url(../images/ftextBg1.png) top left no-repeat; width:140px; height:98px; float:left; border:none; overflow:auto} /* ------------------------------------------------------------- 5. LAYOUT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #container{min-width:980px;width: 100%;position:relative;overflow: hidden;} #contentWarp{background:#f0f0f0 url(../images/contentBbg.jpg) bottom left repeat-x;} #contentWarp #inner{background:url(../images/contentTbg.jpg) top left repeat-x;width: 100%;overflow: hidden; position:relative;} #contentWarp #inner2{background:url(../images/contentTbg2.jpg) top left repeat-x;width: 100%;overflow: hidden; position:relative;} #contentWarp #inner #content{width:980px; margin:0 auto;} /* ------------------------------------------------------------- 6. HEADER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #header{background:url(../images/topbg.jpg) top left repeat-x; height:135px;} #header .logo{height:102px; width:980px; margin:0 auto; background:url(../images/uxdLogo.jpg) no-repeat;} #header .logo span{ float:left; margin:45px 0 0 20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; font-size:12px;} #header .menu{height:32px; width:935px; margin:0 auto;} #header .menu .left{float:left; height:33px;} #header .menu .right{float:right; height:33px;} #header .menu .left ul li, #header .menu .right ul li{margin:0; padding:0; list-style-type:none;float:left; height:33px;} #header .menu .left ul li a, #header .menu .right ul li a {text-decoration:none; display:block; height:33px;} #header .menu .left ul li a.home {width:90px; background:transparent url(../images/but_home.jpg) top left no-repeat;} #header .menu .left ul li a.about {width:81px; background:transparent url(../images/but_about.jpg) top left no-repeat;} #header .menu .left ul li a.contact {width:91px; background:transparent url(../images/but_contact.jpg) top left no-repeat;} #header .menu .left ul li a.portfolio {width:96px; background:transparent url(../images/but_portfolio.jpg) top left no-repeat;} #header .menu .left ul li a.service{width:100px; background:transparent url(../images/but_service.jpg) top left no-repeat;} #header .menu .right ul li a.blog {width:74px; background:transparent url(../images/but_blog.jpg) top left no-repeat;} #header .menu .right ul li a.careers{width:80px; background:transparent url(../images/but_careers.jpg) top left no-repeat;} #header .menu .left ul li a b, #header .menu .right ul li a b{display:none;} #header .menu .left ul li a:hover, #header .menu .right ul li a:hover{background-position:bottom right;} #header .menu .left ul li a.active, #header .menu .right ul li a.active{background-position:bottom right;} /* ------------------------------------------------------------- 7. HOME - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #homeHeader{background:url(../images/ba2.jpg) top left repeat-x; height:339px; font-family:Arial, Helvetica, sans-serif;} #homeHeader .hbc{background:url(../images/hbcBg.jpg) top center repeat-x; height:339px;} #homeHeader .flash{ width:940px; margin:0 auto} #homeHeader .headlerSlide{height:339px; width:980px; margin:0 auto;} /* container for the scrollable items */ #homeHeader .headlerSlide .items {float:left;width:840px;height:339px;display: block;} #homeHeader .headlerSlide .slide-items {height: 339px;width: 840px;float: left;overflow:hidden;} #homeHeader .headlerSlide .slide-items-a a {margin: 0px 0px 0px 0px;display: block; cursor:hand;} /* single item */ /* next / prev buttons */ #homeHeader .headlerSlide a.prev, #homeHeader .headlerSlide a.next {display:block;width:70px;height:339px;float:left; background-repeat:no-repeat; left:0;right:0;cursor:pointer;cursor:hand;} #homeHeader .headlerSlide a.prev {background:url(../images/headerSlideLeft.jpg)} #homeHeader .headlerSlide a.next {background:url(../images/headerSlideRight.jpg);} #content .left{float:left; width:705px;} #content .left .intro{padding-left:22px;} #content .left .intro h1{font-size:26px; color:#000; padding-top:43px;} #content .left .intro p {font-size:14px; line-height:20px; padding-top:20px;} #content .left .ourWork {font-size:14px; line-height:22px; padding:26px 0 5px 54px; font-weight:bold;height:180px} #content .left .ourWork ul{ list-style-type:none; float:left; width:650px; } #content .left .ourWork ul li{ background:url(../images/dot3.png) no-repeat; padding:0 0 0 24px } #content .left .ourWork .wBut{position:relative; top:-18px; left:488px; width:150px; float: left} #content .left .letsTalk {font-size:15px; color:#898989; line-height:18px; padding:26px 0 16px 140px; font-weight:bold; background:url(../images/letsTalk.gif) left top no-repeat; margin-left:24px;} #content .left .letsTalk h3{color:#000; font-size:20px; padding-bottom:12px;} #content .left .letsTalk strong{color:#2d7d04;} #content .right{float:right; width:256px; background:url(../images/hblogbg.jpg) left top no-repeat; margin-top:1px; padding-left:19px; height:800px; } #content .right .blogPost{width:256px; padding-top:45px;} #content .right .blogPost h2{color:#000; font-size:20px; padding:0 0 10px 0; border-bottom:1px solid #e1e1e1;} #content .right .blogPost p{color:#898989; font-size:12px; padding:0 0 10px 0; line-height:18px; font-size:11px; border-bottom:1px solid #e1e1e1;} #content .right .blogPost p a{color:#2d7d04; font-size:11px; padding:10px 0 10px 0; line-height:18px;} #content .right .blogPost p strong{color:#000; font-size:11px; font-weight:normal;} #content .right .kalaa{width:256px; padding-top:24px; color:#5c5c5c; font-size:11px; } #content .right .kalaa p{padding-top:14px;} #content .right .kalaa p a{color:#2d7d04;} #content .right .testimonial{ top left no-repeat; padding-top:20px; font-style:italic; line-height:16px;} #content .right .testiName{padding-top:20px;line-height:16px; color:#000; padding-bottom:40px;} #content .clientScroll{background:url(../images/lineHbg.gif) left top repeat-x; width:927px; margin:0 0 0 18px; padding:42px 0px 48px 0px; float:left;} /* container for the scrollable items */ #content .clientScroll .items {float:left;width:852px;height: 77px;display: block; } #content .clientScroll .slide-items {height: 77px;width: 121px;float: left;overflow:hidden;} #content .clientScroll .slide-items-a a {color: #4E4E4E;font-size: 16px;margin:0px 0px 0px 0px;display: block;} /* single item */ /* next / prev buttons */ #content .clientScroll a.prev, #content .clientScroll a.next {display:block;width:40px;height:77px;float:left; background-repeat:no-repeat; left:0;right:0; cursor:pointer;cursor:hand;} #content .clientScroll a.prev {background:url(../images/slide-button-left.gif);cursor:pointer;cursor:hand;} #content .clientScroll a.next {background:url(../images/slide-button-right.gif);cursor:pointer;cursor:hand;} #contentPort .clientScroll{ left top repeat-x; width:100%; margin:0 auto;overflow: hidden;position:relative; padding:42px 34px 48px 34px; float:left;} /* container for the scrollable items for portfolio */ #contentPort .clientScroll .items {float:left;width:850px;height: 77px;display: block;} #contentPort .clientScroll .slide-items {height: 77px;width: 120px;float: left;overflow:hidden;} #contentPort .clientScroll .slide-items-a a {color: #4E4E4E;font-size: 16px;margin: 0px 0px 0px 0px;display: block;} /* single item */ /* next / prev buttons */ #contentPort .clientScroll a.prev, #contentPort .clientScroll a.next {display:block;width:30px;height:77px;float:left; background-repeat:no-repeat; left:0;right:0;cursor:pointer;cursor:hand;} #contentPort .clientScroll a.prev {background:url(../images/port_left.jpg);background-repeat:no-repeat;} #contentPort .clientScroll a.next {background:url(../images/port_right.jpg);background-repeat:no-repeat;} /* ------------------------------------------------------------- 8. ABOUT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #abolutHeader{background:url(../images/abouthbg.jpg) top left repeat-x; height:287px;} #content .aboutIntro{width:930px; margin:0 auto; padding-top:44px; background:url(../images/aboutIntrobg.gif) bottom left no-repeat; padding-bottom:23px; height:335px } /* height:301px; */ #content .aboutIntro h2{font-size:22px; color:#000; line-height:25px; padding-top:16px; width:590px;} #content .aboutIntro p.intro{font-size:14px; padding-top:12px; color:#787878; width:590px;} #content .aboutIntro p.details{font-size:11px; padding-top:24px; color:#404040; font-weight:bold; margin-bottom:35px; width:600px;} .detailsN{font-size:11px; padding-top:4px; color:#404040; font-weight:normal;padding-left:20px;} #content .aboutIntro p.details a{color:#418936} #content .aboutDet{width:931px; margin:0 auto;} #content .aboutDet .aleft{ float:left; width:930px; padding-top:12px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt;} #content .aboutDet .aleft1{ float:left; width:300px; margin-right:35px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; } #content .aboutDet .aleft1 h2{ float:left; width:300px; margin-bottom:10px} #content .aboutDet .aleft1 p{font-size:12px; color:#787878; line-height:19px; padding-bottom:23px; width:262px; margin-right:30px} #content .aboutDet .aright{float:left; width:225px; background:url(../images/aboutMen.jpg) left top no-repeat; height:230px;padding:293px 0 0 24px; font-size:15px; color:#000;} #content .whowe{width:980px; margin:0 auto;margin-bottom:30px;} #content .whowe h1{width:80px; margin-bottom:30px; font-size:18px; margin:50px 0 0 55px; float:left} #content .whowe p{width:460px; margin-bottom:20px; font-size:17px; margin:50px 0 0 10px; float:left} #content .whowe .photos{width:460px; margin:20px 0 0 140px; float:left; } #content .whowe .photos img{width:100px; margin:0px 5px 0 5px; float:left} #content .whowe .names{width:470px; margin:20px 0 0 140px; float:left; } #content .whowe .names span{width:105px; margin:0px 0 0 5px; float:left; font-size:11px; text-align:center} #howwe{ float: left; width:271px; height:300px; margin:49px 0 0 0} #howwe span{width:260px; font-size:18px; float:left; margin-bottom:15px} #howwe ul{width:268px; list-style-type:none; font-size:13px; float:left} #howwe ul li{ background:url(../images/dot3_1.png) no-repeat; padding:9px 0 0 20px; } #content .whowe .inner{width:980px; background:url(../images/whowebg3.jpg) top left no-repeat; height:434px; float:left} * html #content .whowe .inner{padding:31px 45px 20px 45px;} #content .whowe .inner .who{width:609px; float:left;} #content .whowe .inner .who h2{color:#000000; font-size:22px; padding-bottom:6px;} #content .whowe .inner .who p{color:#000000; font-size:16px; line-height:18px; padding-bottom:24px;} #content .whowe .inner .who .aboutP{float:left; padding:15px 0 0 24px; line-height:26px; font-size:14px; color:#000;} #content .whowe .inner .howDifferent{width:281px; float:left;} #content .whowe .inner .howDifferent h2{color:#000000; font-size:22px; padding-bottom:6px;} #content .whowe .inner .howDifferent p{color:#3d3d3d; font-size:14px; background:url(../images/howDiffarrow.gif) left no-repeat;padding-left:24px; line-height:26px;} /* ------------------------------------------------------------- 9. CONTACT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #contctHeader{background:url(../images/contacthbg.jpg) top left repeat-x; height:287px;} #contctHeader .hbc{background:url(../images/hbcBg_contact1.jpg) top center repeat-x; height:287px; text-align:center;} #content .topH{height:63px; width:980px; margin:0 auto;} #content .contactDet{width:931px; margin:0 auto;} #content .contactDet .aleft{float:left; width:682px; padding-top:12px; font-size:12px; color:#787878; line-height:19px;} #content .contactDet .aleft p{font-size:12px; color:#000; line-height:19px; padding-bottom:30px;} #content .contactDet .aleft h2{font-size:17px; color:#404040; line-height:19px; padding-bottom:30px;} #content .contactDet .aright{float:left; width:225px; background:url(../images/blogPl.jpg) left top no-repeat; padding:0 0 0 24px; font-size:11px; color:#787878; margin:13px 0 0 0} #content .contactDet .contForm .aright h2{ width:208px;} .arightadd h2{ width:250px; float:left; margin-bottom:15px; font-size:14px; background:url(../images/straightline.gif) no-repeat left; padding:0 0 0 20px;} .arightadd h2 strong{ font-size:20px; font-weight:normal; } .arightadd p{ font-size:12px;margin:0 0 0 20px; } #content .contactDet .aright h2{color:#000; font-size:22px; padding-bottom:10px;} #content .contactDet .aright h3{color:#808080; font-size:18px;} #content .contactDet .aright p.date{color:#000; font-size:11px;padding-bottom:10px;} #content .contForm {width:980px; margin:0 auto; padding-bottom:82px;} #content .contForm .formDt{width:705px; background:url(../images/cfbg.jpg) top center no-repeat;} #content .contForm .formDt .inner{width:569px; background:url(../images/cfbg2.jpg) bottom center no-repeat; padding:23px 84px 69px 52px;} #content .contForm .formDt .inner .fnclass{float:left; width:229px; height:30px; font-size:11px; color:#000;} #content .contForm .formDt .inner .fnclass strong{color:#ff4646;} #content .contForm .formDt .inner .inclass{float:left; width:340px;height:30px; font-size:12px; color:#000;} #content .contForm .formDt .inner .inclass .input{background:url(../images/cinputbg.gif) left top no-repeat; width:208px; height:24px; border:0;} #content .contForm .formDt .inner .inclass .select{width:208px; border:#d9d9d8 1px solid;} #content .contForm .formDt .inner .teclass{float:left; width:340px;height:70px;} #content .contForm .formDt .inner .teclass .textarea{background:url(../images/ctextbg.gif) left top no-repeat; width:208px; height:64px; border:none;} /* ------------------------------------------------------------- 10. SERVICE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #serviceHeader1{background:url(../images/ba1.jpg) top left repeat-x; height:289px;} #serviceHeader{background:url(../images/servhbg.jpg) top left repeat-x; height:287px;} #serviceHeader .hbc{background:url(../images/hbcBg_service.jpg) top center no-repeat; height:287px; text-align:center;} #content .topH{height:63px; width:980px; margin:0 auto;} #content .serviceInt{width:931px; margin:0 auto;} #content .serviceInt .aleft{float:left; width:682px;font-size:12px; color:#787878; line-height:19px;} #content .serviceInt .aleft p{font-size:12px; color:#787878; line-height:19px; padding-bottom:30px; padding-top:20px;} #content .serviceInt .aleft h1{font-size:22px; color:#000; line-height:26px;} #content .serviceInt .aright{float:left; width:225px; background:url(../images/blogPl.jpg) left top no-repeat; padding:0 0 0 24px; font-size:11px; color:#787878; height:233px;} #content .serviceInt .aright h2{color:#000; font-size:22px; padding-bottom:10px;} #content .serviceInt .aright h3{color:#808080; font-size:18px;} #content .serviceInt .aright p.date{color:#000; font-size:11px;padding-bottom:10px;} #content .offerTitle{width:931px; margin:0 auto; background:url(../images/lineHbg.gif) left top repeat-x;} #content .offerTitle h2{color:#000; font-size:20px; line-height:70px;} #content .threeBox{width:980px; margin:0 auto;} #content .threeBox .box1{width:327px; float:left;} #content .threeBox .box1 .inner{width:259px;background:url(../images/corporate_brand_website.jpg) top center no-repeat; padding:90px 31px 37px 37px; font-size:12px; color:#7d7d7d; text-align:justify;} #content .threeBox .box1 .inner .seeW{background:url(../images/seeWorkArrow.jpg) right no-repeat; height:24px; text-align:right; padding:10px 25px 0 0; margin-top:30px;} #content .threeBox .box2{width:321px; float:left; } #content .threeBox .box2 .inner{width:259px; background:url(../images/onlineProduct.jpg) top center no-repeat; font-size:12px; color:#7d7d7d; text-align:justify;padding:90px 30px 37px 32px;} #content .threeBox .box2 .inner .seeW{background:url(../images/seeWorkArrow.jpg) right no-repeat; height:24px; text-align:right; padding:10px 25px 0 0; margin-top:15px;} #content .threeBox .box3{width:332px; float:left; } #content .threeBox .box3 .inner{width:262px;background:url(../images/webapp.jpg) top center no-repeat; padding:90px 31px 37px 39px; font-size:12px; color:#7d7d7d; text-align:justify;} #content .threeBox .box3 .inner .seeW{background:url(../images/seeWorkArrow.jpg) right no-repeat; height:24px; text-align:right; padding:10px 35px 0 0;} #content .threeBox .box4{width:322px; float:left; padding-left:36px; color:#000; font-size:12px;} #content .threeBox .box4 h2, #content .threeBox .box5 h2 {font-size:20px; color:#000; padding-bottom:14px;} #content .threeBox .box4 p, #content .threeBox .box5 p{padding-bottom:8px; padding-left:20px;} #content .threeBox .box4 p.r, #content .threeBox .box5 p.r{background:url(../images/serR.gif) 0px 3px no-repeat;} #content .threeBox .box4 p.c, #content .threeBox .box5 p.c{background:url(../images/serC.gif) 0px 3px no-repeat;} #content .threeBox .box5{width:328px; float:left; color:#000; font-size:12px; } #content .desc{width:931px; margin:0 auto; font-size:11px; color:#787878; background:url(../images/lineHbg.gif) repeat-x bottom; padding:34px 0 15px 0;} #content .lGroup{width:931px; margin:0 auto; font-size:16px; color:#050505; line-height:20px; padding:30px 0; height:329px;} #content .lGroup strong{color:#276801; font-size:20px;} #content .lGroup h1{ width:350px; float:left; font-size:18px} #content .lGroup h2{ width:320px; float:left; font-size:14px; margin:15px 0 0 0} #content .lGroup .flash{ position:relative; top:-30px;} /* ------------------------------------------------------------- 11. PORTFOLIO - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #content .left .pfbg{ background:url(../images/pfoliobg.png) no-repeat bottom left; width:634px; height:130px; margin:0 0 0 21px} #content .left .pfbg .imge{ float:left; margin:38px 0 0 25px; width:100px} #content .left .pfbg h1{ float:left; width:400px; font-size:14px; color:#000; margin:30px 0 0 75px; font-weight:bold } #content .left .pfbg h2{ float:left; width:400px; font-size:12px; color: #999; margin:4px 0 0 75px} #content .left .pfbg span{ float:right; margin:4px 10px 0 0} #contentWarp #inner2{background:url(../images/contentTbg2.jpg) top left repeat-x;width: 100%;overflow: hidden; position:relative;} #serviceHeader .pnav{ width:680px; margin:0 auto;} #serviceHeader .pnav ul{ list-style-type:none; padding:15px 0 0 0} #serviceHeader .pnav ul li{float:left; padding:0 5px 0 5px;} .qtip-dark .qtip-content { font-size:11px; } #serviceHeader #pfcontent { width:680px; margin:0 auto;} #serviceHeader #pfcontent .logospace{ width:514px; float:left; margin:55px 0 0 0} #serviceHeader #pfcontent .logonav{ width:155px; float:left; margin:55px 0 0 0} #serviceHeader #pfcontent .logonav span{ background: #333; border:1px solid white; padding:0 2px 0 2px; margin-right:3px; float:left; color:#FFF; font-size:10px} #serviceHeader #pfcontent .logonav span .active{ background: #CCC ;border:1px solid white; padding:0 2px 0 2px; margin-right:3px; float:left; color: #333; font-size:10px} #serviceHeader #pfcontent .clientdet{ width:414px; float:left; font-size:12px; color:#FFF; margin:15px 0 0 0} #serviceHeader #pfcontent .clientdet2{ width:155px; float:right; font-size:12px; color:#FFF; margin:15px 0 0 0} #serviceHeader #pfcontent .clientdet2 span{ background:#000; width:113px; height:20px; float:right; font-size:11px; color:#FFF; text-align:center; padding-top:3px; margin:4px 8px 0 0} #serviceHeader #pfcontent .clientdet2 span a{ color:#fff;} #contentWarp #portFolio .hbc{background:url(../images/portContbg.jpg) top center no-repeat;} #contentWarp #inner2 .pfimages{ width:680px; margin:0 auto; padding:35px 60px 0 0} #contentWarp #inner2 .pftesti{ width:680px; height:250px; background:url(../images/pftestibg.png) no-repeat; margin:25px auto 0 auto; padding:35px 60px 0 0;} #contentWarp #inner2 .pftesti p{ width:550px; margin:0 auto 0 auto; padding:0px 60px 0 75px; float:left; font-size:13px} /***** slider 2 ****/ .jflow-content-slider{background:url(../images/hFbg.png) no-repeat; height:318px} #jFlowSlide{ font-family: Georgia; margin-left:50px; width:676px; overflow:hidden } #myController { margin:10px 0 0 0; padding:5px 0;font-size:14px; width:100px; color:#000; } #myController h1{ float:left; font-size:23px; font-weight:normal; color:#000; width:425px; margin:15px 0 0 58px; } #myController span.jFlowSelected { margin-right:0px; width:45px; background: #94b480; border:1px solid #82a66b } #myController span{ position:relative; top:-20px; left:560px; margin:0px 0 0 0; width:20px; height:20px } .slide-wrapper { padding:5px;float:left; margin:0 } .slide-details { width:580px; float:left; } .slide-details h2 {float:left; font-size:24px; font-weight:normal; color:#000; width:355px; height:25px; margin:5px 0 0 0; } .slide-details .img{ float:right; width:154px; border:none; padding-top:0px; background:none; position:relative; top:-8px} .slide-details p{ padding-top:15px; float:left; width:403px; font-size:15px; background:url("../images/lineHbg.gif") repeat-x scroll left top transparent; margin:10px 0 0 0px; overflow:hidden } .slide-details .description { float: left; margin:0 0 0 0px; } .jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background:../images/reasonpageination.jpg) no-repeat } .jFlowPrev{ background:url(../images/jflowpre.png) bottom left no-repeat; margin-top:30px; padding:20px 10px 0 10px; width:50px; height:50px; text-indent: -99999px;cursor:pointer} .jFlowNext{ background:url(../images/jflownxt.png) bottom left no-repeat; margin-top:30px; padding:20px 10px 0 10px; width:50px; height:50px; text-indent: -99999px; cursor:pointer} #bottomlinks{ width:652px; height:118px; float:left; margin:0 0 0 20px; padding:0} #bottomlinks h1 {float:left; font-size:24px; font-weight:normal; color:#000; width:585px;} #bottomlinks p{float:left; margin:15px 0 0 80px } /******************************************* * Sliderabout page *******************************************/ #slider-container { width:790px; margin:0 auto; height:153px; } .coda-slider-wrapper { padding:0px; width:780px; margin:0 auto; } .coda-slider { color:#000; } /* Use this to keep the slider content contained in a box even when JavaScript is disabled */ .coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px } /* Change the width of the entire slider (without dynamic arrows) */ .coda-slider, .coda-slider .panel { width: 600px } /* Change margin and width of the slider (with dynamic arrows) */ .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px } .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px } #coda-slider-1, #coda-slider-1 .panel { width:780px; height:160px;} /* Arrow styling */ .coda-nav-left a, .coda-nav-right a {padding: 0px; width: 29px; height:80px;} .coda-nav-left{} /* Tab nav */ .coda-nav ul li a.current { background: url(../images/slidernumberbg.gif) no-repeat;} /* Panel padding */ .coda-slider .panel-wrapper { padding: 0px; width:790px; font-size:14px } /* Preloader */ .coda-slider p.loading { padding: 20px; text-align: center } /* Don't change anything below here unless you know what you're doing */ /* Tabbed nav .coda-nav { position:absolute; top:1260px; left:247px;*/ .coda-nav { position:absolute; top:96px; left:-14px; } .coda-nav ul { clear: both; display: block; list-style:none; margin:0px 0 0 10px; padding:0px; height:21px; } .coda-nav ul li { float:left; margin:0 3px 0 3px } .coda-nav ul li a { width:45px; height:18px; padding:0 3px 1px 5px; background: url(../images/slidernumberbg1.gif) no-repeat; font-size:10px; text-decoration:none} .coda-nav ul li a:hover { text-decoration:none} /* Miscellaneous */ .coda-slider-wrapper { clear: both; overflow: auto } .coda-slider { float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative } .coda-nav-left, .coda-nav-right { float: left } .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none } .slider-ttl {margin:40px 0 15px 0px; float:left; width:167px; font-size:14px } .panel-wrapper p {width:540px; margin:0 ; font-size:14px; line-height:24px; color:#000; float:left} .panel-wrapper span {float:left} .panel-wrapper {height:300px;} .casestudy_para{ padding:0px; margin:0px auto 0px auto; font-size:12px; line-height:18px; width:800px; } .casestudy_para strong{ font-size:15px;} /****** slider about 2 ***/ .carosoul { float:left; width:430px; padding:0; margin:0 0 0 115px; font-size:10px; text-decoration:none; } .carosoul a:hover{text-decoration:none;} .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position:-32px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active, .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position:-64px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor:default; background-position:-96px 0; } .jcarousel-next, .jcarousel-prev { z-index:3; display:none; } .jcarousel-skin-tango .jcarousel-container { float:left; padding:0; } .jcarousel-skin-tango .jcarousel-container-horizontal { width:370px; padding:20px 30px; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width:365px; height:114px; } .jcarousel-skin-tango .jcarousel-item { width:65px; height:74px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right:10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background:#fff; color:#000; } .jcarousel-skin-tango .jcarousel-next-horizontal { position:absolute; top:43px; right:0; width:32px; height:32px; cursor:pointer; background:transparent url(../images/next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position:absolute; top:43px; left:0; width:32px; height:32px; cursor:pointer; background:transparent url(../images/prev-horizontal.png) no-repeat 0 0; } /** * vertical buttons */ .jcarousel-container { position:relative; } .jcarousel-clip { z-index:2; overflow:hidden; position:relative; margin:0; padding:0; } .jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; height:105px; } .jcarousel-list li, .jcarousel-item { float:left; list-style:none; width:65px; height:75px; } /******* slider new *****/ .slides1_wrap { position: relative; padding: 0px 0 0px 0px; width:940px; font-family:Arial, Helvetica, sans-serif; } #slides1 li { list-style: none; width:940px; } #slides1 li img { float: right; } #slides1 .content { float: left; width: 406px; padding:0px 0 0 2px; } #slides1 li p { line-height: 22px; color:#fff; margin:0 } #slides1 h3 { font-size: 20px; color: #fff; font-weight: normal; padding:80px 0 20px 0; margin:0; } #slides1 h4 { font-size: 18px; color: #000; font-style: italic; font-weight: normal; text-transform: lowercase; padding-bottom: 16px; } .slides1_wrap .prev { position: absolute; left: -6px; top: 100px; outline: 0; } .slides1_wrap .next { position: absolute; right: 38px; top: 100px; outline: 0; } .slides1_wrap a:active { top: 102px; } .bx_pager { position: absolute; top:300px; left:840px; } .bx_pager a { float: left; width: 14px; height: 17px; color: #fff; font-size: 11px; margin-right: 6px; padding: 4px 0 0 7px; background:url(../images/dot1.png) no-repeat; text-indent:-9999px; } .bx_pager a:hover, .bx_pager a.active { background-position: 0 0; text-decoration: none; background-color:#090; background:url(../images/dot.png) no-repeat; } .auto_controls { position: absolute; bottom: -11px; left: 394px; } .auto_controls a { font-size: 16px; color: #a3a3a3; outline: 0; padding: 2px;display:none; } .auto_controls a:hover { text-decoration: none; background: ; color: #e41996; } a:focus{ -moz-outline-style:none;} a:focus{ outline:none;} .banner_text{ float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:20px; width:400px; padding:80px 0 0 24px; text-align:left;} .banner_textabt{ float:right; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:18px; width:410px; padding:80px 58px 0 0; text-align:left;} /**** rollovers ***/ .pfbg span img{ background: url(../images/seemore_n.gif) no-repeat; width:71px; height:11px; display:block;} .pfbg span img:hover{ background: url(../images/seemore_o.gif) no-repeat; width:71px; height:11px} /****** feed styles *****/ .labelfield{color:brown;font-size:12px;} /*CSS for label field in general*/ .datefield{ color:gray;font-size:12px;}/*CSS for date field in general*/ #example1 ul{ list-style-type:none;}/*CSS specific to demo 1*/ #example1 li{ margin-bottom: 4px;}/*CSS specific to demo 1*/ code{ color: red;}/*CSS for insructions*/