#homeBac { 
 width: 899px;
 height: 696px;
 color: #333;
 background-image: url(images/anchors/interlock2.jpg);
 margin: 0px 0px 5px 0px;
 padding: 10px;
}

/* begin gift nav */

#sqLeft  a{
  position: absolute;
  z-index: 1;
  top: 65px;
  left: 25px;
  background-color: #C00;
  height: 20px;
  width: 20px;
  text-align: center;
  color: #C00;
}

#sqLeft a:hover
{
color: #0F0;
background-color: #0F0;
}

#sqLeft a:visited
{
color: #CCC;
background-color: #CCC;
}

#sqRight  a{
  position: absolute;
  z-index: 1;
  top: 375px;
  right: 17px;
  background-color: #C00;
  height: 20px;
  width: 20px;
  text-align: center;
  color: #C00;
}

#sqRight a:hover
{
color: #0F0;
background-color: #0F0;
}

#sqRight a:visited
{
color: #CCC;
background-color: #CCC;
}

#sqBottom  a{
  position: absolute;
  z-index: 1;
  top: 585px;
  left: 185px;
  background-color: #C00;
  height: 20px;
  width: 20px;
  text-align: center;
  color: #C00;
}

#sqBottom  a:hover
{
color: #0F0;
background-color: #0F0;
}

#sqBottom t a:visited
{
color: #CCC;
background-color: #CCC;
}

#sqChaplin  {
  position: absolute;
  top: 65px;
  left: 725px;
  background-color: #C00;
  height: 20px;
  width: 20px;
  text-align: center;
  color: #C00;
}

#sqBusby  {
  position: absolute;
  top: 165px;
  left: 625px;
  background-color: #C00;
  height: 20px;
  width: 20px;
  text-align: center;
  color: #C00;
}

/* end gift nav */



ul#client 
{
list-style-type: square;
font-family: "Comic Sans MS", fantasy;
}



.displace {
	position: absolute;
	left: -5000px;
	}



/* begin graphic square */


   #graphic a   {

      display:block;
      margin-top: 375px;
      margin-left: 70px;      
      width: 114px;
      height: 114px;
      position: absolute;
background:url("images/work/designicon.jpg") no-repeat left top;
      }


    #graphic a:hover {

      background:url("images/work/designicon.jpg") no-repeat left top;
background-position:0% -114px;

      }

    #graphic a:active {

      background-position:100% -114px;
      background:url("images/work/designicon.jpg") no-repeat left top;

      }
      
/* begin illustration square */
   #illo a   {

      display:block;
      margin-top: 20px;
      margin-left: 350px;      
      width: 114px;
      height: 114px;
      position: absolute;
background:url("images/work/cartoonicon.jpg") no-repeat left top;
      }


    #illo a:hover {

      background:url("images/work/cartoonicon.jpg") no-repeat left top;
background-position:0% -114px;

      }

    #illo a:active {

      background-position:100% -114px;
      background:url("images/work/cartoonicon.jpg") no-repeat left top;

      }


/* begin flash square */

  #flash a   {     
      width: 114px;
      height: 114px;
background:url("images/work/flashicon.jpg") no-repeat left top;
      margin-top: 80px;
       margin-left: 700px;
      display: block;
      }


    #flash a:hover {

      background:url("images/work/flashicon.jpg") no-repeat left top;
background-position:0% -114px;

      }

    #flash a:active {

      background-position:100% -114px;
      background:url("images/work/flashicon.jpg") no-repeat left top;

      }


/* begin vid/film/games square */
  #video a   {

      display: block;
      margin-top: 375px;
      margin-left: 720px;      
      width: 114px;
      height: 114px;

background:url("images/work/filmicon.jpg") no-repeat left top;
      }


    #video a:hover {

      background:url("images/work/filmicon.jpg") no-repeat left top;
background-position:0% -114px;

      }

    #video a:active {

      background-position:100% -114px;
      background:url("images/work/filmicon.jpg") no-repeat left top;

      }