* {
  margin: 0;
  padding: 0;
}


body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
   background-color: #383838;
   text-align: center; 
}

h1 {
   font-weight: normal;
   font-family: Georgia, Parkavenue, Zapf Chancery, cursive;
   color: #000000; 
}

h2 {
   color: #000000; 
}

h3 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   color: #000000; 
   padding-bottom: 5px;
}
 

p {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   line-height: 12pt;
}

a { 
   color: #000000; 
}

a.visited {
   color: #000000;
}

a.hover {
  color: #787878;
}

p.loud {
   font-weight: bold;
}

p.loud a {
   color: #000000; 
}



div.wrapper {
   width: 800px;
   height: 600px;
   margin: 20px auto;
   text-align: left;
   background-color: #fefefe;
   padding: 15px;
   border: 1px solid #000000;
   position: relative;
}

div.logo {
}

div.navmenu {
   position: relative;
   top: -35px;
   color: #003333;
   width: 800px;
   font-weight: bold;
}

div.content {
   position: relative;
   clear: both;
   text-align: justify;
   padding-top: 0px;
   padding-bottom: 10px;
   padding-left: 10px;
   padding-right: 10px;
}

div.productsmenu {
   width: 24%;
   float: left;
}

div.productcontent {
   width: 74%;
   float: right;
}

div.whowearemenu {
   width: 18%;
   float: left;
}

div.whowearecontent {
   width: 80%;
   float: right;
}

div.footer {
   width: 800px;
   clear: both;
   height: 50px;
   font-size: 50%;
}

/* things all the "ul"s share */
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* links menu list style */
dl.linksmenu {
  width: 780;
  padding: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  line-height: 12pt;
  }

dl.linksmenu dt {
   padding-top: 10px;
  }

dl.linksmenu a:hover {
   color: #787878;
}

dl.linksmenu dd {
   padding-left: 20px;
  }


/* navbuttons are the top bar of every page */
table.navbuttons {
  align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  line-height: 12pt;
  }

table.navbuttons a {
  padding: 0 2em;
  line-height: 2.1em;
  text-decoration: none;
  color: #000000;
  }

table.navbuttons a:hover {
  color: #787878;
  }

/* contact page content layout */
div.contactline {
   clear: both;
   padding-top: 10px;
   padding-bottom: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  line-height: 12pt;
}

div.contactlabel {
   width: 8em;
   float: left;
   font-weight: bold;
}

div.contactinfo {
   float: left;
}

div.contactinfo a {
}

/* drop shadow image border thingy p.57 CSS book */
.img-wrapper {
   background: url (../images/shadow.png) no-repeat bottom right;
   position: relative;
   padding-top: 10px;
   padding-left: 15px;
   padding-bottom: 10px;
   clear: right;
   float: right;
}
 
.img-wrapper img {
  background-color:#fff;
  border: 1px solid #303030;
  padding: 4px;
  position: relative;
  margin -5px 5px 5px -5px;
}

/* products menu */
ul.productsmenu {
  margin: 0;
  padding: 0;
  padding: 0 1em;
  list-style: none;
  font-size: 10pt;
}

/* for product items within main categories */
ul.productitems {
  padding: 0 1em;
}

ul.productsmenu a {
  display: block;
  line-height: 1.5em;
  text-decoration: none;
}

ul.productsmenu a:hover {
  color: #787878;
  }


/* images of rebecca, julie, lisa */ 
img.whoweareimage {
  float: left;
  padding-right: 7px;
  padding-bottom: 7px;
}

/* text information about lisa, julie & rebecca */
p.whowearetext {
  font-size: 10pt;
  line-height: 12pt;
  padding-bottom: 7px;
}

/* image that goes in text blurb about product */
div.productimage {
   background: url (../images/shadow.png) no-repeat bottom right;
   position: relative;
   clear: right;
   float: right;
   padding-left: 10px;
   padding-bottom: 10px;
}

.productimage img {
  background-color:#fff;
  border: 1px solid #303030;
  padding: 4px;
  position: relative;
  margin -5px 5px 5px -5px;
}

/* text blurb about products on ordering pages */
p.producttext {
  font-size: 9pt;
  padding-bottom: 5px;
}

p.producttext a {
  color: #000000;
}

p.producttext a:hover {
  color: #787878;
}


/* dogs */

div.dogs1 {
   position: absolute;
   top: 30px;
   left: 105px;
}

div.dogs2 {
   position: absolute;
   top: 260px;
   left: 365px;
}

div.dogs3 {
   position: absolute;
   top: 70px;
   left: 415px;
}


/* table decorations from old site */
#productTable
{
  clear: both;
  font-size: 85%;
  border-top:1px inset black;
  border-bottom:1px inset black;
  text-align: left;
}

#productTable th {
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-size: 85%;
  padding: 0.1em 1em;
}

#productTable td {
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-size: 85%;
  padding: 0.1em 1em;
}

#productTable a {
  color: #000000;
}

#productTable a:hover {
  color: #787878;
}

#headerColumn
{
  border-left:1px inset black;
}
#headerOuterColumn
{
  border-left:1px inset black;
  border-right:1px inset black;
}
#firstColumn
{
  border-top:1px inset black;
  border-left:1px inset black;
}
#innerColumn
{
  border-top:1px inset black;
  border-left:1px inset black;
}
#outerColumn
{
  border-top:1px inset black;
  border-left:1px inset black;
  border-right:1px inset black;
}