body {
background:#fff;
font-family:georgia, helvetica, sans-serif;
font-size:12px;
color:#666;
line-height:1.5;
text-align:center;
padding:0px;
margin:0px;
}

div#container {
width:100%;
height:100%;
}

div#photos, div#drawings {
width:50%;
height:100%;
}

div#photos {
float:left;

background:#000 url("../images/bg_photos.jpg") repeat;
}

div#drawings {
float:right;

background:#000 url("../images/bg_drawings.jpg") repeat;
}

div#photos div.content, div#drawings div.content {
background:#555;
margin:0 auto;
margin-top:100px;
padding:25px;
width:320px;
height:450px;

color:#ccc;
}


div#photos div.content {
float:right;

}

div#drawings div.content {
float:left;
border-left:1px dotted #ccc;
}

div#drawings div#thumbnails {
margin:0 auto;
width:275px;
}



div#drawings div#thumbnails a {
width:50px;
height:50px;

text-align:center;
padding:2px;
display:block;
float:left;
}

div#drawings div#thumbnails a:hover img {
border:1px dotted #f2efa4;
}

a {
text-decoration:none;
}

a:link, a:visited, a:active {
color:#fff;
}

a:hover {
color:#f2efa4;
}