#leftside{
    position: fixed;
    left: 0em;
    bottom: 5em;
	height: 100%;
    width: 30%;
    z-index:0;
}

body, html {
    font: normal 14pt 'Rokkitt', serif;
    color: black;
text-align:justify;
height: 100%;
}

img { max-width: 100% }

#page{
    width: 100%;
    height: 100%;
    overflow: auto;
    background: white;
}


#rightside{
    float: right;
    height: 100%;
    width: 70%;
}

/* The inner containers are incase we find the full layout too spread out at 1920x1080+; we can centralise it using max-width */

#inner_right{
    float: left;
    width: 90%;
    height: 100%;
}

        
    #footer{
        height: auto;
        clear: both;
    }

    #contact, #connect, #bodies, #individuals{
        float: left;
    }
        #contact{
            width: 60%;
        }
        #connect{
            width: 40%;
            text-align: right;
        }
        #connect, #individuals{
            color:#969494;
        }

        #twitter{
            width: 100%;
            height: auto;
            font-size: 0.825em;
        }
        
        #twitter_update_list li{
            list-style: none;
            display: block;
            border-right: 1px solid #2daae2;
            margin-bottom: 0.5em;
            padding-right: 0.5em;
        }
        #twitter_update_list li a{
        }
        #bodies{
            width: 70%;
            overflow: auto;
        }
        #bodies img.associate{
            float: left;
            max-height: 50px;
            display:none;
        }
        #individuals{
            width: 30%;
            height: auto;
            text-align: right;
        }
        #individuals a{
            font-size: 0.825em;
        }


#inner_left{
    float: left;
    width: 100%;
    height: 100%;
}

#header_equivalent{
    width: 100%;
}
    #navbar_container_top, #navbar_container_bottom{
        width: 100%;
        font-family: "Ropa Sans", MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, sans-serif;
        text-align: right;
    }
    ul#navbar{
        list-style: none;
        margin: 0;
        padding: 0;
        
    }
        ul#navbar li.nav_option a{
            float:right;
            text-decoration: none;
            padding: 0.4em 1em 0.4em 0;
            display: block;
            margin-top: 0.4em;
            width: 80%;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.25s ease;
            transition: all 0.25s ease-out;
        }
        ul#navbar li.nav_option a:hover{
            padding: 0.4em 2em 0.4em 0;
        }