html, body {
    margin: 0;
    padding: 0;
}
    
body {
    color: #340E00;
    background: #8C7870 url(Images/backtile.jpg);
    font: 12px/1.2em Georgia, "Times New Roman", Times, serif;
    text-align: center;
}

a:link {
    color: #AC0000;
}

a:visited {
    color: #804040;
}

a:hover {
    color: #FF0000;
    text-decoration: none;
}

a:active {
    color: #000;
}

h1, h2, h3, h4 {
    line-height: 1em; 
}

#container {
    margin: 40px auto;
    padding: 0;
    width: 700px;
    background-color: #BFB1AC;
    border: 2px solid #4D3026;
}

#header {
    background-color: #E5DAD5;
    border-bottom: 1px solid #99837A;
}

#header h1 {
    background: url(Images/logo.jpg) 0 0 no-repeat;
    height: 120px;
}

#header h1, #header h2 {
    margin: 0;
    padding: 0;
}

#header span {
    display: none;
}

#navbar {
    width: 200px;
    padding: 0 0 1em 0;
    float: left;
}

#navbar ul {
    padding: 1em 1.5em 0 1.5em;
    margin: 0 0 1.5em 0;
    font: bold 95% Georgia, "Times New Roman", Times, serif;  
    text-transform: uppercase;
}

#navbar li {
    padding: 0;
    margin: 0 0 0.5em 0;
    list-style-type: none;
}

/*IE 6.0 hack*/ 
* html #navbar li { 
margin: 2px; 
}

#navbar a {
    padding: 0.4em 0.1em;
    margin: 0;
    display: block;
    text-decoration: none;
}

#navbar a:link {
    color: #FFD0BF;
    background-color: #5A220D;
    border-top: 1px solid #FFF0EB;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #FFF0EB;
}

#navbar a:visited {
    color: #FFD0BF;
    background-color: #5A220D;
    border-top: 1px solid #FFF0EB;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #FFF0EB;
}

#navbar a:hover {
    color: #261813;
    background-color: #B37159;
    border-top: 1px solid #5A220D;
    border-right: 1px solid #FFD6C7;
    border-bottom: 1px solid #FFD6C7;
    border-left: 1px solid #5A220D;
}

#navbar a:active {
    color: #fff;
    background-color: #B53000;
    border-top: 1px solid #5A220D;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #5A220D;
}

#content {
    background-color: #FFF0EB;
    padding: 1em 0;
    margin-left: 200px;
    border-left: 1px solid #8C827E;
}

#hometable {
    width: 490px;
    margin: 0 auto;
}

#hometable td {
    width: 33%;
    border: 0;
    padding: 0;
    text-align: center;
}

#hometable img {
    margin-bottom: 0.5em; 
}

#products {
    width: 490px;
    border: 0;
}

td.leftcolumn {
    vertical-align: top;
    padding: 1em 0 0.5em 1em;
    text-align: center;
}

td.rightcolumn {
    vertical-align: top;
    padding: 1em 1em 0.5em 1em;
    text-align: left;
}

tr.firstrow td {
    padding-top: 0;
}

#products h3, #products h4 {
    margin: 0 0 1em 0;
}

.giveborder {
    border: 1px solid;
}

.makebold {
    font-weight: bold;
}

p.weaccept {
    font-weight: bold;
    font-size: 92%;
}

.textbox {
    text-align: left;
    padding: 0 1em 0;
}

.textbox h2, .textbox h3, .textbox h4 {
    margin-top: 0;
}

.imgwithtext {
    margin: 2.5em;
}

.imgwithtext p {
    margin-top: 0.2em;
    font-weight: bold;
}

ul#billylinks li {
    font-weight: bold;
    margin: 1em 0 0 0;
}

ul#billylinks a {
    font-size: 95%;
}

.testimobox {
    text-align: left;
    padding: 0 1em 1em;
    border-bottom: 1px dashed #8C827E;
}

.testimobox ul {
    list-style-type: none;
}

.testimobox li {
    margin-bottom: 0.1em;
}

.contactbox {
    text-align: left;
    margin: 2em;
    font-size: 140%;
}

.contactbox p {
    line-height: 0.2em;
}

#intro {
    margin: 1em auto 0;
    padding: 0;
    width: 400px;
    text-align: left;
}

#leoflex {
    width: 95%;
    margin: 1em;
    background-color: #CFA595;
    border-left: 1px solid #000;
}

#leoflex th, #leoflex td {
    color: #000;
    font-size: 92%;
    padding: 0.5em;
    border-bottom: 1px solid #000;
    text-align: center;
}

#leoflex thead th {
    color: #fff;
    vertical-align: bottom;
    border-top: 1px solid #000;
    padding: 1em 0.5em 0.2em;
    background-color: #B37159;
}

#leoflex th {
    border-right: 1px solid #000;
}


#leoflex td {
    border-right: 1px solid #000;
}

#leoflex tr.odd {
    background-color: #E5BFB1;
}

#leoflex tr.even {
    background-color: #CFA595;
}

#leoflex tr.odd th {
    background-color: #CE9C89;
}

#leoflex tr.even th {
    background-color: #C18B77;
}

#leoflex th.specialcell {
    background-color: #5A220D;
}

#leoflex form {
    margin: 0;
}

#leoflex tfoot td {
    padding: 1em;
    background-color: #BFB1AC;
    text-align: left;
}

span.diameter {
    color: #332F2E;
    font-weight: bold;
    font-size: 120%;
}

#quickorder {
    width: 95%;
    margin: 0 1em;
    background-color: #CFA595;
    border-left: 1px solid #000;
}

#quickorder th, #quickorder td {
    color: #000;
    font-size: 92%;
    padding: 0.5em;
    border-bottom: 1px solid #000;
    text-align: center;
}

#quickorder thead th {
    color: #fff;
    vertical-align: bottom;
    border-top: 1px solid #000;
    padding: 1em 0.5em 0.2em;
    background-color: #B37159;
}

#quickorder th {
    border-right: 1px solid #000;
}

#quickorder td {
    border-right: 1px solid #000;
}

#quickorder tr.odd {
    background-color: #E5BFB1;
}

#quickorder tr.even {
    background-color: #CFA595;
}

#quickorder tr.odd th {
    background-color: #CE9C89;
}

#quickorder tr.even th {
    background-color: #C18B77;
}

#quickorder th.specialcell {
    background-color: #5A220D;
}

#footer {     
    margin: 0;
    padding: 1em 0 0.2em 5px;
    font-size: 95%;
    background: #E5DAD5 url(Images/footback.jpg);
    border-top: 1px solid #99837A;
    clear: both;
}