body {
     background-image: url("stripes.jpg");


}
#wrapper {
    width: 901px; margin: 0 auto;
}
#main {
    background-image: url("ss.png");
    background-repeat: no-repeat;
    float: left;
    height: 426px;
    width: 901px;
}
#footer {
   font-family: calibri, Helvetica, sans-serif;  
   font-size: x-small;
   float: left;
   height: 10px;
   width: 901px;
   color: Black;
   clear: both;
}
#footerindex:link {
COLOR: Black;
}
#footerindex:visited {
COLOR: Black;
}
#footerindex:hover {
COLOR: GrayText;
}
#footerindex:active {
COLOR: Black;
}
#index
{
  display: block;
  width: 101px;
  height: 29px;
  background: url("home_0.jpg") no-repeat 0 0;
}
#index:hover
{ 
  display: block;
  width: 101px;
  height: 29px;
  background: url("home_1.jpg") no-repeat 0 0;
}
#index span
{
  position: absolute;
  top: -999em;
}

#whatwedo
{
  display: block;
  width: 124px;
  height: 29px;
  background: url("whatwedo_0.jpg") no-repeat 0 0;
}
#whatwedo:hover
{ 
  display: block;
  width: 124px;
  height: 29px;
  background: url("whatwedo_1.jpg") no-repeat 0 0;
}
#whatwedo span
{
  position: absolute;
  top: -999em;
}

#showcase
{
  display: block;
  width: 141px;
  height: 29px;
  background: url("ourshowcase_0.jpg") no-repeat 0 0;
}
#showcase:hover
{ 
  display: block;
  width: 141px;
  height: 29px;
  background: url("ourshowcase_1.jpg") no-repeat 0 0;
}
#showcase span
{
  position: absolute;
  top: -999em;
}

#affiliates
{
  display: block;
  width: 143px;
  height: 29px;
  background: url("ouraffiliates_0.jpg") no-repeat 0 0;
}
#affiliates:hover
{ 
  display: block;
  width: 143px;
  height: 29px;
  background: url("ouraffiliates_1.jpg") no-repeat 0 0;
}
#affiliates span
{
  position: absolute;
  top: -999em;
}

#careers
{
  display: block;
  width: 100px;
  height: 29px;
  background: url("careers_0.jpg") no-repeat 0 0;
}
#careers:hover
{ 
  display: block;
  width: 100px;
  height: 29px;
  background: url("careers_1.jpg") no-repeat 0 0;
}
#careers span
{
  position: absolute;
  top: -999em;
}

#contactus
{
  display: block;
  width: 141px;
  height: 29px;
  background: url("contactus_0.jpg") no-repeat 0 0;
}
#contactus:hover
{ 
  display: block;
  width: 141px;
  height: 29px;
  background: url("contactus_1.jpg") no-repeat 0 0;
}
#contactus   span
{
  position: absolute;
  top: -999em;
}
#specialproject
{
  display: block;
  width: 150px;
  height: 29px;
  background: url("specialprojects_0.jpg") no-repeat 0 0;
}
#specialproject:hover
{ 
  display: block;
  width: 150px;
  height: 29px;
  background: url("specialprojects_1.jpg") no-repeat 0 0;
}
#specialproject   span
{
  position: absolute;
  top: -999em;
}