/*
 *  index.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *
 */

/* You named this layer background white_center */
#index-1 {
  position: absolute;
  margin-left: -490px;
  left: 50%;
  top: +0px;
  width: 980px;
  height: 660px;
  z-index: 1;
}

/* You named this layer Vector Smart Object 
#index-2 {
  position: absolute;
  left: 9px;
  top: 7px;
  width: 88px;
  height: 88px;
  z-index: 2;
}
*/

/* You named this layer index_basename */
#index-3 {
  position: absolute;
  left: 9px;
  top: 8px;
  width: 337px;
  height: 54px;
  z-index: 3;
}

/* You named this layer studio */
#index-4 {
  position: absolute;
  left: 350px;
  top: 25px;
  width: 136px;
  height: 37px;
  z-index: 4;
}

/* You named this layer communication design  marketing */
#index-5 {
  position: absolute;
  left: 259px;
  top: 75px;
  width: 226px;
  height: 14px;
  z-index: 5;
}

/* You named this layer Shape 1 */
#index-6 {
  position: absolute;
  left: 8px;
  top: 66px;
  width: 964px;
  height: 4px;
  z-index: 6;
}

/* You named this layer RedHorse Studio is the brainchild of Theo Fiorillo  Created in */
#index-7 {
  position: absolute;
  left: 258px;
  top: 369px;
  width: 432px;
  height: 98px;
  z-index: 7;
}

/* You named this layer CathMal */
#index-8 {
  position: absolute;
  left: 8px;
  top: 110px;
  width: 968px;
  height: 241px;
  z-index: 8;
}

/* You named this layer Programmed by Kirsten Walker_link */
#index-9 {
  position: absolute;
  left: 11px;
  top: 627px;
  width: 141px;
  height: 11px;
  z-index: 9;
}

/* You named this layer company_link */
#index-10 {
  position: absolute;
  left: 14px;
  top: 378px;
  width: 164px;
  height: 27px;
  z-index: 10;
}

/* You named this layer capabilities_link */
#index-11 {
  position: absolute;
  left: 15px;
  top: 414px;
  width: 185px;
  height: 34px;
  z-index: 11;
}

/* You named this layer capabilities_linkover */
#index-12 {
  position: absolute;
  left: 15px;
  top: 414px;
  width: 185px;
  height: 34px;
  z-index: 12;
}

/* You named this layer portfolio_link */
#index-13 {
  position: absolute;
  left: 17px;
  top: 455px;
  width: 135px;
  height: 34px;
  z-index: 13;
}

/* You named this layer portfolio_linkover */
#index-14 {
  position: absolute;
  left: 17px;
  top: 455px;
  width: 135px;
  height: 34px;
  z-index: 14;
}

/* You named this layer clients_link */
#index-15 {
  position: absolute;
  left: 17px;
  top: 497px;
  width: 106px;
  height: 27px;
  z-index: 15;
}

/* You named this layer clients_linkover */
#index-16 {
  position: absolute;
  left: 17px;
  top: 497px;
  width: 106px;
  height: 27px;
  z-index: 16;
}

/* You named this layer contact_link */
#index-17 {
  position: absolute;
  left: 16px;
  top: 539px;
  width: 131px;
  height: 26px;
  z-index: 17;
}

/* You named this layer contact_linkover */
#index-18 {
  position: absolute;
  left: 16px;
  top: 539px;
  width: 131px;
  height: 26px;
  z-index: 18;
}

/* You named this layer company_linkover */
#index-19 {
  position: absolute;
  left: 14px;
  top: 378px;
  width: 164px;
  height: 27px;
  z-index: 19;
}

/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a { cursor: pointer; }
a:link { color: #F88; }
a:visited { color: #F88; }
a:hover {
  color: #F00;
  /* text-decoration: underline; */
  /* font-weight: bold; */
}