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

/*********************************
* HTML Mods 
*********************************/

body {
    margin: 0 0 50px 0;
    padding: 0;
    background: #57666B url(/images/bg.jpg) top center repeat-x;
}

* {
    margin: 0; 
    padding: 0;
    font-size: 11px; 
    font-family: Verdana, Arial, Tahoma, sans-serif;
    color: #696767;
    line-height: 16px;
}

a {
    color: #663D33;
    outline: none;
}

a:hover {
    text-decoration: none;
}

p {
    padding: 0 0 10px 0;
}

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

#content {
    width: 800px;
    margin: 0 auto;
    background: #fff;
}

#content-padding {
    padding: 14px 12px 0 12px;
}

#interior-photo {
    margin-bottom: 11px;
}

#content-fade {
    width: 776px;
    width/**/:/**/ 740px;
    padding: 11px 16px 10px 21px;
    overflow: hidden;
    background: url(/images/interior_fade.jpg) top left no-repeat;
}

#left-column {
    float: left;
    width: 456px;
}

#right-column {
    float: right;
    width: 249px;
    padding-top: 65px;
}

/*********************************
* Global Promotions
*********************************/

a#promo-projects {
    margin: 0;
    padding: 0;
    width: 249px;
    height: 235px;
    display: block;
    text-indent: -9999px;
    background: url(/images/promo_projects.jpg) top left no-repeat;
}

a:hover#promo-projects {
    background: url(/images/promo_projects.jpg) bottom left no-repeat;
}

/*********************************
* Buttons
*********************************/

a#btn-contact {
    width: 249px;
    height: 37px;
    display: block;
    text-indent: -9999px;
    background: url(/images/btn_contact.gif) top left no-repeat;
}

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

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

#nav {
    width: 776px;
    margin: 0;
    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: 81px;
    overflow: hidden;
}

#nav a#about {
    background: url(/images/nav_about.jpg) top left no-repeat;
    width: 195px;
}
#nav a#projects {
    background: url(/images/nav_projects.jpg) top left no-repeat;
    width: 191px;
}
#nav a#news {
    background: url(/images/nav_news.jpg) top left no-repeat;
    width: 190px;
}
#nav a#contact {
    background: url(/images/nav_contact.jpg) top left no-repeat;
    width: 200px;
}

#nav a:hover#about, body#about-on #nav a#about {
    background: url(/images/nav_about.jpg) bottom left no-repeat;
    width: 195px;
}
#nav a:hover#projects, body#projects-on #nav a#projects {
    background: url(/images/nav_projects.jpg) bottom left no-repeat;
    width: 191px;
}
#nav a:hover#news, body#news-on #nav a#news {
    background: url(/images/nav_news.jpg) bottom left no-repeat;
    width: 190px;
}
#nav a:hover#contact, body#contact-on #nav a#contact {
    background: url(/images/nav_contact.jpg) bottom left no-repeat;
    width: 200px;
}

/*********************************
* Global Navigation 
*********************************/

#global {
    width: 800px;
    height: 25px;
    margin: 23px auto 0 auto;
}

a#home {
    float: right;
    margin-right: 12px;
    width: 46px;
    height: 25px;
    text-indent: -9999px;
    background: url(/images/global_home.jpg) top left no-repeat;
}

a:hover#home {
    background: url(/images/global_home.jpg) bottom left no-repeat;
}

/*********************************
* Lists
*********************************/

ul {
    margin: 5px 0 17px 0;
}

ul li {
    list-style: none;
    padding: 0 0 1px 12px;
    background: url(/images/bullet.gif) 0 6px no-repeat;
}

/*********************************
* Footer Definitions 
*********************************/

#footer {
    width: 800px;
    height: 94px;
    height/**/:/**/ 46px;
    margin: 0 auto 30px auto;
    padding-top: 48px;
    overflow: hidden;
    background: #fff url(/images/footer_top.gif) top left no-repeat;
}

#copyright {
    float: left;
    width: 382px;
    height: 46px;
    text-indent: -9999px;
    background: url(/images/footer_copyright.gif) top left no-repeat;
}

#links {
    float: left;
    width: 418px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

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

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

#links a#site-map {
    background: url(/images/footer_sitemap.gif) top left no-repeat;
    width: 66px;
}
#links a#privacy-policy {
    background: url(/images/footer_privacy_policy.gif) top left no-repeat;
    width: 114px;
}
#links a#iology {
    background: url(/images/footer_iology.gif) top left no-repeat;
    width: 238px;
}

#links a:hover#site-map {
    background: url(/images/footer_sitemap.gif) bottom left no-repeat;
    width: 66px;
}
#links a:hover#privacy-policy {
    background: url(/images/footer_privacy_policy.gif) bottom left no-repeat;
    width: 114px;
}
#links a:hover#iology {
    background: url(/images/footer_iology.gif) bottom left no-repeat;
    width: 238px;
}