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

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

#content {
    margin-top: 50px;
}

#flash-content {
    margin-bottom: 7px;
}

#content-fade {
    width: 776px;
    width/**/:/**/ 740px;
    padding: 34px 0 10px 36px;
    background: url(/images/home_fade.jpg) top left no-repeat;
}

#home-text {
    height: 209px;
    text-indent: -9999px;
    background: url(/images/home_text.gif) top left no-repeat;
}

#btn-current-projects {
    display: block;
    width: 249px;
    height: 37px;
    margin-top: 24px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background: url(/images/btn_current_projects.gif) top left no-repeat;
}

a:hover#btn-current-projects {
    background: url(/images/btn_current_projects.gif) bottom left no-repeat;
}

/*********************************
* Main Navigation
*********************************/

#nav {
    width: 752px;
    margin: 0 0 0 10px;
    padding: 0;
    overflow: hidden;
}

#nav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
}

#nav a {
    display: block;
    float: left;
    text-decoration: none;
    text-indent: -9999px;
    height: 171px;
    overflow: hidden;
}

#nav a#about {
    background: url(/images/home_about.jpg) top left no-repeat;
    width: 185px;
}
#nav a#projects {
    background: url(/images/home_projects.jpg) top left no-repeat;
    width: 191px;
}
#nav a#news {
    background: url(/images/home_news.jpg) top left no-repeat;
    width: 190px;
}
#nav a#contact {
    background: url(/images/home_contact.jpg) top left no-repeat;
    width: 186px;
}

#nav a:hover#about {
    background: url(/images/home_about.jpg) bottom left no-repeat;
    width: 185px;
}
#nav a:hover#projects {
    background: url(/images/home_projects.jpg) bottom left no-repeat;
    width: 191px;
}
#nav a:hover#news {
    background: url(/images/home_news.jpg) bottom left no-repeat;
    width: 190px;
}
#nav a:hover#contact {
    background: url(/images/home_contact.jpg) bottom left no-repeat;
    width: 186px;
}