/* MIXINS */
.aboutcontent {
  /*width: 787px;*/

  width: 980px;
  height: 610px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background: #ffffff url('about.png') no-repeat bottom right;
}
.aboutcontent p {
  position: absolute;
  top: 190px;
  left: 193px;
  font-size: 18px;
  color: #777;
  line-height: 1.5;
}
.aboutcontent h1 {
  position: absolute;
  top: 160px;
  left: 383px;
  display: inline-block;
  width: 180px;
  height: 53px;
  background-image: url('sprite.png');
  background-position: -1023px -281px;
}
.aboutcontent span {
  color: #fd6c02;
  background: #ffffff url('quote.png') no-repeat 0 4px;
}
a.contact,
a.contact:link,
a.contact:visited {
  position: absolute;
  top: 90px;
  left: -27px;
  opacity: .46;
  height: 55px;
  width: 253px;
  background-position: -647px -88px;
  -moz-transform: scale(1) rotate(-50deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -webkit-transform: scale(1) rotate(-50deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -o-transform: scale(1) rotate(-50deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -ms-transform: scale(1) rotate(-50deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  transform: scale(1) rotate(-50deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
a.contact:hover,
a.contact:active {
  background-position: -647px -143px;
}
a.service,
a.service:link,
a.service:visited {
  position: absolute;
  top: 130px;
  left: -27px;
  opacity: .3;
  width: 376px;
  height: 67px;
  background-position: -647px -198px;
  -moz-transform: scale(1) rotate(-27deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -webkit-transform: scale(1) rotate(-27deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -o-transform: scale(1) rotate(-27deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -ms-transform: scale(1) rotate(-27deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  transform: scale(1) rotate(-27deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
a.service:hover,
a.service:active {
  background-position: -647px -265px;
}
a.nav:hover,
a.nav:active {
  opacity: 1;
}