html, body, form { margin: 0px; padding: 0px; min-height: 100%; height: auto; }
body { font-family: Verdana, Sans-Serif; font-size: 9pt; background: #1a3a45 url(/images/backgrounds/pageback.gif) repeat-x; color: #915568; line-height: 1.4em; }
input, textarea, select { font-family: Verdana, Sans-Serif; font-size: 9pt; }
a { color: #99b9bf; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3 { color: #244e5f; font-family: Arial, Sans-Serif; margin: 0; }
h1 { font-size: 14pt; }
h2 { font-size: 12pt; color: #4489af; }
h3 { font-size: 11pt; color: #c23e14; }
img { border: none; }
li { list-style-image: url(/images/bullet.gif); }
.centered { margin: 0 auto 0 auto; }
div.leftContent { width: 280px; float: left; position: relative; left: -20px; }
div.rightContent { width: 700px; float: right; }
img.quotel, img.quoter { width: 40px; height: 38px; }
img.quotel { float: left; margin: 0 5px 0 0; }
img.quoter { float: right; margin: 0 0 0 5px; }
#seo { height: 0; overflow: hidden; }

/* main.master */
div.outerPageBackground { width: 1040px; }
div.innerPageBackground { width: 980px; background-color: #f3f3db; padding: 20px 20px 20px 0; margin-top: 10px; }
div.innerPageBackground a { color: #c23e14; }
#logoContainer { width: 1000px; padding: 20px 0 0 0; }
#topNav { color: white; float: right; margin: 20px 0 0 0; }
#topBar { width: 100%; height: 37px;  }
#topBar td { width: 50%; color: White; }
#quickDocs { }
#quickContact { text-align: right; }
#quickContact a { background: url(/images/location-button-back.gif) no-repeat center right; color: #e1ddc0; padding: 5px 23px 5px 10px; border-radius: 5px; }
#locations-popup { display: none; background-color: #244e5f; padding: 30px 30px 10px 30px; position: absolute; top: 38px; right: 0; border-radius: 0 0 20px 20px;  border: solid 1px #366a6e; border-top: none; z-index: 2; }
#locations-popup ul { padding: 0; margin: 0; color: White; }
#locations-popup li { list-style: none; text-align: right; margin-bottom: 20px; list-style-image: none; }
#locations-popup li span { font-size: 1.1em; font-weight: bold; }
#callout { position: relative; }
#callout img { width: 148px; height: 102px; position: absolute; top: -20px; right: -100px; z-index: 1; }
#copyright, #creator, #address { font-size: x-small; color: white; text-align: center; }
#address { padding-top: 40px; }
#creator { padding-bottom: 40px; }
#bottomNav { margin-top: 10px; text-align: center; font-size: 14pt; width: 1000px; }
#bottomNav a { color: White; }
#address { margin-top: 10px; }
img.bnav { width: 200px; height: 100px; }

img.navSep { width: 7px; height: 40px; }
img.topNav { height: 40px; }
#tHome { background: url(/images/nav/topnavoff.gif) no-repeat; width: 70px; }
#tAbout { background: url(/images/nav/topnavoff.gif) no-repeat 0 -40px; width: 75px; }
#tServices { background: url(/images/nav/topnavoff.gif) no-repeat 0 -80px; width: 95px; }
#tCare { background: url(/images/nav/topnavoff.gif) no-repeat 0 -120px; width: 95px; }
#tContact { background: url(/images/nav/topnavoff.gif) no-repeat 0 -160px; width: 90px; }

#tHome:hover { background: url(/images/nav/topnavon.gif) no-repeat; width: 70px; }
#tAbout:hover { background: url(/images/nav/topnavon.gif) no-repeat 0 -40px; width: 75px; }
#tServices:hover { background: url(/images/nav/topnavon.gif) no-repeat 0 -80px; width: 95px; }
#tCare:hover { background: url(/images/nav/topnavon.gif) no-repeat 0 -120px; width: 95px; }
#tContact:hover { background: url(/images/nav/topnavon.gif) no-repeat 0 -160px; width: 90px; }

#bHome { background: #0b1d1e url(/images/nav/home.gif) no-repeat; }
#bAbout { background: #0b1d1e url(/images/nav/about.gif) no-repeat; }
#bServices { background: #0b1d1e url(/images/nav/services.gif) no-repeat; }
#bCare{ background: #0b1d1e url(/images/nav/petcare.gif) no-repeat; }
#bContact { background: #0b1d1e url(/images/nav/contact.gif) no-repeat; }
#bHome:hover, #bAbout:hover, #bServices:hover, #bCare:hover, #bContact:hover { background-position: 0 -100px; }

#portal { width: 70px; height: 270px; background: url(/images/portal.png) no-repeat; }
#portal:hover { background: url(/images/portal.png) no-repeat -70px; }

/* default.aspx */
div.box1Header, div.box1Header2 { padding: 10px; width: 260px; border-radius: 0 20px 0 0; }
div.box1Header { background: #e29943; border: solid 1px #e29943; }
div.box1Header2 { background: #a85b27; border: solid 1px #a85b27; }
div.box1Header h1, div.box1Header2 h1, div.box1Header a, div.box1Header2 a { color: White; }
div.box1 { background: #fefbc1; border: solid 1px #e3e2d1; padding: 10px; width: 260px; }
div.box1 h1 { color: #99b9bf; }

div.box2 { background: white; border: solid 1px #dfdfc9; padding: 10px;  }
div.box2 table td { vertical-align: top; border: solid 5px #f2f2d8; padding: 10px; }

div.box3 { background: #ebebc2 url(/images/backgrounds/pawprint.gif) no-repeat top right; border: solid 1px #dfdfc9; padding: 10px; color: #00323c; }
div.box3 h1 { color: #00323c; }

div.button1, div.button1:hover { width: 240px; height: 45px; background: url(/images/backgrounds/button.png); padding: 30px 0 0 20px; font-size: 10pt; }
div.button1:hover { background: url(/images/backgrounds/button.png) no-repeat 0 -80px; }
div.button1 a, div.button1:hover a { color: White; }

div.button2, div.button2:hover { width: 240px; height: 45px; background: url(/images/backgrounds/button.png) no-repeat 0 -240px; padding: 30px 0 0 20px; font-size: 10pt; }
div.button2:hover { background: url(/images/backgrounds/button.png) no-repeat 0 -160px; }
div.button2 a, div.button2:hover a { color: White; }

div.button3, div.button3:hover { width: 240px; height: 45px; background: url(/images/backgrounds/button.png) no-repeat 0 -80px; padding: 30px 0 0 20px; font-size: 10pt; }
div.button3:hover { background: url(/images/backgrounds/button.png); }
div.button3 a, div.button3:hover a { color: White; }

#mypet-container { width: 280px; height: 280px; border: solid 1px #a85b27; background: #fff; }
#mypet { width: 280px; height: 280px; }
#mypet-cache { height: 0; background: url(/images/pets/1.jpg) no-repeat; overflow: hidden; }
#sendpics { background: #f9f9d2 url(/images/sendpics.gif) no-repeat; height: 55px; padding: 10px 10px 10px 80px; margin: 10px 0 0 0; }
img.paragraphImage { float: left; margin-right: 10px; width: 150px; height: 100px; border-radius: 0 10px 0 10px; border: solid 3px white; }

/* about.aspx */
#aaha { width: 80px; height: 100px; float: left; margin: 0 10px 0 0;  }
.modalBackground { background-color: black; filter: alpha(opacity=70); opacity: 0.7; }
.modalPopup { background: #fefbc1; border: solid 1px #e3e2d1; }
.modalPopupHeader h1 { color: White; }
.modalPopupHeader { cursor: move; padding: 10px; background: #244e5f; border: solid 1px #e29943; }
.modalBody { padding: 10px; background: url(/images/backgrounds/pawprint.gif) no-repeat top right; }
.modalBody a { font-size: 11pt; color: #c23e14; }
img.doc { width: 109px; height: 109px; float: left; margin: 0 10px 5px 0; border-radius: 0 10px 0 10px; }
#docTable { width: 100%; margin-bottom: 20px;}
#otherStaff {width: 100%; }
#otherStaff td { vertical-align: top; }
.closeButton { width: 43px; height: 18px; float: right; cursor: pointer; }

.stepcarousel {
width: 680px;
height: 300px;
position: relative;
overflow: scroll;
}
.stepcarousel .belt { position: absolute; left: 0; top: 0; }
.stepcarousel .panel {
width: 680px; 
height: 300px; 
float: left; 
overflow: hidden; 
background: white; border: solid 1px #dfdfc9; 
}
.stepcarousel .panel-inner { padding: 20px; }

/* services.aspx */
.tabs .ajax__tab_header { font-size: 12pt; background: #4489af; color: White; margin: 0 0 10px 0; cursor: pointer; }
.tabs .ajax__tab_tab { padding: 10px; color: White; }
.tabs .ajax__tab_hover .ajax__tab_tab, .ajax__tab_active .ajax__tab_tab { background: #0b1d1e; }
#advCare td { width: 50%; }
#groomingContainer { background: #ebebc2 url(/images/backgrounds/scissors.gif) no-repeat top right }
#download{ background: #f9f9d2 url(/images/download.gif) no-repeat; height: 55px; padding: 10px 10px 10px 80px; margin: 10px 0 0 0; }

/* contact.aspx */
#mapContainer { width: 280px; border: solid 1px #a85b27; background: #fefbc1; }
#mapContainer div { border: solid 5px #a85b27; text-align: center;  }
#mapContainer p { padding: 0 10px 0 10px; }
#emergencyContainer { background: white url(/images/backgrounds/emergency.gif) no-repeat top right; }

/* gallery.aspx */
#galleryFlashContent { width: 940px; height: 600px; text-align: center; }
#gallery { width: 740px; height: 200px;  }