/*////////// GENERAL RULES //////////*/

html {
  height: 101%;
  margin-bottom: 1px;
}

body {
  background-color: #000000;
  color: #000000;
  text-align: left;
  font: normal 0.8em Verdana, Verdana, Geneva, sans-serif;
  padding: 0;
  margin: 0;
}

hr {
  background-color: #b78449;
  color: #b78449;
  border: none;
  height: 1px;
}

ul {
  margin: 10px 0 10px 10px;
  padding: 0 0 0 10px;
}

table {
  padding: 0;
  border-collapse: collapse;
  font-size: 100%;
  width: 100%;
}

/*////////// TYPOGRAPHY //////////*/

a {
  color: #b78449;
  text-decoration: underline;
  outline: none;
  font-weight: bold;
}

a:hover {
  color: #a0a0a0;
  text-decoration: underline;
  font-weight: bold;
}

h1 {
  color: #7b5830;
  font: normal 28px Georgia, Georgia, serif;
  margin: 0 0 0.5em 0;
}

h2 {
  color: #7b5830;
  font: normal 24px "Century Gothic", Verdana, Helvetica, sans-serif;
  letter-spacing: 2px;
  margin: 0 0 0.5em 0;
  text-align: left;
}

h3 {
  color: #7b5830;
  font: bold 20px "Century Gothic", Verdana, Helvetica, sans-serif;
  letter-spacing: 2px;
  margin: 0 0 0.5em 0;
  text-align: left;
}

h4 {
  color: #7b5830;
  font: bold 18px "Century Gothic", Verdana, Helvetica, sans-serif;
  border-left: #7b5830 3px double;
  text-align: left;
  letter-spacing: 1px;
  padding: 0 0 0 10px;
  margin: 0 0 0.5em 0;
}

h5 {
  color: #606060;
  font: bold 14px Georgia, Georgia, serif;
  margin: 0.8em 0;
  text-transform: uppercase;
  text-align: left;
}

h6 {
  color: #606060;
  margin: 0.8em 0;
  font: bold 12px Arial, Helvetica, sans-serif;
}

/*////////// CONTAINER FOR HEADER AND CONTENT //////////*/

#wrapper {
  /* -- The wrapper holds the header, content, sidebar areas --*/
  background: #ffffff url("Template-Images/wrapper.jpg") repeat-y;
  color: #000000;
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

/*////////// HEADER AREA //////////*/

#header {
  position: relative;
  width: 960px;
  height: 120px;
}

/*///////// LOGO IMAGE //////////*/

#logo {
  position: absolute;
  top: 0;
  left: 50px;
  z-index: 1;
  width: 400px;
  height: 100px;
}

/*////////// GLOBAL LINKS AREA //////////*/

#global {
  position: absolute;
  top: 50px;
  left: 450px;
  z-index: 2;
  color: #606060;
  width: 510px;
  height: 20px;
  line-height: 20px;
  letter-spacing: 1px;
  font-size: 0.85em;
  padding: 0;
  text-align: right;
}

#global a {
  color: #d0d0d0;
  margin: 0 5px;
  text-decoration: none;
}

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

/*////////// MAIN NAVIGATION //////////*/

/*////////// SIDEBAR AREA //////////*/

#sidebar {
  float: left;
  width: 300px;
  text-align: left;
  margin: 0;
}

#navigation {
  background: url("Template-Images/navigation-bg.jpg");
  color: #ffffff;
  width: 300px;
  padding: 0;
}

#mainnav {
  width: 270px;
  padding: 0 20px 0 10px;
}

#mainnav a {
  display: block;
  background: url("Template-Images/arrow1.png") no-repeat 2px center;
  color: #ffffff;
  margin: 0;
  padding: 4px 0 4px 25px;
  text-decoration: none;
  border-bottom: 1px #b78449 solid;
  font-weight: bold;
}

#mainnav a:hover {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px #ffffff solid;
  font-weight: bold;
}

#mainnav a.current {
  background-color: #7b5830;
  color: #ffffff;
  border-bottom: 1px #b78449 solid;
}

#mainnav h4 {
  color: #ffffff;
  font: bold 18px "Century Gothic", Verdana, Helvetica, sans-serif;
  text-align: left;
  letter-spacing: 1px;
  padding: 0;
  margin: 0 0 0.5em 0;
}

.sidecontentblock {
  background: url("Template-Images/sidecontent-bg.jpg");
  width: 300px;
  padding: 0;
}

.sidecontent {
  font-size: 0.85em;
  line-height: 1.4em;
  width: 270px;
  padding: 0 20px 0 10px;
}

/*///////// CONTENT AREA //////////*/

#content {
  float: right;
  width: 640px;
  margin: 0 10px;
  line-height: 1.7em;
}

.content2left {
  float: left;
  width: 310px;
  margin: 0 10px 0 0;
}

.content2left h2 {
  font: normal 20px Verdana, Helvetica, sans-serif;
  padding-left: 5px;
  border-top: 1px #7b5830 solid;
  border-bottom: 2px #7b5830 solid;
}

.content2right {
  float: right;
  width: 310px;
  margin: 0 0 0 10px;
}

.content2right h2 {
  font: normal 20px Verdana, Helvetica, sans-serif;
  padding-left: 5px;
  border-top: 1px #7b5830 solid;
  border-bottom: 2px #7b5830 solid;
}

/*////////// FOOTER //////////*/

#footer {
  background: #000000 url("Template-Images/footer.jpg") no-repeat;
  text-align: center;
  clear: both;
  width: 910px;
  height: 130px;
  color: #d0d0d0;
  line-height: 2em;
  padding: 40px 0 0 50px;
}

#footer a {
  color: #d0d0d0;
  text-decoration: none;
}

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

#footer p {
  clear: both;
  font-size: 0.85em;
  margin: 0;
  padding: 0;
}

#footer img {
  margin: 20px 5px 0 5px;
}

/*////////// IMAGES //////////*/
img {
  border: none;
}

.image-border {
  padding: 3px;
  border: 1px #919191 solid;
}

.imageleft-noborder {
  margin: 0 10px 0 0;
  float: left;
}

.imageright-noborder {
  margin: 0 0 0 10px;
  float: right;
}

.imageleft-border {
  margin: 0 10px 0 0;
  padding: 3px;
  float: left;
  border: 1px #919191 solid;
}

.imageright-border {
  margin: 0 0 0 10px;
  padding: 3px;
  float: right;
  border: 1px #919191 solid;
}

/*////////// MISC. CLASSES //////////*/

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.clear {
  clear: both;
}

.catalogimages {
  vertical-align: middle;
  text-align: center;
  padding: 5px;
  width: 20%;
}

.catalogdescription {
  line-height: normal;
  vertical-align: top;
  text-align: left;
  padding: 5px;
  font-size: 0.9em;
  width: 60%;
}

.catalogdescription h6 {
  color: #7b5830;
  margin: 0;
  font: bold 12px Arial, Helvetica, sans-serif;
}

.catalogcart {
  vertical-align: middle;
  text-align: center;
  padding: 5px;
  width: 20%;
}

.gallery {
  text-align: center;
}

.gallery img {
  padding: 5px;
  border: 1px #808080 solid;
  margin: 5px;
}