/*--------------
--- DEFAULTS ---
--------------*/

body   
{
    font-size: 100%;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    line-height:1.5;
    margin: 0px;
    padding: 0px;
    background:#ffffff;
}
img 
{
    border:none; 
    outline:none; 
    vertical-align:middle;
}

li 
{
    padding-top:.5em; 
    padding-bottom:0.5em;
}

sub 
{ 
    vertical-align:middle; 
    font-size:small;
}
sup 
{ 
    font-size:8px;
}

a {
    color: #1155CC;
}

h1, h2, h3, h4 
{ 
    font-family: 'Helvetica',sans-serif;
}

/*---------------------
--- LAYOUT ELEMENTS ---
---------------------*/

.main {
    background-color: #eeeeee;
    margin: 0 auto;
    max-width: 1280px;
    min-width: 800px;
    position:relative;
    width: 100%;
} 

.header{
    height: 32px; 
    margin-left: 5%;
    overflow: hidden;
    text-align: right;
    width: 90%
}

.framebox {
    align-items: center;
    background-color: #ffffff;
    border-radius:8px;
    border-style: solid;
    border-width: 1px 5px 5px 1px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 1.3em;
    margin-bottom: 16px;
    margin-left: 5%;
    width: 90%;
}

.textbox {
    align-self: flex-start;
    flex: 1 1 45%;
    margin: 0px 24px 16px 24px;
    text-align: center;
}

.picbox {
    flex: 1 1 35%;
    margin: 16px 24px 32px 24px;
    text-align: center;
}

.addressbox {
    flex: 1 1 55%;
    margin: 16px 24px 32px 24px;
    text-align: center;
    white-space: nowrap;
}

.menubox {
    align-content: center;
    flex: 90%;
    justify-content: center;
    margin: 16px auto 16px auto;
    text-align: center;
}

.listbox {
    align-self: flex-start;
    flex: 1 1 45%;
    margin: 0px 24px 16px 24px;
    overflow: hidden;
    text-align: left;
}

.bookmarkbox {
    align-self: flex-start;
    flex: 1 1 25%;
    margin: 0px 24px 16px 24px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
}

.listbox ul, .bookmarkbox ul{
    list-style:none;
}

.footer{
    text-align: center;
    height: 40px; 
    overflow: hidden;
}