Partendo da questa file style.css esce il sito che vedete su www.laugher.it

codice:
#container {
  width: 1080px;
  margin: 0 auto;
  position: relative;
}
header {
  width: 1080px;
  margin: 0 auto;
  overflow: hidden;
}
#main {
  width: 710px;
  position: relative;
  float: left;
  margin-right: 5px;
  margin-left: 5px;
}
#main #benvenuto {
  background: #FFFFE0;
  border: 2px solid #E60855;
  padding: 10px;
}
aside {
  width: 350px;
  position: relative;
  float: left;
  margin-right: 5px;
  margin-left: 5px;
}
footer {
  width: 1080px;
  margin: 0 auto;
  overflow: hidden;
}
.site-header {
    background: url("http://www.laugher.it/wp-content/the...ers/circle.png") no-repeat scroll center top / 1600px auto transparent;
}
.site-header {
    position: relative;
}
summary {
    display: block;
}
* {
    -moz-box-sizing: border-box;
}
body {
    color: rgb(20, 20, 18);
    line-height: 1.5;
}
textarea {
    font-family: "Source Sans Pro",Helvetica,sans-serif;
}
html {
    font-size: 100%;
}
Io vorrei attaccare l'immagine dell'header sul lato sinistro dello schermo. Che parte dovrei modificare?

E' che sto cercando di capire come funziona.