@charset "UTF-8";
/* CSS Document */

/* 
yellow: #ffe800
purple: #9b5ba4
*/

body { background: url(images/bkgrnd.gif) repeat-x #fff; background-position:0px 107px; margin: 0px; }
#home { background: url(images/home_bkgrnd.gif) repeat-x #fff; background-position:0px 141px;  }
.center { position: absolute; top: 0; left: 50%; width: 980px; margin-left: -490px; }
.heading { width: 980px; margin-left: auto; margin-right: auto; position: absolute; top:  0px; 	}
.content { position: absolute; display:block; top:142px;  width: 980px;  }
.textblock_home  { display:  block; width: 550px; position: absolute; top: 0px; left: 280px; background-color: #fff; border-left: 5px solid #ffe800; border-right: 5px solid #ffe800; border-bottom: 5px solid #ffe800;  padding: 10px 30px;}
.contact { display:block; float: right; margin: 20px 20px 0px 0px; width: 400px; font: 14px/20px  Trebuchet MS, Trebuchet, Arial, sans-serif; color: #9b5ba4; text-align:right;  }
.textblock  { display:  block; width: 550px; position: absolute; top: 20px; left: 280px; background-color: #fff; border: 5px solid #ffe800;  padding: 10px 30px 0px 30px; margin-bottom:10px; }
.callout { display: block; width: 480px; margin-left:30px; margin-top: 10px; margin-bottom:20px;  padding: 0px 10px; background-color:#E2C4E6; border: 1px solid #9b5ba4;  }
form {  font: 11px/30px  Trebuchet MS, Trebuchet, Arial, sans-serif; color: #000; margin: 20px 0px;  }
#push {  position: absolute; left:  280px;	}
.footer { display: block; text-align:center; padding-top:40px;padding-bottom:20px;font: 14px/20px  Trebuchet MS, Trebuchet, Arial, sans-serif; color: #9b5ba4;}

/* nav styles */
.nav { position: absolute; top: 20px; display: block; width: 207px; }
.nav li { list-style-type: none; margin: 0px; }
.nav li ul { margin-left: 0px; *margin-left: 30px; margin-top:0px; margin-bottom: 0px;}
.nav li ul li { margin-bottom: 16px;  }
.nav li a, .nav li a:visited, .nav li a:active { display: block; width: 187px; height: 42px; background-position: 0px; }
.nav li a:hover { background-position: 374px; } 
#critters { background-image: url(images/nav-critters.gif); }
#plants { background-image: url(images/nav-plants.gif); }
#homecare { background-image: url(images/nav-homecare.gif); }
#contact { background-image: url(images/nav-contact.gif); }
#pricelist { background-image: url(images/nav-pricelist.gif);  }


/* image styles */
.logo_home { position: absolute; margin-top:5px; }
.logo { position: absolute; margin: 5px; border: none; }
.character_home { float: right; margin-top: 250px; width:800px; text-align:right; }
.character { float: right; margin: 0px; *margin-bottom:-20px; }
#assoc_logos { float: right; margin-left: 15px; border: none; }

/*general styles*/
h1 { font: italic 24px  Trebuchet MS, Trebuchet, Arial, sans-serif; color:#9b5ba4; margin-bottom: 4px; font-weight:bold; }
h2 { font: italic 18px Trebuchet MS, Trebuchet, Arial, sans-serif; color:#000; margin-bottom: 7px;  font-weight:bold;}
h3 { font: italic 16px Trebuchet MS, Trebuchet, Arial, sans-serif; color:#000; margin-bottom: 7px;  font-weight:bold;}
p { font: 12px/17px  Trebuchet MS, Trebuchet, Arial, sans-serif; color: #000; margin: 20px 0px;  }
#home p {  font: 14px/20px  Trebuchet MS, Trebuchet, Arial, sans-serif;  }
.heading h1 {  font-size: 16px; margin-top: 115px; margin-left: 50px;  }
.textblock ul { float: left; display: block; width: 40%;  margin-top:0px;  }
.textblock li {  font: 14px/16px Trebuchet MS, Trebuchet, Arial, sans-serif; color:#9b5ba4; margin-bottom:10px;  }

/* Pricelist Styles */
table { border: 1px solid #000; font: 12px/15px  Trebuchet MS, Trebuchet, Arial, sans-serif; color: #9b5ba4; margin:  15px 0px; }
td { border: 1px solid #000; padding: 5px;  }
#table_heading { background-color: #9b5ba4; color: #fff; font-weight:bold; text-transform:uppercase; }
#table_subheading { background-color: #ffe800;  font-weight:bold; text-transform:uppercase; }


a, a:visited { text-decoration: none; color:#9b5ba4;}
a:visited { text-decoration: none; color:#9b5ba4;}
a:active, a:hover { text-decoration: underline; }

/* .text { position: absolute; top: 250px; *top: 270px; width: 980px; }
.logo { position: absolute; top: 0px; left:220px; border: 0px; } */