/* Generic */

html {
  background: #fff url(/img/bg.png) top center repeat-y;
}

body {
  font-family: "Lucida Grande", Verdana, Tahoma, Arial, Sans-serif;
  font-size: 12px;
  background: #fff url(/img/background.gif) repeat-y;
}

input,
textarea,
select {
  font-family: "Lucida Grande", Verdana, Tahoma, Arial, Sans-serif;
  font-size: 11px;
}

h1, h2, h3, h4 {
  color: #201e65;
}

p {
  margin: 0;
  padding: 2px 0;
}

p.error {
  font-weight: bold;
  color: #c00;
}

/* Main */
#main {
  padding-bottom: 160px;
}

table.priceList {
  border: 0;
  width: 480px;
}

table.priceList td {
  border: 0;
  padding: 5px;
}

img.petSitting {
  margin: 15px;
  float: left;
}

div.priceLists {
  float: right;
  width: 480px;
}

img.classesInAction2 {
  float: right;
  margin: 10px;
}

img.classesInAction {
  float: left;
  margin: 30px 15px;
}

/* Header */

#header {
  background: #48bee2 url(/img/header.gif) center right no-repeat;
  color: #fff;
}

#header h1 {
  color: #201e65;
  margin: 0;
  font-size: 2.8em;
  padding: 40px 20px 0;
}

#header h1 a {
  color: #201e65;
  text-decoration: none;
}

#header h2 {
  color: #3c90c4;
  margin: 0;
  padding: 0 12px;
}

#header ul {
  border-top: 1px solid #fff;
  height: 25px;
  margin: 52px 0 0 0;
  padding: 0 0 0 10px;
  background-color: #8dd2e8;
}

#header ul li {
  list-style: none;
  display: block;
  float: left;
}

#header ul li a,
#header ul li a:visited {
  color: #fff;
  font-weight: bold;
  display: block;
  float: left;
  padding: 6px 15px;
  margin-right: 5px;
  text-decoration: none;
}

#header ul li a.current,
#header ul li a.current:visited,
#header ul li a:hover,
#header ul li a:active {
  color: #8dd2e8;
  background-color: #fff;
}

/* Footer */

#footer {
  text-align: center;
  background: #fff url(/img/footer.gif) bottom left repeat-x;
  color: #201e65;
}

#footer p.logos {
  text-align: right;
}

#footer p.logos img {
  border: 1px solid #000;
  margin: 30px 25px 0;
}

img.mainImage  {
  float: right;
  margin: 10px;
  cursor: pointer;
}

div.mapContainer {
  float: right;
  margin: 10px 0 10px 10px;
}

div.mapContainer div#googleMap {
  width: 320px;
  height: 240px;
  margin: 10px;
  border: 1px solid #999;
}

div.mapContainer div#googleMap p.loadingInfo {
  margin: 100px 0 0 0;
  text-align: center;
}