#content {width:763px}

#inner {background:url('../images/structure/project-bg.gif') repeat-y;overflow:hidden;width:100%}
#inner h1 {margin:0 12px 0 12px;padding:12px 0}
#inner p {width:199px;margin:10px 12px}

#desc {float:left;width:223px}
#images {float:right;width:539px}
#images #big {float:right;margin:1px 1px 1px 0}
#images ul {list-style:none;padding:0;margin:0}
#images li {float:left;margin:0;padding:0}
#images li a {margin:6px 0 0 6px}
#images li#first a {margin-top:0 !important}
#images a, #images img {display:block}
#images a {border:1px solid #5e6639}
#images a:hover, #images a:active, #images a.active {border-color:#fff}

/* shift up content and move text & big photo back down.
   this balances out extra border pixel */
#content {padding-top:7px}
#desc {background:url('../images/structure/bg.gif') repeat-x}
#images img.right {margin:1px 0 1px 1px}
