body {
     background-image: url("stripes.jpg");
}
#wrapper {
    width: 901px; margin: 0 auto;
}
#main {
    background-image: url("contactus.jpg");
    background-repeat: no-repeat;
    float: center;
    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;
}

#leftcol {
   font-family: Calibri, Helvetica, sans-serif;
   padding-top: 17px;   
   float: left;
   height: 400px;
   width: 400px;
   padding-top: 40px;
   padding-right: 0px;
   padding-left: 60px;
   padding-bottom: 0px;
   color: White;
}
#rightcol {
   float: right;
   padding-top: 60px;
   padding-right: 90px;
   padding-left: 40px;
   padding-bottom: 0px;
   height: 400;
   width: 300px;   
   margin-right: 0px;
   font-family: calibri, helvetica, sans-serif;
   font-size: medium ;
}