/*
 * FONTS
 */
body,
td,
div
{
  font-family: verdana, arial, sans-serif;
}

.header h1,
.quote
{
  font-family: times, serif;
}

.quote
{
  font-style: italic;
}

.prices th,
.shampoo h3,
.shampoo h4,
.menu a,
.submenu a
{
  font-weight: bold;
}

h1,
h2
{
  font-weight: normal;
}

p,
li,
.footer,
.prices th,
.prices td,
.shampoo h4
{
  font-size: 80%;
}

.shampoo h3,
.quote,
.header .address,
.submenu
{
  font-size: 100%;
}

h1,
.section h2,
.sectionHeading
{
  font-size: 120%;
}

.header h1
{
  font-size: 150%;
}

/*
 * COLORS
 */
body,
.header h1
{
  color: #000;
}

.menu,
.menu a,
.submenu
{
  color: #fff;
}

a,
h1,
.section h2,
.sectionHeading,
.prices th,
.submenu,
.submenu a
{
  color: #363;
}

.menu a:hover,
.menu a.active
{
  color: #f90;
}

.submenu a:hover,
.submenu a.active
{
  color: #d70;
}


.footer
{
  color: #666;
}

.shampoo h4
{
  color: #999;
}

body,
.section h2,
.sectionHeading,
.prices th,
.submenu
{
  background-color: #eec;
}

.main
{
  background-color: #fff;
}

.menu
{
  background-color: #363;
}

/*
 * BORDERS
 */
.bordered,
.section
{
  border: 1px solid #363;
}

img,
.prices
{
  border: 0;
}

.prices
{
  border-collapse: collapse;
}

/*
 * SIZES
 */
.main
{
  width: 45em;
}

.section
{
  width: 65%;
}

.prices
{
  width: 90%;
}

table.hours
{
  width: 100%;
}

/*
 * ALIGNS
 */
h1,
.header,
.footer,
.menu,
.submenu
{
  text-align: center;
}

.section h2,
.prices th
{
  text-align: left;
}

.section p,
.intro p
{
  text-align: justify;
}

.prices td,
.hours td
{
  vertical-align: top;
}

/*
 * DECORATION
 */

a,
a:hover
{
  text-decoration: underline;
}

.submenu a,
.menu a,
a.mapLink
{
  text-decoration: none;
}

/*
 * MARGINS
 */
.main,
.footer,
.prices
{
  margin: 0 auto;
}

body
{
  margin: 5px auto;
}

.section
{
  margin: 1em auto;
}

.header h1,
.section h2,
.section p,
.shampoo h3,
.shampoo h4
{
  margin: 0;
}

.intro p
{
  margin: 1em 1em;
}

.shampoo img
{
  margin-right: 1px;
}

.aroma img
{
  border: 3px solid #ddd;
  margin: 0.5em 1em 1em;
}

/*
 * PADDING
 */
.menu
{
  padding: 4px;
}

.submenu
{
  padding: 2px;
}

.section h2,
.sectionHeading
{
  padding: 4px .5em;
}

.section p
{
  padding: .5em 1em;
}

.shampoo h3
{
  padding: .5em 1em .5em .75em;
}

.shampoo h4
{
  padding: 0 1em;
}

.prices th,
.prices td
{
  padding: 3px;
}

.intro
{
  padding: 0;
}

/*
 * IMAGES
 */
/*
div.intro
{
  background-image:url("../images/daneBackground.gif");
  background-repeat:no-repeat;
}
*/

div.hours
{
  background-image: url("../images/hoursBackground.gif");
  background-repeat: no-repeat;
}

div.bathing
{
  background-image: url("../images/serviceBath.jpg");
  background-position: top right;
  background-repeat: no-repeat;
}
div.bathing p
{
  margin-right: 130px;
}

div.spa
{
  background-image: url("../images/serviceSpa.jpg");
  background-position: top left;
  background-repeat: no-repeat;
}
div.spa p
{
  margin-left: 140px;
}

div.puppies
{
  background: url("../images/policyPuppies.jpg");
  background-position: top left;
  background-repeat: no-repeat;
}
div.puppies p
{
  margin-left: 170px;
}

div.olderPets
{
  background: url("../images/policyOlderPets.jpg");
  background-position: top right;
  background-repeat: no-repeat;
}
div.olderPets p
{
  margin-right: 195px;
}

/*
 * WHITE-SPACE
 */
.prices th
{
  white-space: nowrap;
}

/*
 * OTHER
 */
.floatFrame
{
  clear: both;
  width: 1px;
  height: 1px;
  font-size: 0px;
}

div#skip
{
  position: absolute;
  overflow: hidden;
  width: 0;
}

/*
 * EFFECTS
 */

div.shadow,
div.shadow2
{
  background: url(../images/shadow.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
}

div.shadow img,
div.shadow2 img
{
  position: relative;
  background-color: #fff;
  border: 1px solid #ccc;
  margin: -5px 5px 5px -5px;
  padding: 4px;
}

div.shadow
{
  float:left;
  margin: 15px 5px 5px 15px !important;
  margin: 15px 5px 5px 8px;
}

div.shadow img
{
  display: block;
}

div.shadow2
{
  margin: 10px 5px;
  padding: 0;
  position: relative;
}

div.shadow2 img
{
  vertical-align: bottom;
}

/*
 * OTHER
 */

.contactform th
{
  text-align: left;
  vertical-align: top;
  color: #666;
  padding: 0.4em 0;
}

.contactform td
{ 
  padding: 0.2em 0;
}

.contactform p.notes
{
  text-align: left;
  width: 280px;
  margin: 0 auto;
  padding: 1px 20px;
  color: #666;
  background-color: #ffd;
  font-size: 70%;
}

.contactform .required th
{
  color: #900;
}

.contactform input.text
{
  font-size:120%;
  width: 320px;
}

.contactform textarea
{
  width: 320px;
  height: 8em;
}

div.errors
{
  width: 400px;
  margin: 0 auto;
  color: #900;
  padding: .5em;
  background-color: #ffe;
  border: 3px solid #900;
}

.errors h2
{
  font-size: 100%;
  font-weight: bold;
}

div.notice
{
  width: 400px;
  margin: 0 auto;
  color: #363;
  padding: .5em;
  background-color: #ff9;
  border: 3px solid #ff6;
}

.notice h2
{
  font-size: 100%;
  font-weight: bold;
}

.header small
{
  font-size: 0.8em;
  line-height: 1.0em;
  color: #666;
}