* {
margin: 0;
padding: 0;
}

body {
color: #000;
font: 0.7em verdana, arial, helvetica, sans-serif;
background: #fff;
text-align: center;
}

h1 {
font-size: 3.2em;
display: block;
height: 100px;
width: 770px;
}

div#main {
margin: auto;
overflow: hidden;
text-align: left;
width: 770px;
}

div#nav {
float: left;
height: 462px;
width: 150px;
}

div#nav ul {
border-bottom: 1px solid #000;
margin-top: 30px;
}

div#nav li {
color: #000;
text-align: left;
}

div#nav li {
border-top: 1px solid;
font-size: 1.2em;
height: 27px;
width: 150px;
}

div#nav li a {
display: block;
font-weight: normal;
height: 100%;
padding-top: 3px;
padding-left: 8px;
text-decoration: none;
}

div#nav li a:focus, div#nav li a:hover, div#nav li a:active { 
font-weight: bold;
}

div#content {
float: left;
padding: 10px 0 15px 55px;
width: 620px;
width/**/:/**/ 565px;
height: 500px;
}

div#content div.picture {
float: left;
margin: 15px 20px 15px 0;
margin-right: 5px;
text-align: center;
height: 119px;
height/**/:/**/ 125px;
width: 165px; 
background: #000;
border: 1px solid #979797;
}

div#preview {
margin-top: 50px;
text-align: center;
height: 343px;
height/**/:/**/ 348px;
width: 465px; 
background: #FFF;
border: 1px solid #979797;
}


img {
border: 0px;
padding: 3px;
}

div#footer {
clear: left;
color: #fff;
background: #000;
border-bottom: 5px solid;
display: block;
height: auto;
padding: 1em 0;
text-align: center;
top: 0;
width: 770px;
}

div#footer a{
color: #fff;
}

a {
color: #000;
}