body {
     background-color: azure;
     color: black
 }

 #container {
     height: 900px;
     width: 900px;
     /*background-color: aquamarine;*/
     margin: 0 auto;
     position: relative;
 }


 #projecttitle {
     height: 100px;
     width: auto;
     /* border: 2px red solid; */
     padding: 0 20px;
     position: absolute;
     top: 5px;
     left: 5px;
     font-size: 1.75em;
     padding: 0 10px;
 }

 #navigator {
     height: 46px;
     width: auto;
     /* border: 2px red solid; */
     padding: 0 20px;
     position: absolute;
     top: 95px;
     right: 0;

 }

 #page {
     height: 46px;
     width: auto;
     /* border: 2px red solid; */
     padding: 0 0px;
     position: absolute;
     top: 50px;
     right: 0;

 }

 #navigator-left {
     height: 46px;
     width: auto;
     /* border: 2px red solid; */
     padding: 0 20px;
     position: absolute;
     top: 107px;
     left: 0;

 }

 #text1 {
     height: 648px;
     width: 26%;
     border-top: 2px red solid;
     border-right: 2px red solid;
     position: absolute;
     top: 152px;
     left: 0;
     padding: 2%;
 }

 #maincontent {
     height: 648px;
     width: 65%;
     /* border: 2px red solid; */
     position: absolute;
     top: 152px;
     left: 31%;
     padding: 2%;
 }

 #bottombar {
     height: auto;
     width: 100%;
     /* border: 2px red solid; */
     background-color: rgba(201, 201, 201, .3);
     position: absolute;
     bottom: 0;
     left: 0;
     text-align: right;
     padding: 0 10px;
 }

 #fullwidth {
     height: 648px;
     width: 100%;
     /* border: 2px red solid;*/
     position: absolute;
     top: 160px;
     right: 0;

 }

 #maincontentflip {
     height: 648px;
     width: 68%;
     border: 2px red solid;
     position: absolute;
     top: 152px;
     right: 31%;
 }