/***** general style *****/
* {
    box-sizing:border-box;
}
a{text-decoration: none; color: #000;}
img{border: 0 none;}
textarea, button, input, select{background-color: #dadadc; color: #000; border: 0;}
textarea:focus, button:focus, input:focus, select:focus{background-color: #aaa;}
p{margin: 0; padding: 0;}
h1{display: none;}

/***** layout *****/
body{font-family: Helvetica,sans-serif; font-size: 101%; margin: 0; padding: 0; background: #fff; color: #000; text-align: center; min-height: 600px; min-width: 1000px;}
#page{
    width: 990px;
    margin: -301px -495px;
    text-align: left;
    background-color: #fff;
    height: 603px;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 15px 10px 10px 10px;
    border: 1px solid #00519e;
}
#header{margin-bottom: 20px;}
#menubar{font-size: 0.75em;}
#navi{list-style-type: none; padding: 0; margin: 0; float: left;}
#navi li{display: inline; color: #00519e; margin-right: 3px;}
#navi li a{color: #00519e;}
#navidia{float: right; font-family: Arial,sans-serif;}
#main{width: 100%; margin-top: 40px;}
#content{float: left; width: 436px}
#contentup{background-color: #00519e; color: #fff; padding: 10px; height: 279px; font-size: 0.8em; width: 100%;}
#contentup a{color: #fff;}
#contentdown{background-color: #e3e4e5; color: #87888a; padding: 10px; height: 120px; position: relative; width: 100%;}
#contentdown p img{position: absolute; bottom: 10px;}
#diashow{float: right;}
#portfolioleft{float: left;}
#portfolioright{float: left; position: relative; left: 15px;}