/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

html { background: url(images/tile_bg.png) repeat;}

body { font: 12px/1.8 Tahoma, Geneva, sans-serif;}

ol, ul { list-style: none; }

p { color:#333; margin:8px 0; }

h1 { font-size: 24px; text-indent:-9999px; margin:0; padding:0; }

h1 a { display: block; height: 100px; width: 960px; }

h2 { font-size: 22px; margin-top:80px }

h3 { font-size: 20px; color:#336699; padding-top:25px; }

h4 { font-size: 16px; color:#336699; padding-top:30px; }

p strong { color:#2E2E2E; font-size:12px; }

h3, h4 { font-family: Georgia, serif; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

img a, a { border:none; text-decoration:none; }

/* END RESET */
/* TOOLBOX CSS */

.floatleft { float: left; }

.floatright { float: right; }

.clear { clear: both; }

.clearfix:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

/* END TOOLBOX */
/* PAGE STRUCTURE */

#wrapper { width: 960px; margin: 0 auto; }

#header { height:200px; width:960px; background: url(images/petz-header.png) no-repeat; position:relative; }

#header img { position:absolute; top: 79px; right: 65px; }

#content { width:770px; float:left; padding:50px 0 80px 0; text-align:left; position:relative; background: url(images/petz-content.png) repeat-y; }

#top { background: url(images/petz-cont-top.png) no-repeat; height:17px; }

#bottom { background: url(images/petz-cont-bot.png) no-repeat; height:20px; }

#content p { padding: 0 175px 0 65px; }

#content h3 { padding: 40px 65px; font-size:16px; }

#home #content h3 { padding: 0 65px; font-size:16px; }

#content h4 { padding-left: 65px; }

#sidebar { float:left; width:190px; position:relative; }

#prices #sidebar img, #services #sidebar img { position: absolute; top: 240px; right: 0px; }

ul#nav { padding-top: 5px; margin-left:10px; height:50px; }

ul#nav li { display:inline; float:left; padding:0 10px; }

ul#nav li a { display:block; text-indent:-9999px; }

a.home { background: url(images/petz-sprite.png) no-repeat 0px 0px; height:50px; width:130px; }

body#home a.home, a.home:hover, a.home:focus { background: url(images/petz-sprite.png) no-repeat 0px -50px; height:50px; width:130px; }

a.home:active { background: url(images/petz-sprite.png) no-repeat 0px -48px; height:50px; width:130px; }

a.services { background: url(images/petz-sprite.png) no-repeat -130px 0px; height:50px; width:150px; }

body#services a.services, a.services:hover, a.services:focus { background: url(images/petz-sprite.png) no-repeat -130px -50px; height:50px; width:150px; }

a.services:active { background: url(images/petz-sprite.png) no-repeat -130px -48px; height:50px; width:150px; }

a.prices { background: url(images/petz-sprite.png) no-repeat -280px 0px; height:50px; width:120px; }

body#prices a.prices, a.prices:hover, a.prices:focus { background: url(images/petz-sprite.png) no-repeat -280px -50px; height:50px; width:120px; }

a.prices:active { background: url(images/petz-sprite.png) no-repeat -280px -48px; height:50px; width:120px; }

a.contact { background: url(images/petz-sprite.png) no-repeat -400px 0px; height:50px; width:180px; }

a.contact:hover, a.contact:focus { background: url(images/petz-sprite.png) no-repeat -400px -50px; height:50px; width:180px; }

a.contact:active { background: url(images/petz-sprite.png) no-repeat -400px -48px; height:50px; width:180px; }

body#home h3 { text-indent:-9999px; font-size:22px; }

body#error h3 { font-size: 30px; padding: 10px 0 20px 80px; }

body#error #content { min-height: 330px; }

body#thanks h3 { font-size: 30px; padding: 10px 0 20px 80px; }

body#thanks #content { min-height: 330px; }

a img.newService { height:154px; width:150px; position:absolute; top:-9px; left: 20px; }

img.text { height:208px; width:615px; padding:70px 0 30px 60px; }

img.dog { height:233px; width:256px; position:absolute; top:0px; right:-40px; z-index:100; }

img.cat { height:232px; width:270px; position:absolute; top:245px; left:-30px; }

body#thanks img.cat { height:232px; width:270px; position:absolute; top:275px; left:-30px; }

#pricelist { padding:0 0 50px 0; margin-left: 50px; }

caption { font-size:18px; padding:50px 20px 10px 40px; }

tbody { width:650px; }

tr { font-size:16px; }

th { font-size:12px; padding:15px;  text-align:left; }

td { font-size:16px; padding:15px; color:#336699; text-align:center;}
/*	CONTACT FORM	*/
#footer { width: 960px; position:relative; overflow:auto; }

#contact { width: 465px; margin-top: 25px; padding: 20px 0 20px 25px; float:left; }

legend { font-size:18px; margin-left:55px; color:#336699; }

label { font-weight: normal; font:12px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; text-align: left; float: left; width: 79px; padding: 5px 15px 5px 0; margin:0 5px 0 10px; }

#contact input, #contact textarea { width: 370px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font:12px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; border: 2px solid #ccc; margin: 0 3px 10px 3px; padding: 5px; background-color: white; }

#contact input.submit-button { width: 130px; float: right; }

#contact input.submit-button:hover { background-color: #336699; }

#contact textarea:focus, #contact input:focus { border: 2px solid #900; }
/* END CONTACT FORM */
.phone { float:left; width: 250px; padding:190px 0 10px 0; margin-left: 117px; font-size: 16px; color:#336699; }

.phoneMobile { float:left; width: 250px; padding:0; margin-left: 117px; font-size: 16px; color:#336699; }

.copyright { float:left; width:200px; position: absolute; bottom: 20px; right:150px; display:inline; }

.copyright a { color:#333; }

.copyright a:hover { text-decoration:underline; }

p.back-top { float: right; width: 155px; position: absolute; bottom: 320px; right: 100px; }

p.back-top a { background: url(images/back-top.png) no-repeat 0 0; width: 155px; height: 39px; display: block; text-indent: -9999px; }