/* CSS Document */
*{margin:0; padding:0}
body{margin:0 auto; text-align:center; background-color:#171717}
body, div, span, p, td, select, input, textarea, th, td, li{font-family:arial, verdana, helvetica, sans-serif; color:#626262; font-size:12px}

img{border:none}
hr{height:1px; border:none; border-top:1px dotted #b7b7b7; position:relative; display:block; overflow:visible; margin:0 20px 10px}

a{color:#0373da; text-decoration:none; outline:none}
a:hover{text-decoration:underline}

input, textarea{background:#fff url(../App_Images/inputBg.gif) repeat-x 0 0; border:1px solid #7d7d7d; border-top-color:#b7b7b7; border-bottom-color:#d6d6d6; padding:3px 2px 2px}

h2{font-size:18px; font-weight:bold; padding-bottom:5px; color:#184eb1}
h3{font-size:17px; font-weight:normal; padding-bottom:25px; color:#184eb1}
h4{font-size:13px; font-weight:bold; padding-bottom:5px}
h5{font-size:12px; font-weight:bold; padding-bottom:2px; color:#184eb1}

/* Useable Class */
.clear{clear:both; font-size:0}
.btn{background:#f2f2f2 url(../App_Images/btnBg.gif) repeat-x 0 0; border:1px solid #646464; font-size:11px; padding:0 2px; font-weight:bold; color:#000527}
.c1{color:#184eb1}

/* Layout Class */
.containerOuter{margin:0 auto; width:1217px; background:url(../App_Images/bg.jpg) no-repeat left top}
.container{margin-left:110px; width:1217px; background:url(../App_Images/borderLine.gif) repeat-y 0 0}

.header{float:left; width:978px}
.headerLeft{float:left}
.headerRight{float:right; text-align:right}

.leftImgOurPeople{background:url(../App_Images/leftImgOurPeople.jpg) no-repeat 1px 0; height:464px}
.leftImgOurProcess{background:url(../App_Images/leftImgOurProcess.jpg) no-repeat 1px 0; height:464px}
.leftImgOurProcess{background:url(../App_Images/leftImgOurProcess.jpg) no-repeat 1px 0; height:464px}
.leftImgCoreIdeologies{background:url(../App_Images/leftImgCoreIdeologies.jpg) no-repeat 1px 0; height:464px}
.leftImgOurHistory{background:url(../App_Images/leftImgOurHistory.jpg) no-repeat 1px 0; height:464px}
.leftImgCEOMsg{background:url(../App_Images/leftImgCEOMsg.jpg) no-repeat 1px 0; height:464px}
.leftImgCareer{background:url(../App_Images/leftImgCareer.jpg) no-repeat 1px 0; height:464px}
.leftImgPress{background:url(../App_Images/leftImgPress.jpg) no-repeat 1px 0; height:464px}
.leftImgContact{background:url(../App_Images/leftImgContact.jpg) no-repeat 1px 0; height:464px}
.leftImgAwards{background:url(../App_Images/leftImgAwards.jpg) no-repeat 1px 0; height:464px}
.leftImgClients{background:url(../App_Images/leftImgClients.jpg) no-repeat 1px 0; height:464px}
.leftImgTestimonials{background:url(../App_Images/leftImgTestimonials.jpg) no-repeat 1px 0; height:464px}
.leftImgWork{background:url(../App_Images/leftImgWork.jpg) no-repeat 1px 0; height:464px}
.leftImgWebDsgn{background:url(../App_Images/leftImgWebDsgn.jpg) no-repeat 1px 0; height:464px}
.leftImgWebApp{background:url(../App_Images/leftImgWebApp.jpg) no-repeat 1px 0; height:464px}
.leftImgUsability{background:url(../App_Images/leftImgUsability.jpg) no-repeat 1px 0; height:464px}
.leftImgSocial{background:url(../App_Images/leftImgSocial.jpg) no-repeat 1px 0; height:464px}
.leftImgSEO{background:url(../App_Images/leftImgSEO.jpg) no-repeat 1px 0; height:464px}
.leftImgMobile{background:url(../App_Images/leftImgMobile.jpg) no-repeat 1px 0; height:464px}
.leftImgInternet{background:url(../App_Images/leftImgInternet.jpg) no-repeat 1px 0; height:464px}
.leftImgCntntMgmt{background:url(../App_Images/leftImgCntntMgmt.jpg) no-repeat 1px 0; height:464px}

.main{width:100%; float:left}
.mainLeft{width:330px; text-align:left; vertical-align:top}
.mainRight{text-align:left; float:left; width:648px; vertical-align:top}

.tal{text-align:left}

.footer{padding:8px 0; height:100px; float:left; text-align:left; width:978px}
.footer img{margin-left:327px; float:left}
.footer .footerLink{float:right} 
.footer a{color:#7d888a; font-size:11px}
.footer a:hover{color:#b6b8ba; text-decoration:none}

.logo{display:block; width:330px; float:left}
.logo h1{float:left}
.logo h1 a{background:url(../App_Images/logo.gif) no-repeat; display:block; text-indent:-8000em; width:117px; height:122px; margin:28px 0px 0 0px; line-height:100%}
.logo span{float:left; margin-top:90px; padding-left:10px}

.login{float:right; width:128px; margin:12px 0 0}
.login .clientLogin{margin-bottom:10px}
.login span{background:url(../App_Images/loginBg.png); display:block; margin-bottom:8px; text-align:left}
.login input{background:none; background-color:transparent; color:#fff; padding:1px 4px; border:none; width:120px;}

.homeMediaOuter{padding-left:117px; width:990px; padding-bottom:0px;}
.homeMediaOuter .homeMediaContentLeft
{width:209px; float:left; height:98px; padding-top:0px; margin-top:17px; background-image:url(../App_Images/social/man.jpg); }
.homeMediaOuter .homeMediaContentLeft a, .homeMediaOuter .homeMediaContentLeft a:hover
{
	color:#94a2bf;
    font-family:Verdana;
    font-size:14px;
    display:inline-block;
    padding-top:74px;
    text-decoration:none;
}

.homeMediaOuter .homeMediaContentLeft_Hover
{
    background-image:url(../App_Images/social/man_rollover.jpg);
    color:White;
}

.homeMediaOuter .homeMediaContentLeft_Hover, .homeMediaOuter .homeMediaContentLeft_Hover  a, .homeMediaOuter .homeMediaContentLeft a:hover{
color:White;
}

.homeMedia{width:780px; padding:15px 0 28px; background:url(../App_Images/homeMediaBg.gif) repeat-x 0 17px; height:98px; text-align:left; float:left;}
.homeMedia h2{background-color:#ff6600; font-size:11px; display:inline; padding:0px 4px; font-weight:bold; color:#fff;}
.homeMedia .homeMediaContent{width:650px; float:left; height:97px; background:url(../App_Images/homeMediaBg.gif) repeat-x left center;}



.homeMedia .homeMediaContentRight{float:left; display:block; padding:1px 0 0}
.homeMedia img{display:block; border-left:1px solid #aeb0b4; border-right:1px solid #aeb0b4; margin-right:20px}
.homeMedia li{float:left; width:186px; margin:0 18px 0 0; list-style:none}
/*-- Commented by Mahendra on 23-July 2010 -- it was commented to increase the hieght of the news section in the homepage
.homeMedia a{padding:10px 14px 11px; display:block; font-size:11px; line-height:14px; border-top:3px solid transparent; border-bottom:3px solid transparent; color:#94a2bf; text-decoration:none}
*/
.homeMedia a{padding:5px 14px 11px; display:block; font-size:11px; line-height:14px; border-top:3px solid transparent; border-bottom:3px solid transparent; color:#94a2bf; text-decoration:none; height:73px;}
/*--End of Commented by Mahendra on 23-July 2010 */
.homeMedia a.homeMediaActive, .homeMedia a:hover{background:url(../App_Images/homeMediaHover.png) repeat-x top left; color:#fff; border-top:3px solid #ff6600; border-bottom:3px solid #ff6600;}

.containerInner01{background:#f2f2f2 url(../App_Images/containerInner01RightBg.jpg) no-repeat 202px 0; width:648px; float:left; min-height:464px; height:auto !important; height:464px}
.containerInner01 .containerInner01Left{width:202px; float:left}
.containerInner01 .containerInner01Right{width:445px; float:left}
.containerInner01 p{margin:0 30px 20px 20px}
.containerInner01 h2{margin:30px 0 20px 30px}
.containerInner01 h3{margin:30px 0 0 20px}
.containerInner01 h4{margin:10px 30px 0 20px}
.containerInner01 h5{margin:10px 30px 0 20px}
.containerInner01 table{margin:20px 0 20px 30px}
.containerInner01 ul{margin:0 20px 15px 20px; list-style:none}
.containerInner01 li{background:url(../App_Images/bullet.gif) no-repeat 1px 6px; padding:0 0 3px 14px}

.containerInner02{background:#f2f2f2 url(../App_Images/containerInner01RightBg.jpg) no-repeat 0 0; width:648px; float:left; min-height:464px; height:auto !important; height:464px}
.containerInner02 p{margin:0 30px 20px 30px}
.containerInner02 h2{margin:30px 0 20px 30px}
.containerInner02 h3{margin:30px 0 0 30px}
.containerInner02 h4{margin:10px 30px 0 30px}
.containerInner02 h5{margin:10px 30px 0 30px}
.containerInner02 ul{margin:0 20px 15px 30px; list-style:none}
.containerInner02 li{background:url(../App_Images/bullet.gif) no-repeat 1px 6px; padding:0 0 3px 14px}

.innerMenu{width:203px; margin:0 !important}
.innerMenu li{padding:0 0 8px; text-transform:uppercase; list-style:none; background:none}
.innerMenu a{background:url(../App_Images/innerMenuBg.gif) no-repeat 0 0; padding:1px 0 2px 30px; display:block; font-size:11px; font-weight:bold; color:#184eb1; text-decoration:none}
.innerMenu a:hover{background-position:0 -36px}
.innerMenu a.innerMenuActive{background-position:0 -36px}

.clientsList{background:url(../App_Images/containerInner01RightBg.jpg) no-repeat 0 0; width:222px; margin:0 !important; float:left}
.clientsList li{padding:0; font-size:11px; padding-top:18px; list-style-type:none; background:none}
.clientsList li li{padding:6px 0 0 3px; color:#414748}
.clientsList li span{font-size:11px; background:url(../App_Images/clientsListBg.jpg) repeat-y top left; display:block; padding:1px; text-transform:uppercase; font-weight:bold; padding-left:24px; color:#fff}

.testiVideo{float:left; width:646px; padding-bottom:20px; margin:0 !important; margin-bottom:10px}
.testiVideo li{float:left; padding:0; width:202px; list-style-type:none; display:block; background:none; text-align:center; border-right:1px solid #bbbcbc; padding-top:10px}
.testiVideo li.testiVideoListLast{border:0}
.testiVideo img{text-align:center; display:block; margin:0 auto; padding-bottom:12px}
.testiVideo a{background:url(../App_Images/icoVideo.gif) no-repeat top left; font-size:10px; padding-bottom:3px; padding-left:20px; font-weight:bold; color:#184eb1}

.testiData{width:580px; float:left; margin-left:30px; padding-bottom:20px; border-top:1px solid #c6c6c6}
.testiData .testiDataLeft{width:170px; float:left}
.testiData .testiDataRight{width:405px; float:left}
.testiData p{margin-right:0; padding-top:15px}
.testiData img{margin:10px 0 0 10px}
.testiData a{text-decoration:underline; color:#184eb1}
.testiData a:hover{text-decoration:none}
.testiData em{margin:0px 0px 0px 20px; display:block; font-weight:bold}

.awardsData{}
.awardsData li{margin:10px 20px 10px 0; list-style-type:none}

.PressData{margin-bottom:30px}
.PressData li{margin:0 30px 10px 0; list-style-type:none}

.workCategory{font-size:17px; margin-bottom:10px; letter-spacing:10px; background:url(../App_Images/clientsListBg.jpg) repeat-y top left; display:block; text-transform:uppercase; font-weight:bold; padding-left:28px; color:#fff}

.workScreens{padding-bottom:15px}
.workScreens img{display:block; margin-bottom:6px}
.workScreens div{text-align:right; padding-right:10px}
.workScreens a{font-size:11px; color:#626262; text-decoration:underline; font-weight:bold}
.workScreens a:hover{text-decoration:none}

.sitemapRows{float:left; width:648px}
.sitemapCols{float:left; width:216px}
.sitemapTitle{font-size:11px; background:url(../App_Images/clientsListBg.jpg) repeat-y top left; display:block; padding:1px; text-transform:uppercase; font-weight:bold; padding-left:24px; margin-bottom:10px; color:#fff}
.sitemapTitle a{color:#fff}
.sitemapTitle a:hover{text-decoration:none}
.sitemapRows ul{margin:0px 0 0 24px}
.sitemapRows li {padding:6px 0 0 0; color:#414748; font-size:11px; list-style-type:none; background:none}
.sitemapRows li a{color:#414748}

.serviceMenu{background:#0373da url(../App_Images/serviceMenuBg.gif) no-repeat top left; width:206px; padding-bottom:15px; margin-left:117px; padding-top:25px}
.serviceMenu ul{}
.serviceMenu li{padding:0 0 5px; text-transform:uppercase; list-style:none}
.serviceMenu a{padding:2px 0 2px 20px; display:block; font-size:12px; color:#fff; text-decoration:none}
.serviceMenu a:hover{background-color:#0552c6}
.serviceMenu a.serviceMenuActive{background-color:#0552c6}


ul.suckerfish,ul.suckerfish li,ul.suckerfish li ul{padding:0; margin:0; z-index:999; list-style-type:none; width:17.2em}
ul.suckerfish li{float:left; position:relative; width:17.2em; font-size:12px; text-transform:uppercase; line-height:1.5em; text-indent:.4em}
ul.suckerfish li ul{display:none; position:absolute; top:0; left:17.2em; z-index:999; width:784px}
ul.suckerfish li ul li{width:784px; text-transform:none}
ul.suckerfish li:hover ul,ul.suckerfish  li.sfhover ul{display:block}
ul.suckerfish a{padding:2px 0 2px 20px; display:block; font-size:12px; color:#fff; text-decoration:none}
ul.suckerfish a:hover{background-color:#0552c6}
/* ul.suckerfish a:hover #divGallery {display:none} */
ul.suckerfish li ul li a{padding:0; display:inline; text-indent:0}
ul.suckerfish li ul li a:hover{background:none}

ul.suckerfish li ul li .serTeaserBox{background:transparent url(../App_Images/serBoxBg.png); float:left; width:745px; display:block; color:#fff; padding:15px; margin-left:10px}
ul.suckerfish li ul li .serTeaserContent{float:left; width:420px}
ul.suckerfish li ul li p{color:#fff; font-size:11px; text-align:justify; display:block; padding:0; margin-bottom:4px; text-indent:0; line-height:13px}
ul.suckerfish li ul li strong{ padding-bottom:12px}
ul.suckerfish li ul li img.serTeaserImg{float:left; padding:25px 10px 2px 0; text-indent:0}
ul.suckerfish li ul li img{display:block}

.galleryThumb{}
.galleryThumb img{padding:0}

/*.galleyArrowOuter{position:relative; width:648px; height:250px}*/
.galleyArrow{position:absolute; width:554px; height:13px; top:230px; z-index:0}
.galleyArrow .arrow{display:block; height:13px; width:9px; background:url(../App_Images/arrow.gif) no-repeat 0 0; text-indent:-9999px; position:absolute; z-index:70; cursor:pointer}
.galleyArrow .forward{background-position:-11px 0; right:6px}
.galleyArrow .back{background-position:0 0; left:0}
.galleyArrow .sliderbackground { width:530px; height:3px; padding: 0px; top:5px; left:9px; position:absolute; background-color:#9aa1b1 ; cursor:pointer}


.galleryTransparent{background:transparent url(../App_Images/galleryTransparent.png); position:absolute; z-index:55; left:554px; top:5px; height:217px; width:284px}
/* Added by Jegajyothi on 31/7/2010*/
.star span{color:#FF0000;}
/* End of Added by Jegajyothi on 31/7/2010*/


.tooltip {
	display:none;
	line-height:15px;	
	height:100px;
	padding:0px;
	width:207px;
	font-size:11px;
	color:#000;
    background-color:#02203A;
    
    border:1px solid #FF6600;
    z-index:999;
    
    
    /* for IE */
    filter:alpha(opacity=90);
   /* CSS3 standard */
    opacity:0.9;
}

.tooltip .inner
{
    padding-top:10px;
    
}
.tooltip .inner a.Title
{
    color:#FF6400;
}

.tooltip .inner img
{
    padding:0px 20px 0px 20px;
    display:inline-block;
    border:1px solid red;
}

.tooltip a.lnk, .tooltip a.lnk:hover{line-height:15px;  color:Navy;}