@charset "utf-8";
/* CSS Document */


/****Reset******/
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4c4c4c;}
a, img { border:none; text-decoration:none; color:#4c4c4c;}
a:hover { color:#FBD51F;}
ul, li, h1, h2, h3, h4, h5, h6, h7, p { list-style:none; margin:0; padding:0;}
.clear { clear:both;}
* {margin:0;padding:0;}
*{outline: 0;}

p { margin:0 0 15px;}


h1 { color:#fbd51f; font-weight:normal; font-size:23px; }
h2{ color:#4c4c4c; text-transform: uppercase; font-weight:bold; font-size:13px;}
h3 {color:#FBD51F; font-weight:bold; font-size:12px; border:none; border-bottom:#FBD51F 1px solid; margin:0 0 3px; }
h4 {color:#f9d31e; text-transform: uppercase; font-weight:bold; margin:0 0 15px; font-size:12px;}
h5 {color:#fff; text-transform: uppercase; font-weight:bold; margin:0 0 10px; font-size:12px;}
h7 {color:#fff; text-transform: uppercase; font-weight:bold; margin:0 0 10px; font-size:12px; text-decoration:underline;}

h1 a{color:#FAD02F;}


/****containers******/
.mainBody { width:100%; position:relative}
.newHeader {background:#4d4d4d; float:left; width:100%}
.header { float:left; width:100%; height:98px; border:none; border-bottom:2px solid #f9d51c;  border-top:2px solid #A6A6A6; background:#fff; position: absolute; left:0px; top:0px; z-index:1000}
.footer {float:left; width:100%;  background:#4d4d4d url(../assets/images/style/footerBg.gif) center top repeat-y;  min-height:206px; height:auto!important; height:206px; padding:22px 0; color:#fff;}
.center {float:left; width:100%; margin:98px 0 0; }
.autoCenter { width:961px; margin:0 auto; padding:0 20px; }



/****Header******/
.menuarea { float:left; width:100%; height:18px;}
.logoarea {float:left; width:100%; height:79px;}
.logoarea a.home {float:left; width:222px; height:79px;}
.logoarea span.text{font-weight: bold; padding: 50px 0 0 25px; float:left; width:250px; font-style:italic; color:#fff;}
a.menuBg{float: left; width:59px; height:18px; background:url(../assets/images/style/menuButton.gif) left top no-repeat}
a.menuBg:hover {float: left; width:59px; height:18px; background:url(../assets/images/style/menuButton.gif) right top no-repeat}

a.menuClBg{float: left; width:88px; height:18px; background:url(../assets/images/style/closeMenu.gif) left top no-repeat; display:none;}
a.menuClBg:hover {float: left; width:88px; height:18px; background:url(../assets/images/style/closeMenu.gif) right top no-repeat}

.logoarea p.socialMedia{float:right;margin:0;padding:40px 20px 0 0;width:85px; height:28px;} 


/****footer******/

.footer a { color:#fff;}
.footer a:hover { color:#F9D31E;}
.webServices { float:left; width:735px;}
.webServices ul { float:left; width:100%;}
.webServices ul li { float:left; width:100%; line-height:17px;}

.stratergy {float:left; width:147px; padding:0 10px 0 0; background:url(../assets/images/style/sep.gif) top right no-repeat;}
.design {float:left; width:143px; padding:0 15px; background:url(../assets/images/style/sep.gif) top right no-repeat;}
.development {float:left; width:180px; padding:0 15px; background:url(../assets/images/style/sep.gif) top right no-repeat;}
.technology {float:left; width:165px; padding:0 15px;}

.autoCenternews{margin:0 auto; padding:0 86px 50px; width:788px; min-height:586px; height:auto!important; height:586px;}
.news{float:right; width:195px; padding:0 15px;}
.news ul { float:left; width:100%;}
.news ul li {float:left; width:100%; margin: 0 0 13px;}
.news ul li span {float:left; width:100%; margin: 5px 0 0; font-weight:bold; color:#fff;}
.news ul li a span:hover{ color:#fff!important;}
a.viewAll {background:url(../assets/images/style/viewAll.gif) center top no-repeat; height:27px; width:80px; float:left;}
a.viewAll:hover {background:url(../assets/images/style/viewAll.gif) center bottom no-repeat; height:27px; width:80px; float:left;}

.contactus{float:left; width:216px; padding-left:15px;}
.contactus p {float:left; width:100%; margin: 0 0 13px;}

.contactus p.contactDetails {float:left; width:100%; margin:0; font-size:13px; font-weight:bold; line-height:20px;}
.contactus p.contactEmails{float:left; width:100%; margin: 0 0 13px; font-size:11px; font-weight:bold; line-height:20px;}
.contactus p .spphone{background:url(../assets/images/style/contactIcons.gif) left top no-repeat; width:18px; height:18px; float:left; margin:0 13px 0 0;}
.contactus p .spfax{background:url(../assets/images/style/contactIcons.gif) left -21px no-repeat; width:18px; height:18px; float:left; margin:0 13px 0 0;}
.contactus p .spemail{background:url(../assets/images/style/contactIcons.gif) left -39px no-repeat; width:18px; height:18px; float:left; margin:0 13px 0 0;}
.socialMedia .spphone{background:url(../assets/images/style/contactIcons.gif) left top no-repeat; width:18px; height:18px; float:left; margin:0 13px 0 0;}
.socialMedia .spfax{background:url(../assets/images/style/contactIcons.gif) left -21px no-repeat; width:18px; height:18px; float:left; margin:0 13px 0 0;}
.socialMedia .spemail{background:url(../assets/images/style/contactIcons.gif) left -39px no-repeat; width:18px; height:18px; float:left; margin:0 13px 0 0;}
.socialMedia { float:right; width:415px; }
.socLeft { float:left; color:#ffffff; }
.socRight { float:right; color:#ffffff; position:relative; width:226px; }
.socRight p { color:#ffffff; }
.socLeft .contactDetails { color:#ffffff; }
.socLeft .contactDetails a { color:#ffffff; width:185px; }
.topNumbers { height:20px; padding-left:2px; }
.topNumbersEmail { height:20px; padding-left:2px; width:230px; }
.topNumbersTwo { position:absolute; top:-2px; right:10px; }
.topNumbersLink { color:#ffffff; width:195px !important; }

a.facebook { float: left; width:23px; height:21px; background:url(../assets/images/style/socialMedia.gif) left top no-repeat; margin:0 8px 0 0}
a.facebook:hover{ background:url(../assets/images/style/socialMedia.gif) left -21px no-repeat;}

a.linkedin { float: left; width:23px; height:21px; background:url(../assets/images/style/socialMedia.gif) -22px top no-repeat; margin:0 8px 0 0}
a.linkedin:hover{ background:url(../assets/images/style/socialMedia.gif) -22px -21px no-repeat;}


a.sharethis { float: left; width:23px; height:21px; background:url(../assets/images/style/socialMedia.gif) -44px top no-repeat; margin:0}
a.sharethis:hover{background:url(../assets/images/style/socialMedia.gif) -44px -21px no-repeat;}


/****slideMenu******/
.slideMenu { width:960px; display:none; height:600px; background:#fff; }





/****slidearea******/
.slidearea {float:left; width:100%; height:620px;}

.slidecon {z-index:10; float:left; width:960px; /* padding:108px 0 0 142px;*/ position:absolute; left:0px; top:500px; text-align:center; display:none }

.slidecon p {float:left; line-height:17px; margin:0 0 18px;}
a.viewProjects {float:left; height:28px; width:130px; background:url(../assets/images/style/projectButton.gif) left bottom no-repeat; }
a.viewProjects:hover {float:left; height:28px; width:130px; background:url(../assets/images/style/projectButton.gif) -130px bottom no-repeat;}

a.about {float:left; width:77px; position:absolute; left:0px; top:267px; height:45px; background:url(../assets/images/style/aboutWork.gif) left top no-repeat; z-index:100;}
a.about:hover {background:url(../assets/images/style/aboutWork.gif) left -46px no-repeat}

a.work {float:left; width:70px; position:absolute; right:0px; top:267px; height:45px; background:url(../assets/images/style/aboutWork.gif) right top no-repeat; z-index:100;}
a.work:hover {background:url(../assets/images/style/aboutWork.gif) right -46px no-repeat}

.img { position:absolute; right:100px; bottom:200px; width:236px; height:157px}


/****About Us Sections******/
.aboutCon {min-height:586px; height:auto!important; height:586px; position:relative; padding:0 20px 40px;}


.leftImg { float:left; width:450px; height:500px; position:relative}
.leftImg img{ height:33%;left:0;position:absolute;top:100px;width:30%;z-index:100; display:none;}

.leftImgIvx { float:left; width:450px; height:500px; position:relative}
.leftImgIvx img{ height:33%;left:100px;position:absolute;top:200px;width:30%;z-index:100; display:none;}

.leftImgno { float:left; width:455px; height:500px;}

.rightcontent p, .rightcontent1 p {float:left;line-height:18px;width:100%;}
.rightcontent h1, .textInfo h1, .rightcontent1 h1 {float:left;margin:0 0 20px;width:100%;}
.rightcontent h2, .rightcontent1 h2 {float:left;margin:0 0 10px;width:100%;}

.rightcontent ul, .rightcontent1 ul { float:left; width:100%;}
.rightcontent ul li, .rightcontent1 ul li { float:left; width:426px; line-height:22px; background:url(../assets/images/style/checkBg.gif) left 8px no-repeat; padding:0 0 0 15px}

.rightcontent {float:left; width:456px; margin:50px 0 30px; display:none}
.rightcontent1 {float:left; width:456px; margin:50px 0 30px; }
.rightcontent .aboutSection, .rightcontent1 .aboutSection { float:left; width:100%; border:1px solid #fbd51f; padding:10px 0; border-left: none; border-right:none; font-size:14px; text-transform:uppercase; font-weight:bold; margin:0 0 15px; }

.aboutSection ul { width:auto; text-align:center; float:none!important;}
.aboutSection ul li {display:inline; float:none!important; background:none; padding:0px;}
.aboutSection ul li a { margin:0 10px 0 10px;}
.aboutSection ul li.active a{color:#FBD51F}

.rightcontent a.menuopen, .rightcontent1 a.menuopen { font-size:14px; font-weight:bold; color:#4c4c4c; text-decoration: underline;}

a.Aboutback {float:left; width:75px; position:absolute; right:0px; top:267px; height:45px; background:url(../assets/images/style/homeBack.gif) right top no-repeat; z-index:100;}
a.Aboutback:hover {background:url(../assets/images/style/homeBack.gif) right -46px no-repeat}

a.backAbout {background:url(../assets/images/style/aboutWork.gif) no-repeat scroll left top transparent; display:none; float:left;height:45px;left:390px;position:absolute;top:50px;width:75px;z-index:100;}

a.backAbout:hover {background:url(../assets/images/style/aboutWork.gif) left -46px no-repeat;}

a.backTech {background:url(../assets/images/style/aboutWork.gif) no-repeat scroll left top transparent; display:none; float:left;height:45px;left:-75px;position:absolute;top:267px;width:75px;z-index:100;}

a.backTech:hover {background:url(../assets/images/style/aboutWork.gif) left -46px no-repeat;}



/****** work page ******/
.workContent{float:left; width:100%; position:relative; min-height:690px; height:auto!important; height:690px;}

#slideCar{position:absolute; top:0px; right:0px;  width:100px;}
/*.absRight{right:0px;}*/

.textInfo{z-index:10; float:left; width:321px; padding:44px 0 0 86px; position:absolute; left:0px; top:0px;display:none;}
.textInfo p {float:left; line-height:17px; margin:0 0 18px;}

#clientList{float:right; width:540px; margin-top:44px; display:none;}


.clentLogo{ margin:0px auto 10px; position:relative;  border:1px solid #A6A6A6; background:url(../assets/images/style/clientLogoGr.jpg) no-repeat; width:121px; height:78px;}

.clentLogo a{display:block; height:78px;}
.clentLogo:hover{background:url(../assets/images/style/clientLogo.jpg) no-repeat;}


#clientList #etGrill{ background-position:-9px -287px;}
#clientList #bakemark{ background-position:-9px -13px;}
#clientList #mervis{ background-position:-144px -13px;}
#clientList #sourpatch{ background-position:-278px -13px;}
#clientList #fossil{ background-position:-413px -13px;}

#clientList #cheesecake{ background-position:-9px -105px;}
#clientList #jude{ background-position:-144px -105px;}
#clientList #mobileline{ background-position:-278px -105px;}
#clientList #cynthia{ background-position:-413px -105px;}

#clientList #jetlink{ background-position:-9px -197px;}
#clientList #greenblacks{ background-position:-144px -197px;}
#clientList #heritage{ background-position:-278px -197px;}
#clientList #alamo{ background-position:-413px -197px;}

#clientList #quellent{ background-position:-144px -289px;}
#clientList #panasonic{ background-position:-278px -289px;}
#clientList #qantas{ background-position:-413px -289px;}

#clientList #quellent2{ background-position:-144px -372px;}
#clientList #panasonic2{ background-position:-278px -372px;}
#clientList #qantas2{ background-position:-413px -372px;}


.casestudy{display:block; width:100%; height:16px;  background: url(../assets/images/style/arrowYellow.gif) no-repeat 111px center;  position:absolute; bottom:0;}
.casestudyPartner{display:block; width:100%; height:16px;  background: url(../assets/images/style/arrowYellow.gif) no-repeat 111px center;  position:absolute; bottom:0;}
.casestudy2{display:block; width:100%; height:16px;  background: url(../assets/images/style/arrowYellow.gif) no-repeat 111px center;  position:absolute; bottom:0;}

.casestudy0t{display:block; width:100%; height:16px;  background: url(../assets/images/style/arrowYellow.gif) no-repeat 130px center;  position:absolute; bottom:0;}
.casestudyt{display:none; width:100%; height:16px;  /*background: url(../assets/images/style/arrowTechYellow.gif) no-repeat 130px center #EAEAEB;*/ background-color:#EAEAEB; position:absolute; bottom:0;}
.casestudy1t{display:none; width:100%; height:16px;  /*background: url(../assets/images/style/arrowTechYellow.gif) no-repeat 130px center #EAEAEB;*/ background-color:#EAEAEB;  position:absolute; bottom:0; right:0px; }
.casestudy2t{display:none; width:100%; height:16px;  /*background: url(../assets/images/style/arrowTechYellow.gif) no-repeat 130px center #EAEAEB;*/ background-color:#EAEAEB;  position:absolute; bottom:0; right:0px; }
.casestudy3t{display:none; width:100%; height:16px;  /*background: url(../assets/images/style/arrowTechYellow.gif) no-repeat 130px center #EAEAEB;*/ background-color:#EAEAEB;  position:absolute; bottom:0; right:0px; }
.casestudy4t{display:none; width:100%; height:16px;  /*background: url(../assets/images/style/arrowTechYellow.gif) no-repeat 130px center #EAEAEB;*/ background-color:#EAEAEB;  position:absolute; bottom:0; right:0px; }
.casestudy5t{display:none; width:100%; height:16px;  /*background: url(../assets/images/style/arrowTechYellow.gif) no-repeat 130px center #EAEAEB;*/ background-color:#EAEAEB;  position:absolute; bottom:0; right:0px; }

.visitWeb{display:block; width:100%; height:16px;  background: url(../assets/images/style/visitwebsite.gif) no-repeat right bottom;  position:absolute; bottom:0;}

.hoverLogo{ background: url(../assets/images/style/arrowYellowBg.gif) no-repeat bottom right; }
.hoverLogoPartner{ background: url(../assets/images/style/partnerArrow.gif) no-repeat bottom right; }


a.back {float:left; width:75px; position:absolute; left:0px; top:267px; height:45px; background:url(../assets/images/style/homeBack.gif) left top no-repeat; z-index:100;}
a.back:hover {background:url(../assets/images/style/homeBack.gif) left -46px no-repeat}


/**** case study ***/
.csContent{float:left;padding:50px 0 50px 170px; width:790px; min-height:500px; height:auto!important; height:500px; position:relative;}

#leftSec{float:left; width:575px; margin-right:38px; line-height:18px; display:none}
#leftSec p {line-height:18px;}
#rightSec{float:left; width:176px; padding:35px 0 0; display:none}
#rightSec h2 {color:#4c4c4c; text-transform: uppercase; font-weight:bold; padding:0 0 4px 0; font-size:14px; border-bottom:1px solid #b7b7b7; margin:0;}
#rightSec ul {list-style:none outside none;
padding:10px 0 0;}
#rightSec li{ margin:0;padding:0 0 10px;width:100%;}
#rightSec li.active a {color:#FBD51F}
#csBanner{text-align:center; border:1px solid #A6A6A6;  padding:15px; margin:20px 0 5px;}
#projDisc{border-bottom:1px solid #A6A6A6; margin:40px 0 10px; padding:5px 0; clear:both;}
#projDisc p{ margin-bottom:5px;}
#projDisc strong {color:#fbd51f}

#backCS{position:absolute; width:70px; left:77px; top:45px; display:none}
a.backWork {float:right; width:29px; height:20px; background:url(../assets/images/style/clientGrid.gif) right top no-repeat}
a.backWork:hover {float:right; width:69px; height:20px; background:url(../assets/images/style/clientGrid.gif) left top no-repeat}

a.viewIcons{float:right; width:15px; height:12px; text-indent:-9999px; background:url(../assets/images/style/showpopup.gif) right top no-repeat}
a.viewIcons:hover {float:right; width:70px; height:12px; background:url(../assets/images/style/showpopup.gif) left top no-repeat}

.csContent h2{margin:10px 0; text-transform:none;}
#rightSec li a:hover{ color:#FAD02F;}



/***** case study ***/
.flotL{float:left;}
.floatR{float:right;}


/****added by mj***/


.toplink{ height:50px; width:960px; float:left; padding:15px 0;}
a.topArrow {float:left; width:38px; height:50px; background:url(../assets/images/style/topArrow.gif) left bottom no-repeat;}
a.topArrow:hover {float:left; width:38px; height:50px; background:url(../assets/images/style/topArrow.gif) left top no-repeat;}

.slideDetails{ width:960px; float:left; font-size:11px;}
.slideDetails h2{ color:#F9D31E; text-transform:none; font-weight:normal; font-size:20px; line-height:30px; padding:0 0 0 12px; background:#4d4d4d;}
.slideDetails h3{ color:#4C4C4C; text-transform:uppercase; font-weight:bold; font-size:12px; padding:15px 0 0 12px; border-bottom:1px solid #242423; margin:0px; float:left; width:96%;}

.slideDetails h2 a{color:#F9D31E; background:none;}
.slideDetails h2 a:hover{ color:#fff;}

.col_1{ width:178px; float:left;}
.col_1 .details{ width:130px;}
.col_1 .details ul{ list-style:none; padding:10px 0 0 0; float:left; width:100%;}
.col_1 .details li{ list-style:none; line-height:20px; float:left; width:100%; height:20px}
.col_1 .details li a{  color:#4c4c4c; text-decoration:none; display:block; padding:0 0 0 12px;}
.col_1 .details li a:hover{ background:url(../assets/images/style/hover_arrow.gif) left 5px no-repeat;}
/*.col_1 .details h3{ margin-top:15px !important;}*/

.col_2{ width:287px; float:left; position:relative;}
.col_2 h2{ padding-left:0px!important; margin-left:-6px; background:#4d4d4d;}
.col_2 ul{ width:255px; float:left; padding:10px 0 0 12px;}
.col_2 li{ list-style:none; line-height:20px; float:left; width:100%; height:20px; }
.col_2 .study{ color:#242423; text-decoration:none; position:absolute; left:150px; top:45px; display:block; padding:0 0 0 17px; background:url(../assets/images/style/workLinkhover.gif) left top no-repeat; font-weight:bold;}
/*.col_2 a{ color:#4c4c4c; text-decoration:none; display:block; padding:0 0 0 20px; background:url(../assets/images/style/workLinkhover.gif) left 5px no-repeat;  }
.col_2 a:hover{background-position:left -26px; }*/
.caseStudy a{ color:#4c4c4c; text-decoration:none; display:block; padding:0 0 0 20px; background:url(../assets/images/style/workLinkhover.gif) left 5px no-repeat;  }
.caseStudy a:hover{background-position:left -26px; }
.noCaseStudy a{ color:#4c4c4c; text-decoration:none; display:block; padding:0 0 0 20px; background:url(../assets/images/style/workLinkhoverNo.gif) left 5px no-repeat;  }
.noCaseStudy a:hover{background-position:left -26px; }
/*.noCaseStudy{padding-left:20px;}*/
.col_2 ul.right{padding:0 0 0 12px;}

.col_2 ul.right a{ color:#4c4c4c; text-decoration:none; display:block; padding:0 0 0 20px; background:url(../assets/images/style/workLinkhover.gif) -10px -15px no-repeat;  }
.col_2 ul.right a:hover{background-position: left -26px;}

.col_3{ width:495px; float:left;}
.col_3 .contactform{ width:250px; float:left; padding:9px 0 0 12px;}
.col_3 .contactform form, fieldset{ border:none;}
.col_3 .contactform label{ color:#4c4c4c; text-transform:uppercase; padding:8px 0 4px 0px; font-weight:bold; width:100%; float:left;}
.col_3 .contactform label.verification{ text-transform:capitalize;}
.col_3 .contactform label.msg{ text-transform:capitalize; font-size:11px;}
.verification_code{ width:230px; padding:0 0 10px 0;}
.col_3 .contactform input.check{ width:12px; height:12px; float:left; margin:0 5px 0 0; display:inline;}
.col_3 .contactform input.field{ width:230px; height:23px; background:#eeeeee; border:1px inset #cfcece;}
.col_3 .contactform textarea{width:230px; height:71px; background:#eeeeee; border:1px inset #cfcece;}
.col_3 .contactform select{ width:230px; float:left; margin:10px 0 0 0; font-size:12px;}
.col_3 .contactform input.send{ width:81px; height:28px; float:left; background:url(../assets/images/style/sendButton.gif) center top no-repeat; border:none; cursor:pointer; margin:5px 0 0 0;}
.col_3 .contactform input.send:hover{ width:81px; height:28px; float:left; background:url(../assets/images/style/sendButton.gif) center bottom no-repeat; border:none;}
.col_3 .address{ width:206px; float:right;}
.col_3 .address a{ color:#4c4c4c; text-decoration:none;}
.col_3 .address a:hover{ text-decoration:underline;}
.col_3 p{ padding:30px 0 17px 0; font-size:11px; line-height:18px;}

/**** news css******/
.titlemargin {border:none; border-right:1px solid #b7b7b7}
.titlemargin h1 {margin:0 0 20px;}
.titlemargin p {width:463px; line-height:18px;}

.titlemargin ul { float:left; width:100%; margin: 0 0 15px;}
.titlemargin ul li { float:left; width:426px; line-height:22px; background:url(../assets/images/style/checkBg.gif) left 8px no-repeat; padding:0 0 0 15px}
a.applyButton {background:url(../assets/images/style/applyButton.gif) center top no-repeat; height:28px; width:81px; float:left;}
a.applyButton:hover {background:url(../assets/images/style/applyButton.gif) center bottom no-repeat; height:28px; width:81px; float:left;}

.newsLeft{ width:497px; float:left; margin:54px 0 5px 0; position:relative; display:none; overflow:hidden;}
.title {background:none repeat scroll 0 0 #FFFFFF;float:left; left:0;position:absolute;text-transform:none; top:0px;width:459px; z-index:10; padding:0px 0 20px 0px;}

.scrollContent p {width:459px;  line-height: 18px;
    margin: 0 0 16px;}
.scrollContent p a{ text-decoration:underline;}
.scrollContent p a:hover{ text-decoration:none;}



.newsRight {width:260px; float:right; padding:56px 0 0 28px; display:none;}
.newsRight h2 {color:#4c4c4c; text-transform: uppercase; font-weight:bold; padding:0 0 4px 0; font-size:14px; border-bottom:1px solid #b7b7b7;}
.newsRight ul{ list-style:none; padding:10px 0 0 0;}
.newsRight li{ width:100%; padding:0 0 10px 0; margin:0px;}
.newsRight li a{color:#4c4c4c; text-decoration:none; font-size:12px;}
.newsRight li.active a, .newsRight li a:hover{ color:#FBD51F;}
.newsRight li a strong { display:block; color:#fbd51f; font-size:13px;}
/****added by mj***/



/***added by DK N PK ***/
.slideshow { position:relative;width:100%; height:600px; overflow:hidden; float:left; margin:0; z-index:99 }
.slideshow .imageList { float:left; list-style:none; padding:0; margin:0; }
.slideshow .imageList a.num { float:left; position:absolute; top:0; left:0; padding:0; margin:0 !important; display:block; text-decoration:none; border:none }
.slideshow .imageStrip { list-style:none !important; margin:0 !important; padding:0; /*float:left; position:absolute; z-index:100000; bottom:5px; right:5px;*/ width:auto !important; }
.slideshow .imageStrip li { margin:0 1px 0 0; color:#4c4c4c; height:20px; cursor:pointer; text-align:center; line-height:20px; display:inline; padding:0 10px; font-weight:bold; font-size:11px;}
.slideshow .imageStrip li.hover, .slideshow .imageStrip li.active { color:#fbd51f; }
.imageHitStripclip { overflow:hidden; width:0px }
.slideshow .imageStrip img { border:1px solid #c5c5c5; padding:2px }
.slideCount{position:absolute;left:100px;}
.slideshow .imageStrip li.hover {text-decoration:overline;}


.btn_outer{position:absolute; width:100%; left:0px; bottom:5px; text-align:center;}
/*.slideshow .imageStrip li.active{ background:url(../assets/images/style/timer.gif) no-repeat  1px 5px; padding:10px;}*/
.slideshow .imageStrip li.first.next.active{ background:url(../assets/images/style/timer.gif) no-repeat  1px 5px; padding:10px;}
.slideshow .imageStrip li.next.active{ background:url(../assets/images/style/timer.gif) no-repeat  1px 5px; padding:10px;}
.slideshow .imageStrip li.next1.active{ background:url(../assets/images/style/timer1.gif) no-repeat  1px 5px; padding:10px;}
.slideshow .imageStrip li.next2.active{ background:url(../assets/images/style/timer2.gif) no-repeat  1px 5px; padding:10px;}
.slideshow .imageStrip li.next3.active{ background:url(../assets/images/style/timer3.gif) no-repeat  1px 5px; padding:10px;}
.slideshow .imageStrip li.next4.active{ background:url(../assets/images/style/timer4.gif) no-repeat  1px 5px; padding:10px;}
.slideshow .imageStrip li.next5.active{ background:url(../assets/images/style/timer5.gif) no-repeat  1px 5px; padding:10px;}
.slideshow .imageStrip li.next6.active{ background:url(../assets/images/style/timer6.gif) no-repeat  1px 5px; padding:10px;}
/***added by DK N PK ***/

li.first {
    background: url("../assets/images/style/timer.gif") no-repeat scroll 1px 50% transparent;
    padding: 10px;}

/*form */
#ContactForm{position:relative;}
#ContactForm input.text{width:226px; background:#f2f2f2; border:1px solid #999999;  height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left;}
#ContactForm textarea.textArea{width:226px; background:#f2f2f2; border:1px solid #999999; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; }
#ContactForm select { height:20px; background:#f2f2f2; border:1px solid #999999; }
#ContactForm select.styled{height:30px !important;}


#ContactForm label.error{color:#cc0000; font-size:11px; font-weight:normal; padding:0;}
#ContactForm input.error{border:1px solid #cc0000; font-size:11px; font-weight:normal; padding:0;}
#ContactForm textarea.error{border:1px solid #cc0000; font-size:11px; font-weight:normal; padding:0;}


/* DC 13-01-11 */
.noBG{background:none !important;}
.noBGpad{background:none !important;padding-left:20px !important;}
.stButton .sharethis{ color:#fff; font-weight:bold; background-position:-44px top!important;}
.stButton .chicklets {background:url(../assets/images/style/socialMedia.gif) no-repeat left top!important; height:28px !important; width:28px !important; padding:0px !important; }
.stButton .chicklets:hover { background-position: -28px top !important; }


span.st_sharethis { float: left; height: 28px; margin:0; width: 28px; padding:0px}
span.stButton{ float: left; height: 21px; margin:0; width: 23px; padding:0px}
span.chicklets{float: left; height: 21px; margin:0; width: 23px; padding:0px}
sup{ font-size:10px;}

.sitemap {padding:30px 20px 40px; width:720px;}
.sitemap h1 {padding:0 0 20px;}

.sitemap ul{ list-style:none; float:left; width:500px;}
.sitemap ul li{ list-style:none; line-height:20px; background:url(../assets/images/style/checkBg.gif) left 8px no-repeat; padding:0 0 0 15px; width:485px; float:left;}

.sitemap ul li ul { list-style:none; float:left; width:500px; padding:0 0 0 15px}
.sitemap ul li ul li { color:#4c4c4c; text-decoration:none; display:block; padding:0 0 0 15px; background:url(../assets/images/style/hover_arrow.gif) left 5px no-repeat; width:485px; float:left;}

/* .header{ overflow: auto !important; } */



.formRow{position:relative; float: left;
    position: relative;
    width: 100%;}
label.error{position:absolute; top:7px; right:-109px; text-transform:lowercase !important;}
.capimage{height:60px;}
#vericodeLabel{top:26px;}
#selBudgetLabel{top:29px;}

/**** 5th july *******/


div#pageLoader {
  position: absolute; width:100%; height:100%;
  top: 0;
  bottom: 0%;
  left: 0;
  right: 0%;
  background: #fff;
  z-index: 999999; text-align:center;
}

div#pageLoader img { margin: 20% 0 0;}

.ibmLogo a, .digitariaLogo a, .jfColor a, .vddLogo a, .seohausLogo a, .shopvLogo a, .bmlineLogo a, .jafraPro a, .baseLogo a {display:block; height:78px;}

.ibmLogo { background: url(../assets/images/slideshow/ibmLogo.jpg) no-repeat -1px -8px;
    border: 1px solid #A6A6A6;
    height: 78px;
    margin: 0 auto 10px;
    position: relative;
    width: 121px;
}

.ibmLogo:hover { background: url(../assets/images/slideshow/ibmLogo.jpg) no-repeat -1px -88px;}

.digitariaLogo {border: 1px solid #A6A6A6;  background: url(../assets/images/slideshow/digitariaLogo.jpg) no-repeat -1px -7px;
    height: 78px;
    margin: 0 auto 10px;
    position: relative;
    width: 121px;}

.digitariaLogo:hover {background: url(../assets/images/slideshow/digitariaLogo.jpg) no-repeat -1px -87px ;}

.jfColor {border: 1px solid #A6A6A6;  background: url(../assets/images/slideshow/jafraColor.jpg) no-repeat left -5px;
    height: 78px;
    margin: 0 auto 10px;
    position: relative;
    width: 121px;}

.jfColor:hover {background: url(../assets/images/slideshow/jafraColor.jpg) no-repeat left -85px;}

.vddLogo {border: 1px solid #A6A6A6;  background: url(../assets/images/slideshow/vddLogo.jpg) no-repeat -1px top;
    height: 78px;
    margin: 0 auto 10px;
    position: relative;
    width: 121px;}

.vddLogo:hover {background: url(../assets/images/slideshow/vddLogo.jpg) no-repeat -1px bottom;}

.seohausLogo {border: 1px solid #A6A6A6;  background: url(../assets/images/slideshow/seohausLogo.jpg) no-repeat -1px -7px;
    height: 78px;
    margin: 0 auto 10px;
    position: relative;
    width: 121px;}

.seohausLogo:hover {background: url(../assets/images/slideshow/seohausLogo.jpg) no-repeat -1px -87px;}


.shopvLogo {border: 1px solid #A6A6A6;  background: url(../assets/images/slideshow/shopVisibleLogo.jpg) no-repeat -1px top;
    height: 78px;
    margin: 0 auto 10px;
    position: relative;
    width: 121px;}

.shopvLogo:hover {background: url(../assets/images/slideshow/shopVisibleLogo.jpg) no-repeat -1px bottom;}



.bmlineLogo {border: 1px solid #A6A6A6;  background: url(../assets/images/slideshow/bmlineLogo.jpg) no-repeat left top;
    height: 78px;
    margin: 0 auto 10px;
    position: relative;
    width: 121px;}


.bmlineLogo:hover{background: url(../assets/images/slideshow/bmlineLogo.jpg) no-repeat -1px bottom;}


.jafraPro{border: 1px solid #A6A6A6;  background: url(../assets/images/slideshow/jafraPro.jpg) no-repeat -1px top;
    height: 78px;
    margin: 0 auto 10px;
    position: relative;
    width: 121px;}


.jafraPro:hover {background: url(../assets/images/slideshow/jafraPro.jpg) no-repeat -1px bottom;}



.baseLogo{border: 1px solid #A6A6A6;  background: url(../assets/images/slideshow/baseLogo.jpg) no-repeat -1px -5px;
    height: 78px;
    margin: 0 auto 10px;
    position: relative;
    width: 121px;}


.baseLogo:hover {background: url(../assets/images/slideshow/baseLogo.jpg) no-repeat -1px -85px;}


.bakemark{border: 1px solid #A6A6A6;  background: url(../assets/images/slideshow/BakemarkLogo.jpg) no-repeat -1px bottom;
    height: 79px;
    margin: 0 auto 10px;
    position: relative;
    width: 121px;}
.bakemark:hover {background: url(../assets/images/slideshow/BakemarkLogo.jpg) no-repeat -1px top;}



.greenBlack{border: 1px solid #A6A6A6;  background: url(../assets/images/slideshow/greenBlack.jpg) no-repeat -1px -84px;
    height: 79px;
    margin: 0 auto 10px;
    position: relative;
    width: 121px;}

.greenBlack:hover {background: url(../assets/images/slideshow/greenBlack.jpg) no-repeat -1px -5px;}
.greenBlack a, .bakemark a {display:block; height:79px;}

/**** 5th july *******/

.yellowLink {color:#FBD51F;}
.yellowLink:hover {text-decoration:underline;}

.workHeader {padding-left: 15px; }


.jafraPro { border: 1px solid #A6A6A6; background: url(../assets/images/slideshow/jafraPro.jpg) no-repeat left top; height: 78px; margin: 0 auto 10px; position: relative; width: 121px; }
.jafraPro:hover { background: url(../assets/images/slideshow/jafraPro.jpg) no-repeat left bottom; }

.jfColor a, .vddLogo a, .jafraPro a, .shushtak a, .rokstarz a, .cheescake a{ display:block; height:78px; }

.shushtak { border: 1px solid #A6A6A6; background: url(../assets/images/slideshow/shustakLogo.jpg) no-repeat left top; height: 78px; margin: 0 auto 10px; position: relative; width: 121px;}
.rokstarz{border: 1px solid #A6A6A6; background: url(../assets/images/slideshow/rockstarLogo.jpg) no-repeat left -4px; height: 78px; margin: 0 auto 10px; position: relative; width: 121px;}


.shushtak:hover {background: url(../assets/images/slideshow/shustakLogo.jpg) no-repeat left bottom;}
.rokstarz:hover{ background: url(../assets/images/slideshow/rockstarLogo.jpg) no-repeat left -84px;}



/*code for technology page, added on (15/02/12)*/
.techRightArea { width:455px; margin:50px 0px 30px; float:right;}
.techRightAreav2 { width:450px; margin:50px 0px 30px; float:left;}
.techMain {background:#ffffff; border:#A6A6A6 1px solid; width:140px; height:130px; float:left; position:relative; margin:0px 0px 10px 9px; text-align:center;} 
.techMainv2 {background:#ffffff; border:#A6A6A6 1px solid; width:140px; height:130px; float:left; position:relative; margin:0px 0px 10px 9px; text-align:center;} 
.techMainv21 {background:#ffffff; border:#A6A6A6 1px solid; width:140px; height:130px; float:left; position:relative; margin:0px 0px 10px 9px; text-align:center;} 
.techMainv22 {background:#ffffff; border:#A6A6A6 1px solid; width:140px; height:130px; float:left; position:relative; margin:0px 0px 10px 9px; text-align:center;} 
.techMainv23 {background:#ffffff; border:#A6A6A6 1px solid; width:140px; height:130px; float:left; position:relative; margin:0px 0px 10px 9px; text-align:center;} 
.techMainv24 {background:#ffffff; border:#A6A6A6 1px solid; width:140px; height:130px; float:left; position:relative; margin:0px 0px 10px 9px; text-align:center;} 
.techMainv25 {background:#ffffff; border:#A6A6A6 1px solid; width:140px; height:130px; float:left; position:relative; margin:0px 0px 10px 9px; text-align:center;} 
.techName { background:#EAEAEB; border-top:#A6A6A6 1px solid; width:130px; height:20px; position:absolute; bottom:0px; left:0px; font-size:12px; color:#4d4d4d; line-height:20px; text-align:left; padding-left:10px;}
.techName a {float:left; width:100%;}
.techNamev2 { background:#EAEAEB; border-top:#A6A6A6 1px solid; width:130px; height:16px; position:absolute; bottom:0px; left:0px; font-size:12px; color:#4d4d4d; line-height:16px; text-align:left; padding-left:10px;}
a.tools {float:left; width:100%;}
.copyright { width:400px; font-size:11px; color:#ffffff; margin-top:13px;}

.headNumb { line-height: 20px; }
.headNumbEmail { line-height: 22px; }

.arrowShow {background: #EAEAEB url(../assets/images/yellowArrow.png) no-repeat 125px center;}
.techArrow { float:right; padding-right:10px; padding-top:7px; }
/*code for technology page, added on (15/02/12)*/