/*
********************************************
    TYPOGRAPHY AND COLOR RULES
********************************************
*/

body {
  margin: 0;
  padding: 0;
  background-color: #090;
  background: url(../img/bg1.gif);
  font-family: verdana, sans-serif;
  font-size: 0.8em;
  line-height: 1.8em;
  color: #fff;
  }
  
#SiteNav p {
  margin-left: 1em;
  }

#InfoNav p {
  margin-left: 1em;
  }  

a, p, ul, li, h1, h2, h3 {
  font-family: verdana, sans-serif;
  color: #fff;
  }

a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  }

a:hover {
  text-decoration: underline;
  }

#MainContent p, ul, li, h1, h2, h3 {
  color: #000;
  }

#MainContent a {
  color: #090;
  }
  
#MainContent ul {
  margin: 0;
  padding: 0 0 0 1em;
  list-style-position: outside;
  list-style-type: square;
  border: 0;
  list-style-image: url(../img/pawpoint1.gif);
  }
  
#Footer p {
  color: #000;
  }
  
ul {
  margin: 0;
  padding: 0 0 0 1em;
  list-style-position: outside;
  list-style-type: square;
  border: 0;
  list-style-image: url(../img/tpawpoint.gif);
  }

li {
  padding: 0;
  margin: 0;
  border: 0;
  }
  
.Thumb {
  margin: 0 0;
  border: 0;
; padding:   0px 10px 0px 0px
  }
  
.FrontPage {
  float: right;
  clear: right;
  margin: 0 0 5px 30px;
  border: 0;
  }

.picture {
  align: right;
  margin: 0 10px 5px 0px;
  border: 0;
  }
  
.legal {
  font-size: 0.9em;
  line-height: 1.0em;
  }

.logo {
  font-size: 32px;
  line-height: 32px;
  margin: 0;
  }
  
.item {
  font-weight: bold;
; font-size: large
  }
  
.price {
  font-weight: normal;
  font-style: italic;
  }	 
   
.motto {
  text-align: right;
  font-weight: bold;
  font-style: italic;
  }

.trick {
  clear: right;
  }

/*
********************************************
    LAYOUT RULES
********************************************
*/

#Footer {
  padding: 10px 10px 10px 20px;
  border: 0;
  background: #f0f7cd url(../img/texturebrcorner.gif) 100% 100% no-repeat;
  margin: -10px -10px -10px -20px;
  }

#Header {
  margin: 0;
  padding: 80px 10px 0px 170px;
  border: 0;
  background: url(../img/bigtexturepaw.gif) no-repeat;
  height: 180px;
  }
html>body #content {
  height: 60px;
  }
  
#MainContent {
  position: static; 
  padding: 10px 10px 10px 20px;
  background: #f0f7cd url(../img/texturetlcorner.gif) no-repeat;
  color: #000;
  margin: -100px 150px 0px 170px;
  }

#InfoNav {
    position: absolute;
  top: 180px; 
  margin: 0;
  right: 0;
  padding: 0px 0px 10px 10px;
  border: 0;
  width: 140px;
  }
html>body #content {
  width: 130px;
  }
#SiteNav {
  position: absolute;
  top: 180px;
    left: 0;
  margin: 0;
  padding: 0 10px 10px 10px;
  border: 0;
  width: 150px;
  }
  html>body #content {
  width: 150px; 
  }
.bold {  font-weight: bold}