body { 
  background: #58473f url('bg.jpg') center top repeat-x;
  color: #37231a;
  padding: 0;
  margin: 2em 0 0 0;
  width: 100%;
  font-family: Times, "Times New Roman", serif;
  font-size: 95%;
}

a:link, a:visited {
color: #644125;
text-decoration: underline;
}

a:hover {
	color: #fff;
text-decoration: underline;
}

img {
	border: 0;
}

.footer a:hover {
color: #000000;
text-decoration: none;
}

#overlay {
margin: 0;
padding: 0;
}

#container {
clear: both; 
padding: 0;
margin: auto;
width: 1000px; 
}

#header {
position: relative;
display: block;
width: 100%;
height: 40px;
padding: 0px;
margin: 0px;
}

a#logo {
text-align: left;
margin: 0;
padding: 0;
display: block;}

a:hover#logo {

}

#address {
	position: absolute;
	top: 20px;
	right: 30px;
	width: 400px;
	color: #ccc;
	text-align: right;
	
}

ul#nav {
z-index: 500;
padding: 0;
margin: 30px auto 0 auto;
width: 900px;
height: 50px;
background: transparent url('bg-nav.png') center top no-repeat;
}

ul#nav li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
/*text-indent: -1000em;*/
}

ul#nav li a {
	display: block;
padding: 10px 20px 10px 20px;
margin: 5px 0 0 18px;
font-size: 1.2em;
color: #111;
font-family: Garamond, Times, serif;
font-weight: bold;
text-decoration: none;
}
ul#nav li a:hover { 
	color: #e6d9d0;
}

#nav #tab01 a { background-position: 0 0  }
#nav #tab02 a { background-position: 0 -25px;  }
#nav #tab03 a { background-position: 0 -50px;  }
#nav #tab04 a { background-position: 0 -75px;  }
#nav #tab05 a { background-position: 0 -100px;  }
#nav #tab06 a { background-position: 0 -125px;  }
#nav #tab07 a { background-position: 0 -150px;  }
#nav #tab08 a { background-position: 0 -175px;  }


/*Containers */
#content {
  clear: both;
  display: block;
  width: 1000px;
  min-height: 620px;
  margin: 0;
  padding: 0;
  overflow: auto;
  line-height: 1.2em;
  background: transparent url('bgmid.png') center top no-repeat; 
  position: relative;
}

#content2 {
  clear: both;
  display: block;
  width: 1000px;
  min-height: 920px;
  margin: 0;
  padding: 0;
  overflow: auto;
  line-height: 1.2em;
  background: transparent url('bgmid2.png') center top no-repeat;
  position: relative;
}

#contentbg {
	min-height: 570px;
	}

#contentinner {
	z-index: 300;
	background: transparent url("bg-content.png") center top no-repeat;
	clear: both;
	float: left;
	width: 500px;
	height: 500px;
	margin: 0 0 0 2em;
	padding: 0;
}

#contentinner2 {
        z-index: 300;
        background: transparent url("bg-content2.png") center top no-repeat;
        clear: both;
        float: left;
        width: 500px;
        height: 800px;
        margin: 0 0 0 2em;
        padding: 0;
}

.img { margin: 1.5em 0 0 1.5em;  border: 2px solid #ccc; }

#pad {	padding: 2.5em; }

.text { background: transparent url('images/bg.gif') }
.text #contentinner {color: #ccc; font-weight: normal; padding: 2em 15em 2em 4em;}
#tagbox {
	width: 150px;
	position: absolute;
	top: 150px;
	right: 200px;
	margin: 0;
	padding: 0;
}

#tagbox h4 { border-bottom: 1px solid #ffffff;}

/* HTML elements */

h2, h3, h4, h5 {
	font-family: Helvetica, Verdana, "Arial Narrow", sans-serif; 
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	}
	
#header h1 {   margin: 0; padding: 0; } 

h2  {  font-size: 1.5em; 
margin: 0 0 0.3em 0;
padding: 0;
}

h3 {
color: #492808;
font-family: Times;
font-size: 1.8em;	
margin: 1em 0 0.2em 0;
padding: 0;
}

h4 {
	clear: both;
	color: #333;
	font-size: 1.1em;	
	margin: 0.8em 0 0.8em 0;
	padding: 0 0 1em 0;
	font-style: normal;
	font-weight: bold;
	border-bottom: 1px solid #888888;
}

h5 {
	color: #888;
	font-size: 1em;
	margin: 0.8em 0 0.2em 0;
	padding: 0;
}

#footer {
clear: both;
text-align: center; 
padding: 2em;
}

.footer
{
font-size: 0.9em;
font-family: Helvetica, Verdana, "Arial Narrow", sans-serif; 
font-style: italic;
color: #888;
}

.footeremail { margin: auto; display: block; width: 300px; height: 30px; }


#list {
	padding: 0.5em 0 0.5em 1.5em;
	margin: 0;	
}

#list li {
	padding: 0.1em;
	list-style: disc;
}

ul.retailers {
	width: 100%;
}

ul.retailers li {
	float: left;
	display: block;
	width: 240px;
	padding: 0 0 2em 0;
	margin: 0;
}

ul.friends {
	width: 400px;
}
ul.friends li {
	width: 150px;
	float: left;
}

img{
border: none
}

table { table-layout: fixed;  border-collapse: collapse;  text-align: left; }
caption {text-align: left;}
th{ width: 30%; line-height: 1.8em;}
tr{ vertical-align: top;}
td{ padding: 0; margin: 0;}