* { margin: 0; padding: 0; }

a img, img { border: none; }

#page-wrap { width: 800px; margin: 0 auto; }

.photo-link { padding: 5px; margin: 5px; border: 1px solid #999; display: block; width: 100px; float: left; }
.photo-link:hover { border-color: white; }


#art {
float:left;
clear:both;
background: url(resources/fine_art.png) top left no-repeat;
padding-top: 30px;
margin-top:40px;
}

#identity {
float:left;
clear:both;
background: url(resources/identity.png) top left no-repeat;
padding-top: 30px;
margin-top:20px;
}

#illustration {
float:left;
clear:both;
background: url(resources/illustration.png) top left no-repeat;
padding-top: 30px;
margin-top:20px;
}

#interactive {
float:left;
clear:both;
background: url(resources/interactive.png) top left no-repeat;
padding-top: 30px;
margin-top:20px;
}

#print {
float:left;
clear:both;
background: url(resources/print.png) top left no-repeat;
padding-top: 30px;
margin-top:20px;
}

#ui {
float:left;
clear:both;
background: url(resources/ui_design.png) top left no-repeat;
padding-top: 30px;
margin-top:20px;
}