.project-listing {
    margin:0 0 10px 0;
    padding:0;
    float:left;
    width:100%;
    clear:both;
    background:transparent url('../img/project_list_bg.gif') repeat-y
}

.project-listing li {
    margin:0;
    padding:0 7px 0 8px;
    list-style:none;
    float:left;
    width:222px
}

.project-listing li.last {
    padding:0 0 0 8px;
}

.project-listing img {
    float:left;
}

.project-listing li.end {
    margin:0 0 1px 0;
}

.project-listing h2 {
    margin:0;
    float:left;
    width:222px;
    font-family:georgia,times new roman, serif;
}

.summary {
    font-family:Helvetica,Arial,Verdana,sans-serif;
}

#content .project-listing a {
    text-decoration:none;
    color:#111e3f
}

#project-list #content {
    margin-right:0;
    padding-left:0;
    width:706px
}

.project-image {
    padding:20px 0
}

#project-list #content-wrap {
    background:none
}

#site-type {
    float:left;
    width:220px;
    padding-left: 15px;
}

#features {
    float:left;
    width:311px;
}

#features ul, #site-type ul {
    padding:0;
    margin:8px 0
}

#features li, #site-type li {
    list-style:none;
    padding:0 0 5px 10px;
    margin:0;
    background:transparent url('../img/bullet.gif') left 0.5em no-repeat
}

#project-url {
    display:block;
    float:right;
    color:#111e3f;
    text-decoration:none
}

#project-url:hover {
    text-decoration:underline
}

#prev-next {
    float:left;
    display:inline;
    width:100%;
    margin-top:20px
}

#previous {
    float:left;
    padding-left:18px;
    background:transparent url('../img/arrow_prev_next.gif') 0 -135px no-repeat
}

#previous:hover {
    background-position:0 0
}

#next {
    float:right;
    padding-right:18px;
    background:transparent url('../img/arrow_prev_next.gif') right -135px no-repeat
}

#next:hover {
    background-position:right 0
}

#previous,#next {
    color:#111e3f;
    text-decoration:none
}