walcss

.container {
    height: 100%;
    margin: auto;
    width: 50%;
    background: grey;
    line-height: 1.3;
    box-shadow: 0px 1px 1px #666;
}

#header {
background: #b8b8b8;
width:100%;
height: 150px;
}

#logo{
border-style: solid;
border-color: orange;
background:white;
width: 250;
height: 70;

}

#navbackground {
margin-top: 0;
padding:0;
background:white;
width:100%;
height: 90px;
}

#nav a{
    text-decoration: none;
    font-family: 'Arial','FreeSans','Helvetica','sans-serif';
    font-size: 20px;
    font-weight: bold;
    padding: 20px;
    background: orange;
    color: white;
}
#nav a:active{
    background-color: #ff8f00;
}

#nav a:hover{
        background-color: #ffb424;
        color: grey;
        box-shadow: 0px 1px 1px #666;
        }
#nav ul li{
            display: inline-block;
            height: 10px;
            width: 100px;
            padding: 10 10 10 10;
            margin: 10 0 0 30;
        }


p{
    font-family: 'Arial','FreeSans','Helvetica','sans-serif';
    font-size: 14px;
}

#body {
background:white;
margin:70;
width: 470px;
height: 500px;
padding: 20 0 0 30;
}

h1{
color:orange;
}

#pic{
margin: 20 0 0 110;
}