body{ background:url(../images/mainbg.jpg) no-repeat top; font:70% verdana;color:#666666; height:100%; padding:0; margin:0;}
div{font:1em verdana;color:#666666;}
a {outline:none}
a img { border:none}
p {padding:0; margin:0; margin-bottom:.6em; line-height:1.25em}
.displayNone { display:none}
ul { list-style:none; padding:0; margin:0}
h1,h2,h3,h4,h5 {padding:0; margin:0}

#portfolio a{ line-height:1.3em}

#theLoadCover {text-align:center}
#theLoadCover .coverCenter{ position:absolute; left:0; z-index:11; margin-left:50%; margin-top:180px; cursor:default}
#theLoadCover .coverCenter div{ display:block; position:absolute; left:-170px; top:0; width:300px; height:65px;  border:1px solid #000000;background-color:#FFFFFF; padding-top:15px; font-size:1.25em; color:#FF0000; overflow:hidden; text-align:left; font-weight:bold;}
#theLoadCover .coverCenter a{font:.8em Arial, Helvetica, sans-serif; color:#333333; word-spacing:1px; outline:none; text-decoration:none; float:left; margin-bottom:100px; margin-top:3px;}
#theLoadCover .coverCenter img{ margin-top:5px; margin-bottom:5px;}
#theLoadCover div.cover{width:100%; height:100%; background:#000000; position:absolute; left:0; top:0; z-index:10;}
#theLoadCover span { display:block; font-weight:bold; font-size:1.1em; color:#666666; text-align:center}

.myFace{ margin-top:80px; margin-left:265px; margin-bottom:140px; width:94px; height:75px; display:block; background:url(../images/myface.jpg) no-repeat center top; float:left; display:inline}

.rcTopwhite *,.rcBottomwhite *{ background-color:#FFFFFF; display:block; height:1px; overflow:hidden; border-left:1px solid #999999; border-right:1px solid #999999;}
.r1white{ margin:0px 5px; background-color:#999999}.r2white{ margin:0px 3px; border-width:0px 2px;}.r3white{ margin:0px 2px}.r4white{ margin:0px 1px; height:2px}
.rcContentwhite{ background:url(../images/about-bg.gif) no-repeat bottom left #FFFFFF; color:#666666; border-left:1px solid #999999; border-right:1px solid #999999; text-align:left; float:left; width:638px; }
.rcBottomwhite{ clear:left}

.leftBox { float:left;position:absolute; left:40px; top:1px; z-index:10;}
div.whatsNew{ width:170px; clear:left; float:left; height:80px; border-right:1px solid #000; border-bottom:1px solid #000; text-align:left; background:url(../images/whats-new.jpg) no-repeat left top #FFFFFF}
.hangerTop{ background:url(../images/hangingBg.gif) repeat-y 0 5px;}
.hangerTop div{background:url(../images/hangingBg.gif) repeat-y right 5px;}

.rightBox { float:right;position:absolute; right:40px; top:1px; z-index:10; position:absolute;}
div.QuickMe{ width:170px; height:80px; text-align:right; background-color:#FFFFFF; border-left:1px solid #000; border-bottom:1px solid #000; background:url(../images/quickMeBg.jpg) no-repeat right top}
div.QuickMe div { float:right; width:170px; height:58px; overflow:hidden}
div.QuickMe ul { margin:15px 0 6px 25px; font:.9em Verdana, Arial, Helvetica, sans-serif; list-style-image:url(../images/quickBullet.gif); text-align:left;}
div.QuickMe li { margin-bottom:2px;}
div.QuickMe a { font-weight:bold; margin-right:13px; font-size:.9em;}
div.QuickMe li a,.topboxs div.QuickMe li a:hover{font-weight:normal; text-decoration:none; outline:none; font-size:1em;}

.maintable{width:100%;text-align:center; background:url(../images/bg.jpg) repeat-x 0px 279px; position:relative; min-width:600px;}
.maintable a{font:1em verdana;color:#666666;text-decoration:none;}
.maintable a:hover{text-decoration:underline;}
.homebody{width:600px; margin-left:auto; margin-right:auto; position:relative; min-height:500px;}
.myBody{width:100%; height:350px;text-align:left; background:url(../images/pic1.jpg) bottom no-repeat;}
.myLegs{width:600px; height:163px; float:left; background:url(../images/pic1-bottom.jpg) no-repeat top; }
.myName { clear:both; text-align:center} .myName img{margin:0 40px;} .myName img.bhatia { margin-left:65px; margin-right:15px}


.maininnertable{width:100%;text-align:center; padding-bottom:80px; float:left;}
.innerHeader {width:100%; height:50px;}
.myNameImg{position:absolute; margin-top:13px; margin-left:200px !important; margin-left:215px;}
.innerbody{width:640px; margin-left:auto; margin-right:auto;}
.contentDiv{width:100%; text-align:left; float:left}
.pageLeftContainer{ width:462px; float:left;position:relative; display:block; min-height:50px; height:auto !important; height:258px; min-height:258px; z-index:4}
.pageLeftContainer h1 { display:none}
.pageLeft{ width:440px; text-align:justify; color:#333333;float:left; padding:25px 11px; display:none;}
.pageLeft a{ color:#333333}.pageLeft a:hover{ color:#FF0000}
.coolPg{background:url(../images/numbering-start.jpg) no-repeat top left}

.w3cbutton3 {  margin: 3px 5px;  width: 7em;  border: 1px solid #ccc;  font-family: helvetica,arial,sans-serif;  font-size:1em;  font-weight: bold; float:left; margin-left:230px; display:inline}
.w3cbutton3.two { width:5.5em; margin-left:5px}
.w3cbutton3 a {  display: block;  width: 100%;  background-color: #fc6;  color: #000;  text-decoration: none; outline:none; text-align:left}
.w3cbutton3 a:hover{ text-decoration:none}
.w3cbutton3 a span.w3c { padding: 0 1px;  background-color: #fff;  color: #0c479d;}

#pageRight{ width:176px; text-align:left; float:left;height:212px; margin-top:20px;overflow:hidden; display:none;}
#pageRight div.picOfWeek{width:148px; background:url(../images/picofweek-bg.gif) repeat-y left; padding:0 11px 0 17px; font:bold 1em Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#795300; float:left}
#pageRight div.picOfWeek h2{ font-size:1em;}
#pageRight div a.theImg{  margin-left:3px; margin-top:8px; float:left; outline:none; width:138px;}
#pageRight div.picBgTop { background:url(../images/picofweek-Tbg.jpg) no-repeat left; width:176px; float:left; height:14px; overflow:hidden}
#pageRight div.picBgBottom { background:url(../images/picofweek-Bbg.jpg) no-repeat left top; width:176px; clear:both; float:left; height:13px; overflow:hidden}


.theDiv{height:77px; float:left; width:136px; overflow:hidden; margin-top:8px;}
#animator{ float:left; height:77px; width:1500px; }
#animator li{ float:left;}
.arrowLink {float:left; margin-left:1px;}
.arrowLink a{float:left; text-decoration:none; color:#333333; font-weight:bold; outline:none; white-space:nowrap; margin-top:3px; font-size:.9em}
#theLLnk { color:#aaaaaa}
	
.leftmargin{ float:left; width:11px;  height:232px;}
.middlemargin{ float:left; width:11px;  height:232px;}

#arunSide{ float:left; position:relative; z-index:3; margin-top:-72px; margin-bottom:-9px; padding-left:396px; display:none}
#arunSideTwo{ float:left; position:relative; z-index:3; margin-top:-219px; margin-bottom:-53px; padding-left:490px; display:none;}


.footerDiv{width:100%; clear:left; float:left;}
.footerDiv a { font-weight:bold}
#homePageLoad{ color:#006699; font-weight:bold; font-size:1.2em; position:absolute; width:90px; background:url(../images/loading.gif) no-repeat 70px 10px #eeeeee; left:0; margin-left:245px; margin-top:1px; padding:0px 6px 4px 6px;} 

.leftLinksDiv{width:232px; float:left; text-align:right; position:relative; right:-20px;}
.rightLinksDiv{width:225px; float:left; text-align:left; position:relative; left:-16px;}

.pageheading{ background-color:#EBEAEA; height:21px; line-height:20px; text-align:left; padding-left:11px; margin-top:11px;}
.pageheading div{ display:inline; float:right; padding-right:5px; padding-top:5px; font-size:.9em;}
.pageheading #title {display:none; position:relative;top:-3px; left:5px}
.pageheading .pgArrow{position:relative;top:-4px}

.contactLinks li {clear:left; float:left; margin:5px 8px; height:18px; }
.contactLinks li a{ text-decoration:none; display:block} 
.contactLinks li a img{ vertical-align:middle; margin-right:10px;}

.mainLinks{ font:bold .95em Verdana, Arial, Helvetica, sans-serif; color:#666666; width:100%; float:left; margin-right:-3px; position:relative; z-index:7; }
.mainLinks li{ float:left; margin-left:1px}
.mainLinks a{ font:bold .95em Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; width:90px; height:15px; background:url(../images/seprator2.gif) no-repeat top; float:left; overflow:hidden; text-align:center; outline:none; cursor:pointer; padding-top:10px;}
.mainLinks a:hover{color:#000; text-decoration:none; background-image:url(../images/link-hoverbg.gif); padding-top:8px; height:22px;}
.mainLinks .current{color:#000; text-decoration:none; background-image:url(../images/link-hoverbg.gif); padding-top:8px; height:22px;}
.mainLinks.homePg { background:url(../images/link-hoverbg.gif) no-repeat -100px 0}
.mainLinks.homePg a{ width:80px;}
.mainLinks .firstLink { margin-left:95px;}


a.textSmlLinks{ color:#003366; text-decoration:none;}
a.textSmlLinks:hover{color:#003366; text-decoration:underline;}
.textBigLinks{font-weight:bold; font-size:1.3em; color:#666600; line-height:1.2em}
a.textBigLinks{ text-decoration:none; outline:none; color:#666600;}

.numbering{ float:left; width:20px; margin-right:15px}
.numbering a{clear:left; float:left; width:20px; text-align:center; text-decoration:none; background-color:#ebebeb; border:1px solid #9f9f9f; height:18px; line-height:18px; color:#333333; font-weight:bold; overflow:hidden; outline:none; font-size:.9em}
.numbering a:hover{ background-color:#9f9f9f; color:#FFFFFF; border:1px inset #9f9f9f;}
.numbering span{ clear:left; float:left; width:10px; height:3px; border-right:1px solid #9f9f9f; overflow:hidden; display:block}
.numbering span.numberEnd{ height:10px; border:none; width:20px; background:url(../images/numbering-end.jpg) no-repeat center top}
.coolCurrent{background:url(../images/blink.gif);}

.coolContent{ float:left; white-space:nowrap; line-height:18px; width:400px; display:none}
.coolContent ul{ float:left; margin:0px; padding:0px;}
.coolContent li{ float:left; width:200px}
.coolContent a { text-decoration:none; font-size:1em; color:#006699; width:199px; float:left; line-height:12px;background:url(../images/cool-bg-left.gif) no-repeat bottom left ; cursor:pointer; outline:none;}
.coolContent a span{float:left;padding:4px 0 2px 29px; height:26px; width:170px;background:url(../images/cool-bg-right.gif) no-repeat bottom right; overflow:hidden}
.coolContent a b{display:none;color:#333333; font:.9em Arial, Helvetica, sans-serif; margin-left:4px; clear:both; float:left; width:150px;}
.coolContent a:hover { text-decoration:none; background-position:top left; background-color:#ebeaea; color:#006699}
.coolContent a:hover span{background-position:top right;}
.coolContent a:hover b{ display:block;}

.coolContent .coolCategory { margin-top:5px;}
.coolContent .coolCategory li { width:170px; margin:0 13px 20px 5px;}
.coolContent .coolCategory a{ font:bold 1.1em Arial, Helvetica, sans-serif; width:169px; background-position:top left; background-color:#ebeaea;}
.coolContent .coolCategory a span{ width:169px; padding:0; background-position:top right;; height:32px; line-height:32px; }
.coolContent .coolCategory a span.count { height:20px; width:20px; background:#fff; padding:0; border:1px solid #999999; font:bold 18px verdana, Helvetica, sans-serif; text-align:center; margin:5px 8px; line-height:18px; color:#333333}
.coolContent .coolCategory a:hover span { color:#333;}
.coolContent .coolCategory a:hover span.count{ background:#006699; color:#FFFFFF}

.whiteLayer{position:absolute; left:0; top:0; background-color:#fff; width:415px; margin-top:20px; height:146px; padding:20px; z-index:5}
.careerHistory{position:absolute; width:420px; margin-left:10px; margin-top:7px; z-index:6}
.careerHistory .careerContent {width:418px;min-height:147px; height:auto !important; height:147px; background:#fff; padding-top:5px;}
.careerHistory h2{ font:bold 1.1em  verdana, Arial, Helvetica, sans-serif; margin-left:10px; color:#795300}
#mySoftwares,#myHistory,#coolinks h2, .maintable h1, .maintable h2 { display:none}

.myExperience { float:left; width:400px; text-align:center; padding-left:8px; padding-top:10px;}
.myExperience li { width:52px; float:left; margin-left:4px; background-color:#f1f1f1;font:.9em Arial, Helvetica, sans-serif}
.myExperience li span,.myExperience li a { display:block; background:#c1c6a7; height:17px; margin-top:4px; line-height:17px;color:#FFFFFF; word-spacing:-1px; text-decoration:none; outline:none;}
.myExperience li a:hover { background-color:#999999; color:#FFFFFF}
.myExperience li span.theYear { background-color:#FFFFFF; font:bold 1em Verdana; color:#000000; margin-top:0px; line-height:17px; cursor:default}
.myExperience li.twoBlk { padding-top:80px; }
.myExperience li.threeBlk { padding-top:59px; }
.myExperience li.fourBlk { padding-top:38px; }

.mainSoftwares{ width:280px; float:left; overflow:hidden; margin-top:10px; margin-left:5px}
.mainSoftwares li {float:left; width:90px;text-align:center;}
.mainSoftwares li img { margin-top:5px;}
.mainSoftwares li a {text-decoration:none; color:#666666; outline:none;font:1em Arial, Helvetica, sans-serif; display:block; height:70px;}
.mainSoftwares li a span{ display:block; color:#FFFFFF;background-color:#fff;}
.mainSoftwares li a:hover span{ background-color:#F0F0F0;color:#336699;}
.mainSoftwares li a.secondRow { height:53px;}
.mainSoftwares li a.secondRow img { margin-bottom:2px; margin-top:2px;}

.moreSoftwares{ float:right;  width:110px; background:url(../images/other-softwares-bg.gif) right top no-repeat; padding-left:15px;  margin-top:10px;}
.moreSoftwares h3 { color:#336699; font:bold 1.1em Arial, Helvetica, sans-serif; margin-top:10px;}
.moreSoftwares ul { list-style-image:url(../images/others-bullet.gif); margin-left:15px; margin-bottom:10px;}
.moreSoftwares ul li { font:.9em Arial, Helvetica, sans-serif; color:#666666; line-height:1.2em;}
.moreSoftwares a{color:#666666; text-decoration:none}
.moreSoftwares a:hover{color:#666666; text-decoration:underline}

#guestbook { padding-top:20px;}

.coolHeading {width:165px; height:35px; padding-left:5px; float:left; margin-top:-24px; margin-left:-23px; background:url(../images/coolHeading-bg.gif) left top no-repeat; font:bold 1em Verdana, Arial, Helvetica, sans-serif; line-height:18px; color:#795300;}
#shutter {position:absolute; left:0; top:0; background-color:#ffffff; line-height:240px; height:175px; width:1px; margin-left:45px; margin-top:30px; display:none; overflow:hidden; border-right:1px dashed #999999; font-size:2.6em; overflow:hidden; text-align:left; color:#e3e8ec; white-space:nowrap; cursor:default}

#trailimageid {
	Z-INDEX: 200; LEFT: 0px; VISIBILITY: hidden;  POSITION: absolute; TOP: 0px; HEIGHT: 0px
}

#marqueecontainer {position: relative; width:142px; /*marquee width */height: 50px; /*marquee height */background-color: white;overflow: hidden;padding: 2px; background:none; margin-top:15px; font:.9em Verdana, Arial, Helvetica, sans-serif; left:10px;}
#marqueecontainer ul  li { clear:left; float:left; width:140px;margin-bottom:30px;}