/********************************************
* Lawrence & Geyser
* Developed by I-ology
* http://www.i-ology.com
*
* Created 08/16/2007 - AC
*
* Projects Style Definitions
********************************************/

/*********************************
* Titles & Headers
*********************************/

#ttl-projects,
#ttl-project-archives {
    height: 36px;
    margin: 0 0 5px 18px;
    text-indent: -9999px;
    overflow: hidden;
}

#ttl-projects {
    background: url(/images/ttl_projects.jpg) top left no-repeat;
}
#ttl-project-archives {
    background: url(/images/ttl_project_archives.jpg) top left no-repeat;
}

/*********************************
* Layout Definitions 
*********************************/

.project {
    width: 456px;
    margin-top: 20px;
    padding-bottom: 5px;
    overflow: hidden;
    background: url(/images/home_divider.gif) 51% 100% no-repeat;
}

.last {
    background: none;
}

.photo {
    float: left;
    width: 154px;
}

.project-detail {
    float: right;
    width: 280px;
    padding: 2px 0 10px 0;
}

.project-detail2 {
    width: 445px;
    padding: 2px 0 10px 0;
}

.project-detail h2,
.project-detail2 h2 {
    margin: 0 0 8px 0;
}

.project-detail h2 a
.project-detail2 h2 a {
    text-decoration: none;
}

.project-detail h2 a:hover
.project-detail2 h2 a:hover {
    text-decoration: underline;
}

#other-projects {
    margin-top: 65px;
}

#other-projects h3 {
    height: 37px;
    text-indent: -9999px;
    background: url(/images/hdr_other_projects.gif) top left no-repeat;
}

#other-projects ul {
    margin: 0;
    padding: 0 0 47px 0;
    list-style: none;
    background: url(/images/other_proj_footer.jpg) bottom left no-repeat;
}

#other-projects ul li {
    width: 249px;
    width/**/:/**/ 194px;
    padding: 8px 13px 8px 42px;
    border-top: 1px solid #fff;
    background: #F5F5EB url(/images/other_proj_bullet.gif) no-repeat 22px 12px;
}

#other-projects ul li a {
    text-decoration: none;
}

#other-projects ul li a:hover {
    text-decoration: underline;
}

.detail-photo {
    width: 200px;
    float: left;
    clear: left;
    margin: 4px 20px 10px 0;
}

#gallery {
    width: 463px;
    margin: 10px 0 20px 0;
    overflow: hidden;
}

#gallery div {
    float: left;
    width: 105px;
    margin-right: 14px;
}

#gallery div#last-photo {
    margin-right: 0;
}

/*********************************
* Buttons & Promos 
*********************************/

#btn-project-archives {
    display: block;
    width: 249px;
    height: 37px;
    margin-bottom: 25px;
    text-indent: -9999px;
    text-decoration: underline;
    background: url(/images/btn_project_archives.gif) top left no-repeat;
}

a:hover#btn-project-archives {
    background: url(/images/btn_project_archives.gif) bottom left no-repeat;
}