/* Reset CSS
------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
  font-size:100%;
}
fieldset,img {
  border:0;
}
ol,ul {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-weight:normal;
  font-size:100%;
}

/* Elements
------------------------ */
html {
  background:#000 url(../img/bg-tiled.jpg) top left repeat-x;
}
body {
  font:76% verdana,sans-serif;
  text-align:center;
  color: #2e1302;
}
a {
  color: #97834c;
}
/* Containers
------------------------ */
#container {
  width: 841px;
  margin:0px auto;
  text-align:left;
}
#top {
  background:transparent url(../img/bg-top.png) top left no-repeat;
  width: 837px;
  height: 37px;
  margin-right: 4px;
  z-index: 50;
}
#header {
  width: 841px;
}
#content {
  background:transparent url(../img/bg-content.png) top left repeat-y;
  width: 791px;
  margin-right: 4px;
  padding-left: 23px;
  padding-right: 23px;
}
#footer {
  background:transparent url(../img/bg-btm.png) top left no-repeat;
  width: 837px;
  height: 24px;
  margin-right: 4px;
  color: #bdaa76;
  font-size: 0.8em;
  text-align: center;
  font-family: arial, sans-serif;
  padding-top: 20px;
}
#footer a{color: #bdaa76;}

/* Primary Nav
------------------------ */
#primarynav {padding: 10px 0 0 39px; width: 747px;}
#primarynav a{ display: block; height: 19px; background-image: url(../img/topnav.png); background-repeat: no-repeat;}
#primarynav li { float: left; position:relative; }
#primarynav a em{display: none;}

a#navHome{width: 65px; background-position: 0 0;}
a#navPartnership{width: 258px; background-position: -65px 0;}
a#navProduction{width: 146px; background-position: -323px 0;}
a#navOurProducts{width: 163px; background-position: -469px 0;}
a#navContact{width: 115px; background-position: -632px 0;}

a#navHome:hover, a#navHome.here{background-position: 0 -30px;}
a#navPartnership:hover, a#navPartnership.here{background-position: -65px -30px;}
a#navProduction:hover, a#navProduction.here{background-position: -323px -30px;}
a#navOurProducts:hover, a#navOurProducts.here{background-position: -469px -30px;}
a#navContact:hover, a#navContact.here{background-position: -632px -30px;}

#primarynav ul{
  z-index:50;
}

#primarynav ul ul {
  background: transparent url(../img/bg-subnav-btm.png ) bottom left no-repeat;
  display:none;
  position:absolute;
  left:15px;
  top: 19px;
  padding:3px 12px 10px 12px;
  width:200px;
  font-size: 0.9em;
}
#primarynav ul ul#subnavHome {
  left:-12px;
}
#primarynav ul ul li {
  float:none;
  margin:0;
  padding:7px 0 0 0;
  color: #391f0a;
}
#primarynav li.over ul,
#primarynav li:hover ul{
  display: block;
}
#primarynav ul ul a{ 
  display: inline; 
  height: auto; 
  background-image: none;
  color: #391f0a;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
}
#primarynav ul ul a:hover{ 
 color: #53e8e8;
}

/* Home 
------------------------ */
#home-container{margin-top: 10px; height: 273px;}
#home-left {float: left; width: 538px;}

#home-left-top{background:#ebe5d6 url(../img/bg-home-left-top.gif) top left no-repeat; height: 3px; width: 538px;}

#home-left-btm{
  padding: 0 0 0 20px;
  background:#ebe5d6 url(../img/bg-home-left-btm.gif) bottom left no-repeat;
  width: 518px;
  height: 270px;
}

#home-left h2{
  text-transform: uppercase;
  font-size: 1.3em;
  color: #53672b;
  font-weight: bold;
  padding-top: 15px;
  font-family: arial, sans-serif;
}
#home-left p {
  margin-top: 10px;
}
#home-right{float: right; width: 247px;}

/* Subpages 
------------------------ */
#feature{height: 150px;}
#subs-top{background:#ebe5d6 url(../img/bg-subs-top.gif) top left no-repeat; height: 3px; margin-top: 5px; width: 790px;}
#subs-container{background:#ebe5d6 url(../img/bg-subs-btm.gif) bottom left no-repeat; width: 748px; padding: 26px 22px 20px 20px; overflow: hidden;}

ul#subs-nav{float: left; width: 130px; font-family: arial, sans-serif; text-transform: uppercase; padding-right: 40px; font-weight: bold; font-size: 1.0em;}
ul#subs-nav li{ border-left: 5px solid #ebe5d6; padding: 0 0 0 5px; margin-bottom: 16px;}
ul#subs-nav li.here, ul#subs-nav li:hover{ border-left: 5px solid #22140e;}
ul#subs-nav li a{color: #6c5b2c; font-weight: bold; text-decoration: none;}
ul#subs-nav li.here a, ul#subs-nav li a:hover{color: #22140e;}

#subs-content{ float: left; width: 398px; padding-right: 30px;}
#subs-content h2{ text-transform: uppercase; color: #97834c; font-family: arial, sans-serif; font-weight: bold; font-size: 1.4em; margin-bottom: 15px; }
#subs-content p{ margin-bottom: 12px; }
#subs-content p.divider{ background:transparent url(../img/bg-subs-divider.gif) top left repeat-x; padding-top: 15px; }
#subs-content ul{list-style-type:disc; margin:2px 0 15px 20px;}

#subs-img{ float: left; width: 150px;}
#subs-img img{margin: 32px 0 16px 0;}

div#subs-nav{float: left; width: 170px;}

div.footergap{
  margin-top: 15px;
}