/* ------------------------------------------*/
/* ------------- Colour Reference -----------*/
/* ------------------------------------------*/

/*
  Deep purple: #680966
  Mid purple: #993E97
  Pale purple: #CBA8CF
  Footer blue: #00427A
  Blue text: #0d2E88
  Purple text: #733176
  Dark shell: #F1D9C0
  Pale shell: #F9F0E7
  White: #FFFFFF
  Black: #221E1F
*/

body {
  margin: 0;
  padding: 0;
  background: #92268F url('../images/hp-bg.gif') 0 0 repeat-y;
}

#container {
  position: relative;
  width: 758px;
  margin: 120px auto 0 auto;
  background: none;
  border: none;
}

#borders {
  border: 2px solid #993E97;
}

#fb {
  position: relative; 
  left:464px; 
  top:15px;
  width: 292px;
}

body #header {
  left: 0;
  height: 487px;
  background: #680966 url('../images/hp-massage-healing-beauty.gif') 0 -10px no-repeat;
}

div#massage {
  background: url('../images/back-massage.jpg') 0 0 no-repeat;
  width: 215px;
  height: 174px;
  position: absolute;
  top: 205px;
  left: 473px;
}


div#healing {
  background: url('../images/hot-stone-massage.jpg') 0 0 no-repeat;
  width: 177px;
  height: 139px;
  position: absolute;
  top: 294px;
  left: 115px;
}

div#beauty {
  background: url('../images/head-massage.jpg') 0 0 no-repeat;
  width: 149px;
  height: 149px;
  position: absolute;
  top: 52px;
  left: 305px;
}

div#pamper {
  background: url('../images/face-mask.jpg') 0 0 no-repeat;
  width: 150px;
  height: 224px;
  position: absolute;
  top: 224px;
  left: 305px;
}