body {
  border:0px;
  padding:0px;
}

/* colorize the pages to clarify differentiation */
.demoRed {
  color: hsl(344, 25%, 45%);
  background-image: url('../images/demo_page_red.png');
}
.demoBlue {
  color: hsl(235, 25%, 45%);
  background-image: url('../images/demo_page_blue.png');
}
.demoGreen {
  color: hsl(117, 25%, 45%);
  background-image: url('../images/demo_page_green.png');
}
.demoPurple {
  color: hsl(286, 25%, 45%);
  background-image: url('../images/demo_page_purple.png');
}
.demoYellow {
  color: hsl(38, 25%, 45%);
  background-image: url('../images/demo_page_yellow.png');
}

#demoContainer {
  margin-right:auto;
  margin-left:auto;
  position:relative;
  padding: 0;
  width: 1024px;
  height: 768px;
  border: solid 1px;
}
#demoContainer h1 {
  position: absolute;
  top: 20px;
  left: 50px;
}

#demoLinks{
  position: absolute;
  padding: 0;
  margin: 0;
  top: 5px;
  right: 10px;
  width: 500px;
  height: 1.2em;
  /*border: solid black 1px;*/
  text-align: right;
}
#demoDescription {
  position: absolute;
  padding: 0;
  margin: 0;
  top: 90px;
  left: 50px;
  width: 940px;
  height: 40px;
  /*border: solid black 1px;*/
}
#demoSidebar {
  position: absolute;
  padding: 0;
  margin: 0;
  top: 205px;
  left: 50px;
  width: 155px;
  height: 495px;
  /*border: solid black 1px;*/
}
#demoContent {
  position: absolute;
  padding: 0;
  margin: 0;
  top: 270px;
  left: 260px;
  width: 735px;
  height: 460px;
  /*border: solid #dddddd 1px;*/
  /*background-color: #ffffff;*/
}