/*---- STYLES APPLIED TO ALL HTML ----*/

@import 'common.css';

/*---- STYLES APPLIED TO HARDWARE.HTML ----*/

div#wrapper #content {
  top: 0;
  ;
}

#goBack {
  position: relative;
  top: 0;
  left: 1em;
  width: 73px;
  height: 46px;
  ;
}

.titlePic {
  background: transparent url(../images/hardware_sm.png) no-repeat center;
  ;
}

#intro {
  position: relative;
  width: 80%;
  margin: 0 10%;
  ;
}
  p.copy {
    font-size: 1.2em;
    text-align: justify;
    line-height: 1.1em;
    ;
  }

#center {
  position: relative;
  width: 100%;
  margin: 0;
  border: none;
  ;
}

#navigation {
  width: 50%;
  margin-left: 10%;
  ;
}
  #navigation a {
    text-decoration: none;
    width: auto;
    ;
  }
  #navigation a img {
    width: 114px;
    height: 85px;
    padding: 0;
    ;
  }

div.hwPics {
  margin: 0;
  ;
}

img.hwPics {
  margin: 0 34%;
  ;
}

img.hwPics#graphire4Pic, img.hwPics#unoMidiPic {
  margin: 0 30%;
  ;
}

p.first {
  font-size: 1.75em;
  text-align: center;
  width: 100%;
  margin: 2em 0 2em;
  ;
}

p.last {
  font-size: 1.25em;
  text-align: left;
  margin: 2em 10%;
  ;
}
  p.last#last {
    font-size: 1.25em;
    text-align: left;
    margin-bottom: 0;
    ;
  }

.hLine {
  margin: 0 8%;
  ;
}

div.noJSfooter {
  padding: 4em 0 1em;
  ;
}