body{
  left:0px;
  width:100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
 background-image:  url(../images/bg/stripes_long.gif);
  background-color: #bbbbbb;
}


#mainContentHolder{

    height: 591px;
    width: 100%;
    left: 0px;
    top: 0px;



    position:relative;
    background-color: #ffffff;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #cccccc;

    background-image:  url(../images/hs2.gif);
    background-position: 0px 100%;
    background-repeat: no-repeat;


}

#mainContentVertStrip{

    height: 512px;
    width: 20px;
    left: 2px;
    top: 0px;



    position:absolute;
    background-color: #ffffff;

  /*  background-image:     url(../images/bg/bkgrnd_greydots.png);
    background-position: 0% 100%;*/



}


#mainContentArea{

    position: relative;
    top: 0px;

    width: 790px;
    height: 100%;

    /*border-right: 1px solid #cccccc;*/
   /* border-left: 1px solid #cccccc;*/


    margin: auto auto;
    background-color: #ffffff;
}




#logoArea{

    top: 10px;
    height: 36px;
    width: 105px;

   left : 0px;


    position:absolute;

  /*  background-image: url(../images/justLogo2.gif);   */
    background-repeat: no-repeat;
    background-position: left bottom;
    cursor: pointer;


}

#logoBottomLineLeft, #logoBottomLineRight, #logoBottomLineContent{

    bottom: 0px;
    height: 2px;
    width: 40%;

    position:absolute;

    /*border-bottom: 1px solid #666666*/

}
#logoBottomLineLeft{  left : 85px;  }
#logoBottomLineRight{ right: 0px;    }
#logoBottomLineContent{ width: 100%; left: 0px; }

#introAdvertArea{

    top: 2px;
    height: 220px;
    width: 775px;

   right : 0px;


    position:absolute;
    /*border: 1px solid #333333;*/

    background-repeat: no-repeat;
    background-position: top left;


}

#headerArea{

    top: 280px;
    height: 25px;
    width: 100%;

   right : 0px;


    position:absolute;
  border-top: 1px solid #cfcfcf;


}


#textContentArea{

    top: 343px;
    height: 200px;
    width: 530px;

   right : 0px;
   overflow:hidden ;

    position:absolute;
    background-color: #ffffff;
   /* border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;*/
    /*border-bottom: 1px solid #cccccc;*/
    font-size: 0.7em;
    font-family: sans-serif, Arial, "MS Serif";


}


/*forms*/

#formTopDescription{

    top: 300px;
    height: 25px;
    width: 530px;
    right: 0px;



    position:absolute;
  /*  border: 1px solid #cccccc;         */
    /*border-bottom: 1px solid #cccccc;*/
    font-size: 11px;
    font-family: sans-serif, Arial, "MS Serif";
    text-align: left;
    color: #aaaaaa;


}








#innerTextContent{

    top: 0;
    width: 490px;
    left : 0;

    position:absolute;
    text-align: left;

    line-height: 170%;
    color: #888888;


    /*border: 1px solid #cccccc; */

}

#directionButtons{

    top: 0px;
    height: 100%;
    width: 10px;

   right : 0px;

    position:absolute;
   /* border: 1px solid #cccccc;*/

}

#upButtonHolder, #downButtonHolder{

    bottom: 40px;
    height: 5px;
    width: 10px;

   left : 0px;

    position:absolute;
    /*border: 1px solid #cccccc;*/
    background-repeat: no-repeat;

    cursor: pointer;
}

#upButtonHolder{ bottom: 15px;  background-image: url(../images/up.gif); }
#downButtonHolder{ bottom: 0px; background-image: url(../images/down.gif); }

#cologos{

    top: 298px;
    height: 35px;
    width: 320px;

   right : 0px;


    position:absolute;
    /*border: 1px solid #333333;*/
    background-image:   url(../images/javaport.gif);
    background-repeat: no-repeat;

}



#contactHeading, #usHeading, #projectsHeading, #wwdHeading{

    top: 258px;
    height: 13px;
    width: 100px;

   right : 0px;


    position:absolute;
    /*border: 1px solid #333333;*/
    background-repeat: no-repeat;

}

#contactHeading{     background-image:   url(../images/menu/contactHeader.gif); }
#usHeading{     background-image:   url(../images/menu/usHeader.gif);   width: 63px; }
#projectsHeading{ background-image: url(../images/menu/projectHeader.gif);   width: 126px; }
#wwdHeading{ background-image: url(../images/menu/workHeader.gif);  width: 81px;}

.innerText{
  top: 5%;
  left: 5%;

  height: 90%;
  width:  90%;

  position: absolute;

}

#definition{

    top: 285px;
    height: 58px;
    width: 520px;

   left : 42px;


    position:absolute;
    /*border: 1px solid #333333;*/
    background-image:    url(../images/hDefinition.gif);
    background-repeat: no-repeat;
}

#cologos{

    top: 282px;
    height: 45px;
    width: 729px;

   right : 2px;


    position:absolute;
    /*border: 1px solid #333333;*/
    background-image:
    url(../images/logos.gif);    background-repeat: no-repeat;
}


#tnStrip{
    top: 320px;
    height: 158px;
    width: 793px;

   left : 25px;


    position:absolute;
    /*border: 1px solid #333333;*/
  
}

#tnStrip1{
    top: 470px;
    height: 38px;
    width: 783px;

   left : 25px;


    position:absolute;
    /*border: 1px solid #333333;*/
	
	background: url(../images/ani/t1.jpg)  0px -190px ;  
	
	background-repeat: no-repeat;
  
}


#xs{
  bottom: 3px;
  right: 3px;

  height: 13px;
  width:  78px;


  position: absolute;

  color: #000000;
  background-color:  transparent;

  background-image:  url(../images/bg/xs.gif);
  background-repeat: no-repeat;
}

#goMobi{
  bottom: 50px;
  left: 15px;

  height: 36px;
  width:  133px;



  position: absolute;

  color: #000000;
  background-color:  transparent;

  background-image:  url(../images/goMobi.gif);
  background-repeat: no-repeat;
  cursor: pointer;
}

#surfIt{
  bottom: 50px;
  left: 17px;

  height: 45px;
  width:  94px;



  position: absolute;

  color: #000000;
  background-color:  transparent;

  background-image:   url(../images/surfControl.gif);
  background-repeat: no-repeat;
  cursor: pointer;
}

 #getTheLook{
  bottom: 50px;
  left: 17px;

  height: 31px;
  width:  127px;



  position: absolute;

  color: #000000;
  background-color:  transparent;

  background-image:   url(../images/getthelook.gif);
  background-repeat: no-repeat;
  cursor: pointer;
}


#bizapp{
  bottom: 50px;
  left: 17px;

  height: 29px;
  width:  154px;



  position: absolute;

  color: #000000;
  background-color:  transparent;

  background-image:    url(../images/tsl.gif);
  background-repeat: no-repeat;
  cursor: pointer;
}


#telNo, #mtelno{
  top: 260px;
  right: 1px;

  height: 18px;
  width:  105px;



  position: absolute;

  color: #000000;
  background-color:  transparent;

  background-image:    url(../images/telno.jpg);
  background-repeat: no-repeat;
  cursor: pointer;
}

#mtelno{
  top: 255px;
  left: 249px;
  
  }