/*
    styles for http://www.ruddjoinery.co.uk

    This file contains core layout & styles for the structural blocks
*/

#page
{
    background: #ffffff url(images/green-leaves.gif) no-repeat left bottom;
    border: 1px solid #6B772F;
    border-top-style: none;
    margin: 0 auto 60px;
    width: 894px;
}

/* Header Container */
#ident
{
    position: relative;
    height: 149px;
}
#ident .logo
{
    position: absolute;
    right: 13px;
    top: 12px;
}
#ident #preamble
{
    left: 0;
    position: absolute;
    top: 99px;
    width: 100%;
}
#ident #telephone
{
    background: transparent url(images/sprite-sheet.gif) no-repeat -10px -440px;
    color: #475306;
    float: left;
    font-family: FertigoPro, Georgia;
    font-size: 1.3125em; /* 21px */
    margin: 0 0 0 45px;
    padding-left: 30px;
    text-indent: -8000px;
    text-transform: lowercase;
    width: 210px;
}
#ident #strapline
{
    background: transparent url(images/sprite-sheet.gif) no-repeat right -410px;
    color: #475306;
    float: right;
    font-family: FertigoPro, Georgia;
    font-size: 1.4375em; /* 23px */
    margin: 0 17px 0 0;
    text-indent: -8000px;
    text-transform: lowercase;
    width: 560px;
}

/* Main Content Container */
#story
{
    clear: both;
    font-family: Georgia, Times New Roman, Serif;
    margin-left: 30px;
}
#content-side
{
    background-image: url(images/bwf.gif);
    background-repeat: no-repeat;
    background-position: bottom center;
    color: #fff;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 80px;
    width: 211px;
}
#content-body
{
    float: left;
    margin-left: 12px;
    margin-bottom: 20px;
    width: 616px;
}
#content
{
    float: left;
    width: 345px;
}
#gallery-thumbs
{
    float: right;
    width: 250px;
}
#content-story
{
    float:left;
    width: 385px;
}
#content-gallery
{
    float: right;
    text-align: center;
    width: 220px;
}

/* Footer Container */
#epilogue
{
    /*border-top: 1px solid #5B6412;*/
    clear: both;    
    font-family: Arial;
    font-size: 0.625em; /* 10px */
    padding: 0 25px 0 30px;
}
#copyright
{
    color: #263300;
    float: left;
    margin: 9px 0 10px;
    padding: 0;
    text-transform: uppercase;
    width: 44%;
}
#copyright li
{
    display: inline;
}
#footnote
{
    float: right;
    margin: 9px 0 10px;
    padding: 0;
    text-align: right;
    text-transform: uppercase;
    width: 55%;
}
#footnote li
{
    background: url(images/sprite-sheet.gif) no-repeat -10px -328px;
    display: inline;
    padding-left: 7px;
    padding-right: 3px;
}
#footnote li#contact
{
    background-image: none;
}
#footnote li#contact a
{
    background: url(images/sprite-sheet.gif) no-repeat -10px -208px;
    padding-left: 20px;
    padding-bottom: 1px;
}
#footnote a, 
#footnote a:visited,
#footnote a:active
{
    color: #585E5E;
    font-weight: normal;
}
#footnote a:hover
{
    color: #263300;
}