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

body {background: #fbfece url(../img/bg-fade.jpg) repeat; margin: 0; padding: 0;}

#container {background: url(../img/bg-container.jpg) repeat-y; margin: 0 auto; padding: 0; width: 812px;}

#content img {border: 1px #666 solid;}

h1 {margin: 0 9px 0 10px; padding: 0; width: 793px; height: 108px; background: url(../img/h1-bg.jpg) no-repeat;}
h1 a:link, h1 a:visited, h1 a:hover {margin: 0; padding: 0; height: 108px; width: 365px; background: url(../img/h1.jpg) no-repeat; display: block; text-indent: -9999px;}

#nav {margin: 0 9px 0 10px; padding: 0; width: 793px; height: 45px; background: url(../img/nav-bg.jpg) no-repeat; display: block;}
#nav li {margin: 0; padding: 0; display: block; float: left; list-style-type: none; height: 35px;}

#nav li .home {background: url(../img/home-all.gif) no-repeat bottom; display: block; width: 98px; height: 35px; margin-left: 17px; text-indent: -9999px; overflow: hidden;}
#nav li a:hover.home {background: url(../img/home-all.gif) no-repeat center;}
#nav li .boarding {background: url(../img/boarding-all.gif) no-repeat bottom; display: block; width: 97px; height: 35px; margin-left: 17px; text-indent: -9999px; overflow: hidden;}
#nav li a:hover.boarding {background: url(../img/boarding-all.gif) no-repeat center;}
#nav li .grooming {background: url(../img/grooming-all.gif) no-repeat bottom; display: block; width: 97px; height: 35px; margin-left: 17px; text-indent: -9999px; overflow: hidden;}
#nav li a:hover.grooming {background: url(../img/grooming-all.gif) no-repeat center;}
#nav li .weight-loss {background: url(../img/weight-loss-all.gif) no-repeat bottom; display: block; width: 121px; height: 35px; margin-left: 17px; text-indent: -9999px; overflow: hidden;}
#nav li a:hover.weight-loss {background: url(../img/weight-loss-all.gif) no-repeat center;}
#nav li .rehabilitation {background: url(../img/rehabilitation-all.gif) no-repeat bottom; display: block; width: 137px; height: 35px; margin-left: 17px; text-indent: -9999px; overflow: hidden;}
#nav li a:hover.rehabilitation {background: url(../img/rehabilitation-all.gif) no-repeat center;}

#side-nav {background: #9fd5f4; margin: 0 0 0 10px; padding: 0; width: 172px; height: 206px;}
#side-nav li {margin: 0; padding: 0; display: block; list-style-type: none;}
#side-nav li .about {background: url(../img/about-pwc.gif) no-repeat top; width: 134px; height: 34px; margin: 0 0 0 10px; padding: 0; text-indent: -9999px; display: block; overflow: hidden;}
#side-nav li a:hover.about {background: url(../img/about-pwc.gif) no-repeat bottom;}
#side-nav li .services {background: url(../img/services.gif) no-repeat top; width: 134px; height: 32px; margin: 0 0 0 10px; padding: 0; text-indent: -9999px; display: block; overflow: hidden;}
#side-nav li a:hover.services {background: url(../img/services.gif) no-repeat bottom;}
#side-nav li .pet-boutique {background: url(../img/pet-boutique.gif) no-repeat top; width: 134px; height: 32px; margin: 0 0 0 10px; padding: 0; text-indent: -9999px; display: block; overflow: hidden;}
#side-nav li a:hover.pet-boutique {background: url(../img/pet-boutique.gif) no-repeat bottom;}
#side-nav li .directions {background: url(../img/directions.gif) no-repeat top; width: 134px; height: 32px; margin: 0 0 0 10px; padding: 0; text-indent: -9999px; display: block; overflow: hidden;}
#side-nav li a:hover.directions {background: url(../img/directions.gif) no-repeat bottom;}
#side-nav li .links {background: url(../img/links.gif) no-repeat top; width: 134px; height: 35px; margin: 0 0 0 10px; padding: 0; text-indent: -9999px; display: block; overflow: hidden;}
#side-nav li a:hover.links {background: url(../img/links.gif) no-repeat bottom;}
#side-nav li .q-and-a {background: url(../img/q-and-a.gif) no-repeat top; width: 134px; height: 35px; margin: 0 0 0 10px; padding: 0; text-indent: -9999px; display: block; overflow: hidden;}
#side-nav li a:hover.q-and-a {background: url(../img/q-and-a.gif) no-repeat bottom;}

#content {width: 580px; padding: 18px 20px; float: right; display: block; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;}
#content a:link, #content a:visited {color: #0158a9; text-decoration: underline;}
#content a:hover  {color: #0272db; text-decoration: none;}
#content h2  {color: #0158a9; font-weight: normal;}
#content h3  {color: #333; padding: 0; margin: 21px 0 -9px 0;}
#content ul li{list-style: url(../img/bullet-ball.gif);}
#content ol li{margin-bottom: 20px;}
#content ol li:first-child{margin-top: 16px;}
/*#content ol:last-child{margin-bottom: 0;}*/

#flash-area {display: block; width: 561px; height: 165px; background: #dedede url(../img/flash-area.jpg) no-repeat;}

#footer { display:: block; clear: both; width: 795px; background: url(../img/footer-bg.gif) no-repeat; height: 123px; margin: 0 0 0 10px; padding: 0; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #857300; line-height: 18px; text-align: center;}
#inner-foot {margin: 0 7px 0 0; padding: 32px 0 0 0; display: block;}
#inner-foot a:link, #inner-foot a:visited {color: #857300; text-decoration: underline;}
#inner-foot a:hover {color: #857300; text-decoration: none;}

.faq-insert {display: block; padding: 8px; margin: 12px; background: #d6eee2; float: right; width: 200px; border: 1px solid #7abae3;}
.note {font-style: italic; font-size: 11px;}

/*accessibility*/
#skip {display: none;}
.top {display: block; float: right; font-size: 11px;}