body {
margin: 0;
padding: 0;
font-size: 11px;
cursor: default;
color: #ccc;
background-image: url('latest.jpg');
background-attachment: fixed;
background-repeat: no-repeat;
background-color: #000;
font-family: arial, helvetica, sans-serif, san-serif;
}
img {
behavior: url('/pngHack/pngHack.htc');
border: 0px;
padding: 0px;
}
#content {
position: relative;
top: 0px;
width: 965px;
left: 17px;
}
p {
color: #666;
}


/*TOP, NAV AND TITLE DIV POSITIONS, SIZES */


#info {
z-index: 1;
position: absolute;
width: 965px;
}
#info-over {
z-index: 3;
position: absolute;
width: 965px;
}
#infopanel {
z-index: 3;
position: absolute;
width: 965px;
}


#top {
z-index: 3;
position: absolute;
width: 965px;
}
#navigation {
z-index: 2;
top: 70px;
position: absolute;
width: 965px;
height: 370px;
}
#navigation-home {
z-index: 2;
top: 150px;
position: absolute;
width: 965px;
height: 370px;
}
#work {
z-index: 0;
position: absolute;
top: 320px;
width: 578px;
}
#title {
z-index: 3;
position: absolute;
top: 314px;
width: 965px;
font-family: helvetica, arial, sans-serif, san-serif; 
color: #fff;
font-weight: bold;
}
#title a {
background-color: #fff;
color: #333;
text-decoration: none;
}
#title a:hover {
text-decoration: underline;
}
#prettythings {
position: relative;
margin-top: 60px;
}
#prettythings img {
border: 0px;
padding: 0px;
}
#work p {
line-height: 8px;
}


/*  Navigation columns */
.category-header {
width: 145px;
margin: 0px;
height: 20px;
margin-bottom: 20px;
}
#interactive {
z-index: 4;
position: absolute;
left: 0px;
top: 120px;
}
#motion {
z-index: 4;
position: absolute;
left: 193px;
top: 120px;
}
#graphic {
z-index: 4;
position: absolute;
left: 386px;
top: 120px;
}
#photography {
z-index: 4;
position: absolute;
left: 579px;
top: 120px;
}
#etc {
z-index: 4;
position: absolute;
left: 772px;
top: 120px;
}

/* Nav lists */
ul {
padding-top: 20px;
width: 193px;
padding: 0px;
margin: 0px;
}
li {
margin: 0px;
list-style-type: none;
padding-top: 0px;
margin-bottom: 10px;
}
li.entry {
margin: 0px;
list-style-type: none;
padding-top: 0px;
margin-bottom: 2px;
}
li a {
display: block;
width: 193px;
}
#graphic li a:hover {
background-color: #853a55;
}
#interactive li a:hover {
background-color: #9e8738;
}
#motion li a:hover {
background-color: #8e5032;
}
#photography li a:hover {
background-color: #416484;
}
#etc li a:hover {
background-color: #45753a;
}

/* Titles */


/* Up button */
#endtheme {
position: relative;
width: 965px;
height: 200px;
z-index: 3;
left: 0px;
bottom: 0px;
margin-top: 55px;
}