Centrering af website - horizontalt og vertikalt - men hvordan?

Hej!

Jeg er igang med at rette dette site til og skulle gerne have hele siden centreret både lodret og vandret...men det er ved at drive mig til vanvid..og nu tror jeg ikke at jeg kan se skoven for bare bare træer...

link til siden: www.zorcio.com

Er der nogen der har en god idé?
Her er indholdet af CSS filen...

@charset "utf-8";
/* CSS Document */


html, body {   
        width: 100%;
    height: 100%;
        margin-left: 0px;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 0px;
      background: #fff;
    padding-bottom: 10px;
}

body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
      line-height: 135%;
}
 
h1,h4,h5,h6  {
        font-size: 14px;
        color: #333;
        font-weight: bold;
}
   
h2  {
          color: #333;
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
    margin:0;
    padding:0; 
    font-family: Arial, Helvetica, sans-serif;
    line-height: 16px;
}

h3  {
          color: #333;
    font-weight: bold;
    font-size: 12px;
    text-transform: none;
    margin-bottom: 10px;
    padding-top: 0;
    margin-top: 0;
    font-family: Arial, Helvetica, sans-serif; 
}

a    {
      color: #000;
}

a:hover {
    text-decoration: none;
}

.container {
    width: 1100px;
    margin: 0 auto;
position: center;

}


#top {
    float: left;
    border-bottom: dotted 1px #999;
    height: 85px;
    width: 1000px;
}

#topin {
    width: 895px;
    margin-left: 135px;
}

#logo {
    width: 80px;
    height:80px;
    float: left;
    margin-top: -15px;
    margin-left: -135px;   
    position:relative;
    z-index: 800;   
}

#wrapper {
    width: 100%;
    float: left;
    clear: left;
    margin:0;
}

#main {
    clear: left;
    float: left;
    margin-top: 0;
    width: 900px;
    margin-left: 100px;
    padding-top: 15px;
    padding-bottom: 15px;   
}

#content {
    width: 420px;
    float: left;
    margin: 0;

}

#content2 {
    width: 900px;
    float: left;
    margin: 0;

}

#right {
    width: 325px;
    float: right;
}

#right .moduletable {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

#right h3 {
    margin-bottom: 6px;
    margin-top: 0;
    font-size: 14px;
    color: #5a8535;
    text-transform: none;
    font-weight: bold;
}
#footer {
    clear: left;
    width: 100%;
    margin: 0 auto;
    font-size: 11px;
    color: #333;
    padding-bottom: 10px;
    padding-top: 5px;
    border-top: dotted 1px #999999;
   
}

#footer a {
    color: #333;
}


#searchBox h3,
#footer h3,
#mainMenu h3 {
    display: none;
}

h2.contentheading, h2.componentheading, .componentheading {
    margin-bottom: 10px;
    margin-top: 0;
    color: #666666;
    font-weight: bold;
    font-size: 20px;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 18px;
}


ul {
    margin: 2px;
    padding: 6px;
    padding-left: 15px;
}

li {   
    padding-left: 1px;
    line-height: 150%;
}

ul.arrow1 li,
ul.arrow2 li {
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}

textarea,
input {
    border: solid 1px #fff;
    color: #333;
}
   
.button {
    cursor: pointer;
}