body {
	background-color: #69842e;
	font: 75%/1.2 verdana, lucida, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	text-align: center;
}

#rap {
	width:100%;
	background: url('img/bg.png') center repeat-y #69842e;
}

h1, h2, h3 {
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  color: #69842e;
  background: url('img/head-dec.png') right no-repeat;
}

h1 {
  font-size: 220%;
  letter-spacing: -0.08em;
}

h2 {
  font-size: 170%;
  letter-spacing: -0.05em;
}

h3 {
  font-size: 150%;
}

p, ul {
  margin: 0;
}

a {
  color: #48632e;
}

a:hover {
  color: #b6c36d;
  background: #48632e;
  text-decoration: none;
}

a:visited {
  color: #69842e
}

#banner {
  background: url('img/bg-head.png') center repeat-y #ffc600;
  margin: 0;
  padding: 0 0 40px 0;
  position: relative;
  overflow: hidden;
}

#banner p {
  margin: 0 auto;
  padding: 5px 150px 0 0;
  text-align: right;
  width: 600px;
  font: 250%/1.2 "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  color: #69842e;
  font-weight: bold;
  letter-spacing: -0.03em;
}
#banner img  {
	display: block;
	width: 0;
	}
#nav-main span {
	position: absolute;
	margin: -28px 0 0 575px;
	width: 68px;
	height: 90px;
	background: url(img/CoyoteMoon.gif) no-repeat;
	background-image: url(img/CoyoteMoon.gif);
	}

#container {
  width: 680px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  position: relative;
  top: -42px;
}

#nav-main {
  width: 680px;
  height: 80px;
  background: url('img/bg-header.png') no-repeat;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  position: relative;
}

#nav-main ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 680px;
  overflow: hidden;
  position: absolute;
  bottom: 8px;
  left: 25px;
}

#nav-main li, #nav-meta li {
  display: inline;
}

#nav-main a {
  display: block;
  float: left;
  padding: 10px;
  margin-left: 1px;
  background: url('img/bg-menu.png') bottom repeat-x #879d58;
  color: #ffc600;
  text-decoration: none;
  font-weight: bold;
  font-size: 120%;
}

#nav-main a:hover {
  background: url('img/bg-menu-on.png') bottom repeat-x #69842e;
}

#nav-main a.current {
  background: url('img/bg-menu-ac.png') bottom repeat-x #394f11;
}

#content {
  background: url('img/main-bot.png') bottom no-repeat #b6c36d;
  margin: 20px 190px 0 10px;
  padding: 0.2em 2em 2em 2em;
}

#content p {
  margin: 15px 0 5px 0;
}

#content .order {
padding: 10px 0 0 0;
text-align:right;
}

#content #dressing dl dt {
  margin: 20px 0 5px 0;
  padding-top: 20px;
  font-weight: bold;
  border-top: 1px solid #69842e;
  }

/* ---[ shop ]------------------------------------------ */

#content #buy-list dt {
	float: left;
	margin: 15px 14px 4px 0;
	padding: 0;
	}
#content #buy-list dd {
	margin: 5px 0 100px 0;
	}
#content #buy-list dd.title {
	margin: 0;
	padding: 15px 0 0 0;
	font-size: 100%;
	font-weight: bold;
	border-top: 1px solid #69842e;

	}
	
	
	
	




#content-anchor {
  background: url('img/main-top.png') top no-repeat #b6c36d;
  display: block;
  position: absolute;
  top: 100px;
  left: 10px;
  width: 480px;
  height: 10px;
}

#nav-subs {
  position: absolute;
  top: 100px;
  left: 500px;
  width: 170px;
  background: url('img/side-top.png') top no-repeat #69842e;
}

#nav-subs ul , #nav-subs p {
  margin: 1.5em 1.5em 0 1.5em;
  padding: 0;
  list-style: none;
}

#nav-subs li {
  background: url('img/side-bul.png') left no-repeat;
  padding-left: 12px;
}

#nav-subs a , #nav-subs p {
  color: #b6c36d;
  text-decoration: none;
}

#nav-subs .youarehere {
  color: #b6c36d;
  background: #48632e;
  text-decoration: none;
}

#nav-section {
  background: url('img/side-mid.png') bottom no-repeat;
  padding-bottom: 2.5em;
}

#nav-supp {
  background: url('img/side-bot.png') bottom no-repeat;
  padding-bottom: 1.5em;
}

#info-site {
  background: url('img/bg-foot.png') center repeat-y #ffc600;
  margin: 0;
  padding: 1em;
  font-size: 85%;
  color: #bf8c01;
  clear:both;
}

#info-site a {
  color: #bf8c01;
  text-decoration: none;
}

#info-site a:hover {
  color: #ffc600;
  background: #bf8c01;
}

/* Setup: Repeated code per rollover */
#swapsalsa {
	background-image:  url("img/salsa_on.gif");    /* rollover state */
	width: 320px;                    /* image width */
	height: 100px;                   /* image height */
}
#swapdressing {
	background-image:  url("img/dressing_on.gif");    /* rollover state */
	width: 320px;                    /* image width */
	height: 100px;                   /* image height */
}

/* Application: Common Code */

.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 320px; height: 100px; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

.prodbut {
	padding: 15px 10px;
	float:left;
}

/*----( Image Aligns )------------- */	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	margin: 15px;
	display: inline;
	}
img.alignleft {
	margin: 15px;
	display: inline;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left
	}
	
img.logoalign {

	}