body {
background: url("images/foot.png") repeat-x bottom right;
margin: 0 auto;
font: 10px/14px Trebuchet, Helvetica, "Helvetica Neue", Arial, sans-serif;
}
#header {
margin: 0 auto;
clear: both;
background: #743D19 url("images/header.png") repeat-x top left;
height: 115px;
padding: 20px;
border-bottom: 1px solid #551900;
margin-bottom: 50px;
}
.contentbox {
width: 1000px;
margin: 0 auto;
}
#homenav {
float: left;
}
#homenav a {
height: 113px;
width: 374px;
display: block;
background: url("images/home.png") no-repeat 0 3px;
text-indent: -7000px;
}
#homenav a:hover {
background: url("images/home.png") no-repeat 0 -110px;
}

#topnav, #tagline {
color: #531D0B;
width: 565px;
height: 70px;
margin-right: 15px;
margin-top: 15px;
padding-bottom: 25px;
float: right;
text-align: right;
}
#tagline {
font-style: italic;
font-size: 1.5em;
color: #cca97a;
margin-top: 10px;
}
#topnav li {
display: inline;
}
#topnav a {
color: #FCC781;
font: 1.35em/1.3em Rockwell, Helvetica, Arial, sans-serif;
padding: 5px 5px 5px 18px;
text-decoration: none;
font-weight: 600;
background: url("images/cross.png") no-repeat 6px 50%;
margin-bottom: 5px;
}
#topnav a:hover {
color: #531D0B;
background: #FFE7C7 url("images/cross-hover.png") no-repeat 6px 50%;
-moz-border-radius: 2px;
}
#footer {
height: 450px;
z-index: 0;
}
.body {
font-size: 1.2em;
line-height: 1.65;
color: #444;
//background: #fff;
min-height: 165px;
z-index: 1;
}
.body p {
//text-indent: 0.5em;
//text-align: justify;
}
.caps {
font: 1em/1em Rockwell, Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: 600;
}
#contactus {
padding-top: 385px;
color: #FCC781;
}
#contactus a {
color: #FCC781;
border-bottom: 1px dotted #FCC781;
}
#contactus a:hover {
color: #F2E9DF;
}
#contactus p {
margin-bottom: -5px;
}
.bodybox {
margin: 0 auto;
clear: both;
margin-bottom: -270px;
}
.left {
width: 240px;
float: left;
padding: 1.5em;
padding-top: 1.73em;
text-align: justify;
font-size: 0.9em;
}
.right {
width: 680px;
float: right;
padding: 1.5em;
text-align: justify;
}
.full {
width: 880px;
padding: 1.5em;
text-align: justify;
}
.clear {
clear: both;
z-index: 2;
}
.smaller {
color: #F2E9DF;
font: 1.5em/1.5em Rockwell, Helvetica, Arial, sans-serif;
margin-left: 15px;
margin-top: 15px;
margin-bottom: 15px;
padding-bottom: 25px;
float: left;
text-align: left;
}
.linkme {
padding: 1.5em;
margin-bottom: 50px;
float: left;
}
#product_list ul {
list-style-type: none;
margin-left: 8px;
}
}
.product li {
padding: 20px 0;
margin: 20px 0 40px 40px;
text-decoration: none;
}
.product p {
padding: 0;
margin-top: 5px;
}
.content {
margin-bottom: 15px;
}
.product a {text-decoration: none;
}
/* ------LEFT CONTENT STYLES------ */

#left-content {
float: left; /*floats our left content to the left*/
width: 880px; /*gives the left-content div a width of 880px*/
margin-left: 30px;/*adds 70px margin to the left*/
}

.post-box {
/*background-color: #292929;*/ /*adds a background color to our post box*/
border: 1px solid #2f2f2f; /*gives our box a 1px border*/
margin-top: 30px; /*gives space between boxes*/
padding: 10px; /*adss 10px padding all the way around our box*/
float: left; /*floats our box left inside "left-content div*/
width: 860px; /*gives our box a width of 860px with the 10px padding makes a total of 880px*/
}

.post-thumb {
float: left; /*floats our post thumbnail left*/
padding: 4px; /*adds 4px padding around the thumbnial*/
background-color: #FCC781; /*adds a background color behind our thumnail*/
border: 1px solid #2f2f2f; /*adds a 1px solid border around our thumbnail*/
}

.post-title h1 {
color: rgb(149,96,64); /*h1 tag text color*/
font-family: Rockwell, Helvetica, Arial, sans-serif; /*h1 tag font group*/
font-size: 24px; /*h1 tag font size*/
}

.post-title {
float: left; /*floats our post title left*/
width: 600px; /*adds a width to our post-title class*/
margin-left: 10px; /*adds a 10px left margin*/
}

.post-content {
float: left; /*floats our post content left*/
width: 680px; /*adds a width to our content class*/
margin-left: 10px; /*adds a 10px left margin*/
font-family: Verdana, Arial, Helvetica, sans-serif; /*content font group*/
line-height: 18px; /*post content line height*/
font-size: 11px; /*adds a font size of 11px to our post content*/
text-align: justify; /*justifys our paragraphs inside our post content class*/
margin-top: 4px; /*adds a 4px top margin to our post-content class*/
/*font-style: italic; gives our paragraphs a italic look*/
}

