/* ==== Global Stype ===== */

body{
    font-family: Georgia, serif;
    background: #f8f3ec;
    margin: 0 auto;
    padding: 0;
}

p, h1, h2, h3, h4, h5, h6, li{
    margin: 1ex 1em;
}

/* The main part of the page */

div#outerDiv{
    width: 900px;
    margin: 0 auto;                /* main div on the page */
    background-color:#ffffff;
    border-style:solid;
    border-width:0 1px 1px 1px;
    z-index:0;
}
div#header{
    width:680px;
    height:180px;
    position:relative;
    float:left;
    left:150px;
}

img#logo{
    position:relative;
    left:150px;
}
div p#sign{
    position:relative;
    left:150px;
    top:-15px;
}
p#midBanner{
    color:white;
    height:30px;
    position:relative;        /* Mid banner brown */
    float:left;
    left:0;
    background-color:#7e2607;
    z-index:1;
}
div#headerText{
    position:relative;
    float:right;           /* Text below the Header */
    width:600px;
}
hr{
    width:400px;
    
}
#leftColumn{
    float:left;             /* Left Column */
    width:80px;
}
form{
    position:relative;
    left:20px;           /* Buy now button */
    padding-bottom:10px;
}
div#content{
    position:relative;
    float:right;                /* Content of the page */
    width:650px;
    margin-left:20px;
}


 .content{
    position:relative;
    float:right;                /* Content of the page */
    width:650px;
    margin-left:20px;
}

/* start of divs in content */

div#one{
    width:200px;
    float:left;
}
div#two{
    width:200px;
    float:left;
}
div#three{
    width:200px;
    float:left;
}

/* end of Divs in content */


p.image{
    font-size:.75em;
}
p#textl{
    position:relative;
    float:right;
    width:300px;
}
p#image2{
    position:relative;
    float:right;
}
#textr{
    position:relative;
    width:300px;
    float:left;
}
#footer{
    clear:both;
    font-size:.75em;
    text-align:center;
    padding-top:20px;
}