body {
    background-color: darkslategrey;
    color: cornsilk;
}

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

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

#navigation{
    height: 38px;
    width: auto;
    border: 2px red solid;
    padding: 0 20px;
    position: absolute;
    top: 110px;
    right: 0;
    
}

#text1 {
    height: 648px;
    width: 30%;
    border: 2px red solid;
    position: absolute;
    top: 160px;
    left: 0;
}

#maincontent {
    height: 648px;
    width: 68%;
    border: 2px red solid;
    position: absolute;
    top: 160px;
    right: 0;
}
#text1flip {
    height: 648px;
    width: 30%;
    border: 2px red solid;
    position: absolute;
    top: 160px;
    right: 0;
}

#maincontentflip {
    height: 648px;
    width: 68%;
    border: 2px red solid;
    position: absolute;
    top: 160px;
    left: 0;
}

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

#bottombar {
    height: 50px;
    width: 100%;
    border: 2px red solid;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: right;
}