/*--------------------------------------

Copyright © Bleeding Medium 2004 / 2005
All Rights Reserved

The Schleising Consultancy Ltd.
Version:   1.0

http://bleedingmedium.co.uk/

--------------------------------------*/

/*--------------------------------------
Global
--------------------------------------*/

body
{
    margin-top: 0%;
    margin-left: 5%;
    margin-right: 5%;
    font-family: Verdana, sans-serif;
    font-size: 75%;
    background: #fff url("images/tile.gif");
    color: #555;
}

a, a:link, a:visited
{
    text-decoration: none;
    color: #4d86c1;
}

a:hover
{
    text-decoration: underline;
}


img
{
    border: 0.0em;
}

p
{
    text-align: justify;
}

span.brand
{
    color: #fa0;
}

span.brand span
{
    font-size: 120%;
    font-weight: bold;
}

h1 {
    color: #4d86c1;
    border-bottom: 0.05em #aaa dashed;
    padding-bottom: 1.0em;
    font-size: 165%;
}

/*--------------------------------------
Wrapper
--------------------------------------*/

#wrapper
{
    padding: 0.5em;
    border: 0.1em #aaa solid;
    background-color: #fff;
    clear: both;
}

/*--------------------------------------
Header
--------------------------------------*/

#header
{
    margin-top: 1.0em;
    /* border-bottom: 0.5em #6b9cce solid; */
}

#header p.address
{
    text-align: left;
    float: right;
    color: #ccc;
    padding: 0.5em;
}

#header p.address span
{
    display: block;
}

#header p.banner
{
    text-align: left;
    padding: 1.0em;
    color: #aecbe6;
    background-color: #555;
    /* border-bottom: 0.5em #6b9cce solid; */
    /* border-top: 0.5em #6b9cce solid; */
}

#header a
{
    color: #adc6de;
}

/*--------------------------------------
Detail
--------------------------------------*/

#detail {
    margin-top: 1.5em;
    padding: 1.5em;
}

#detail p {
    margin: 0.5em;
    padding: 1.0em;
}

#detail span.leadchar, #profile span.leadchar, #contact span.leadchar {
    font-size: 150%;
    font-weight: bold;
    float: left;
    margin-top: -0.1em;
}

#profile span.leadline, #contact span.leadline {
    text-transform: uppercase;
    font-weight: bold;
}

/*--------------------------------------
Profile
--------------------------------------*/

#profile #example1
{
    float: left;
    clear: left;
}

#profile #example2
{
    float: right;
    clear: right;
}

#profile #example1, #profile #example2
{
    margin: 0.5em;
    border: 0.1em #ccc solid;
    background-color: #eee;
}

#profile p.copy
{
    font-size: 75%;
    width: 90px;
}

/*--------------------------------------
Footer
--------------------------------------*/

#footer
{
    clear: both;
    color: #556771;
}

#footer p
{
    text-align: center;
}

/*--------------------------------------
Summary
--------------------------------------*/

#summary
{
    border: 0.1em #ccc solid;
    float: left;
    clear: left;
    /* margin: 1.5em; */
    margin: 0.5em;
    padding: 0.5em;
    background-color: #eee;
}

#summary div
{
    padding: 0.0em;
    margin: 0.0em;
}

#summary p.copy
{
    width: 320px;
}

#summary p.image
{
    padding: 0.0em;
    margin: 0.0em;
}

#summary span.heading
{
    color: #fa0;
    font-variant: small-caps;
    background-color: #eee;
    /* font-size: 125%; */
    display: block;
}

#summary span.heading img
{
    margin-left: 1.0em;
}

/*--------------------------------------
Product Index
--------------------------------------*/

#index
{
    border-left: 0.1em #aaa dashed;
    border-right: 0.1em #aaa dashed;
    border-bottom: 0.1em #aaa dashed;
    font-size: 80%;
    float: right;
    width: 100px;
    clear: right;
    margin: 0.5em;
    padding: 1.0em;
    background-color: #fff;
}

#index img
{
    float: left;
    clear: left;
}

#index span.heading
{
    display: block;
    color: #fa0;
    font-variant: small-caps;
    border-top: 0.05em #eee solid;
    padding-top: 0.05em;
}

#index p.image
{
    margin-bottom: 0.5em;
    margin-right: 0.5em;
}

#index p.copy
{
    text-align: left;
}


/*--------------------------------------
Contact Page
--------------------------------------*/

#contact p span
{
    display: block;
}