body{
  width: 1200px;
  margin-left: 10;
  margin-right: auto;
  background-image: url(images/gridbg.png);

}
 /* calculation button */
.calc{
  position: absolute;
 left:525px;
 top: 400px;

}
/* Rough opening */
.ro{
 position: absolute;
 left: 320px;
 top: 15px;
}
/* Jamb width outer dimention */
.jwod
 {
 position: absolute;
 left: 500px;
 top: 63px;

}
/* Door jamb width outer dimension */
.djwod
 {
   position: absolute;
 left: 315px;
 top: 105px;

}
/* sidelite jamb width outer dimension */
.sljwod
 {
   position: absolute;
 left: 650px;
 top: 105px;

}
/* Door call size width */
.drcallw
 {
   position: absolute;
 left: 315px;
 top: 170px;

}
/* Sidelite call size width */
.slcallw
 {
   position: absolute;
 left: 650px;
 top: 170px;

}
/* Brick mold outside dimension */
.bmoa
 {
   position: absolute;
 left: 410px;
 top: 320px;

}
/* Paragraph for instructions and comments */
.instruction{
  position: absolute;
  text-align: center;
  left: 525px;
  top: 550px;
  width: 375px;
  padding: 10px;
  background-color: #CCCCCC;
}
/* Rough Opening height outside dimension */
.rohod{
 position: absolute;
 left: 10px;
 top: 680px;
}
/* Jamb height outside dimension */
.jhod {
 position: absolute;
 left: 425px;
 top: 685px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .rowod{
 position: absolute;
 left: 450px;
 top: 20px;
 }

 .jmwod{
 position: absolute;
 left: 450px;
 top: 73px;
 }
.djod{
 position: absolute;
 left: 448px;
 top: 138px;
 }

 .sljod{
 position: absolute;
 left: 140px;
 top: 138px;
 }
 .sljod2{
 position: absolute;
 left: 750px;
 top: 138px;
 }
 .slcod2{
 position: absolute;
 left: 750px;
 top: 198px;
 }
 .slcod{
 position: absolute;
 left: 140px;
 top: 198px;
 }
 .slcod3{
 position: absolute;
 left: 140px;
 top: 198px;
 }

 .dcallw{
 position: absolute;
 left: 455px;
 top: 198px;
 }

 .bmwod{
 position: absolute;
 left: 448px;
 top: 338px;
 }
 .jhod2{
 position: absolute;
 left: 535px;
 top: 705px;
 width: 90px;
 }

 .rohod2{
 position: absolute;
 left: 5px;
 top: 725px;
 width: 85px;
 }
 .dcallh{
 position: absolute;
 left: 730px;
 top: 400px;
 }
.calca {
position: absolute;
 left: 730px;
 top: 430px;
}

.clearit2{
position: absolute;
 left: 730px;
 top: 460px;
}
.instruction2{
  text-align: center;
  position: absolute;
  left: 650px;
  top: 550px;
  width: 400px;
  padding: 12px;
  background-color: #CCCCCC;
 }
 .disclaimer{
   color: #FF0000;
   font-size: xx-small;
   position: absolute;
   width: 400px;
   left: 0px;
   top: 1000px;
 }
 .calctype{
 position: absolute;
 left: 650px;
 top: 360px;

 }