strong, b, strong *, b * { font-weight: bold !important; }
em, i, em *, i * { font-style: italic !important; }

html, body {
	height: 100%;
    font: 100%/1.3 "ar cena", sans-serif, "trebuchet ms", tahoma;
}

body {
	background-attachment:fixed;
	background-color: #00C4F3;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #00C4F3 70%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #00C4F3 70%);
	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #00C4F3 70%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(.7, #00C4F3));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #00C4F3 70%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #FFFFFF 0%, #00C4F3 70%);
}

/*=== Float Containment and Bug Fixes (Do Not Alter These!) ===*/
body:before { /*Opera min-height 100% Fix (Maleika)*/
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px; /*eliminate need for inner non clearing element (Erik.J)*/
}

#wrapper:after,  /* #wrapper:after for IE8 min-height:100% Fix*/
#content:after { /* #content:after for Float Containment*/
    clear: both;
    content: "";
    display: block;
    height: 1%; /*fix IE8 min-height:100% bug (Erik.J)*/
    font-size: 0;
}

/*===  Begin Layout Structure ===*/
#wrapper {
    min-height: 100%; /*height is determined from parent's height (html & body)*/
    width: 960px;
    margin-left: auto;
	margin-right: auto;
	border: 3px solid #000000;
	background-color: #FFFFFF;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

* html #wrapper {
	height: 100%; /*IE6 treats height as min-height*/
}

.nav li {
	display: inline;
}

.nav li:last-child {
	padding-right: 0px;
}

/*
*********************
*  =header			*
*********************
*/
#header {
	text-align: center;
	background-color: #FFFFFF;
}

#header h1 {
	background: url(../img/header.jpg) no-repeat;
	text-indent: -9999px;
    margin: auto;
	width: 925px;
	height: 180px;
	margin-top: 15px;
	margin-bottom: 20px;
	border: 3px solid #000000;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#header ul {
	border-bottom: 3px solid #000000;
	/*font-family: "ar cena", sans-serif, "trebuchet ms", tahoma;*/
}

#header ul a {
	border: 3px solid #000000;
	border-bottom: none;
	-moz-border-top-left-radius: 15px;
	-moz-border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	padding: 5px 15px 2px 15px;
	text-decoration: none;
	color: #000000;
	font-size: 22px;
}

#header ul a:hover {
	color: #000000;
	background: url(../img/pawprint.png) left center no-repeat,
				url(../img/pawprint.png) right center no-repeat,
				#00C4F3;
}

#active {
	color: #000000;
	background: url(../img/pawprint.png) left center no-repeat,
				url(../img/pawprint.png) right center no-repeat,
				#00C4F3;
	_background: url(../img/pawprint.png) left center no-repeat;
	_background-color: #00C4F3;
}

/*
*********************
*  =content			*
*********************
*/
#content {
    width: 920px; /* has ayout */
    padding: 0.5em 20px 175px 20px; /* 175px to preserve footer space */
	background-color: #FFFFFF;
}

#content h1 {
	font-size: 40px;
	color: #F9299A;
	font-variant: small-caps;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 25px;
}

#content h2 {
	font-size: 37.5px;
	letter-spacing: 1px;
	color: #F9299A;
	font-variant: small-caps;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	/*font-family: "ar cena", sans-serif, "trebuchet ms", tahoma;*/
}

#content p {
	font-family: sans-serif, Baskerville, serif;
	color: #000000;
	font-size: 1.25em;
	line-height: 150%;
	margin: 10px;
}

#content h3 {
	font-size: 23px;
	color: #F9299A;
	font-variant: small-caps;
}

#content h4 {
	font-size: 18px;
	color: #F9299A;
}

h4 span {
	font-size: 15px;
}

#content .price {
	font-size: 18px;
	font-style: italic;
	padding-bottom: 15px;
}

#content .notice {
	color: #00C4F3;
	font-size: 1.875em;
	text-shadow:  -1px -1px 0 #000,
					1px -1px 0 #000,
					-1px 1px 0 #000,
					1px 1px 0 #000;
}

#content .notice a {
	font-size: 1em;
	text-shadow:  none;
}

#leftImg {
	float: left;
	margin: 10px 10px 5px 0;
	border: 2px solid #000000;
	width: 200px;
}

#rightImg {
	float: right;
	margin: 10px 0 5px 10px;
	border: 2px solid #000000;
	width: 200px;
}

.pawbullets {
    list-style: none;
    margin: 0 0 0 15px;
    padding: 0;
	overflow: hidden;
}

.pawbullets li {
    line-height: 1.3em;
	font-size: 1em;
    margin: .25em 0;
    padding: 0 0 0 25px;
	background-image: url(../img/pawprint.png);
	background-position: left center;
	background-repeat: no-repeat;
}

#coupon {
	background-color: #FFFFFF;
	width: 135px;
    float: right;
	border: 3px solid #000000;
	position: relative;
	top: 275px;
	right: -150px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
}

#coupon li {
	font-size: 1.25em;
	font-style: bold;
	font-variant: small-caps;
	padding: 5px;
}

blockquote {
	padding: 25px 60px 25px 60px;
	font-size: 16.5px;
}

#content .author {
	margin-top: -40px;
	margin-left: 450px;
}

#content .author p {
	line-height: 90%;
	font-size: 14px;
	font-style: italic !important;
}

#content .author a {
	font-style: normal;
}

#paws-wrapper {
	padding-top: 15px;
	padding-bottom: 10px;
	overflow: auto;
}

#paws-left {
	float: left;
	width: 450px;
}

#paws-right {
	float: right;
	width: 450px;
}

#paws-right p {
    line-height: 150%;
	font-size: 1em;
}

#faqlist {
	padding-top: 150px;
}

#faqlist .anchor {
	font-style: bold;
	font-size: 27.5px;
	text-decoration: underline;
}

#faqlist li {
	line-height: 1.3em;
    margin: .25em 0;
    padding: 25px 0 0 0;
}

#faqlist a {
	padding: 0;
	margin: 0;
}

#faqlist p {
	font-size: 1em;
    padding-left: 50px;
}

#pushdown {
	padding-top: 15px;
}

#contactInfo {
	text-align: center;
	margin-right: 220px;
}

table {
	margin-top: 10px;
    border-collapse: separate;
    border-spacing: 0 0.5em;
}

input , textarea, td span {
	margin-left: 25px;
}

#message {
	vertical-align: top;
}

#offers {
	padding-top: 40px;
	padding-left: 50px;
    width: 375px;
    margin: 0 auto;
    text-align: left;
}

#contactAppointment {
	padding-top: 30px;
}


/*
*********************
*  =social-nav		*
*********************
*/
#social-nav {
	margin: 0px;
	background-color: #FFFFFF;
	width: 100px;
    float: left;
	border: 3px solid #000000;
	position: relative;
	top: 175px;
	right: 115px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#social-nav a {
	text-align: center;
	cursor: pointer;
	display: block;        
	text-decoration: none;
}

.top-level li {
	padding: 15px 0 15px 0;
}

.spinnericons img {
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.spinnericons img:hover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}


/*
*********************
*  =footer			*
*********************
*/
#footer {
    clear: both;
    width: 960px;
    height: 50px;
    margin: -75px auto 0; /*pull footer back into viewport with negative top margin*/
    background-color: #FFFFFF;
    text-align: center;
	border-top: 3px solid #000000;
	padding-top: 10px;
}

#footer p {
	float: left;
	padding-top: 13px;
	padding-left: 20px;
}

#footer ul {
	float: right;
	padding-right: 20px;
}

#footer a {
	text-decoration: none;
}


/*
*********************
*  =nowandthen		*
*********************
*/
a.nowandthen {
	position: relative;
	display: block;
	overflow: hidden;
	cursor: pointer;
	width: 200px; /* set width of image container */
	height: 133px;  /* set height of image container */
}

a.nowandthen img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-moz-transition: all 0.75s ease; /* enable transition */
	-webkit-transition: all 0.75s ease;
	-o-transition: all 0.75s ease;
	-ms-transition: all 0.75s ease;
	transition: all 0.75s ease;
	z-index: 2;
	clip: rect(0, 200px, 144px, 0); /* clip values should be rect(0,image_width,image_height,0) */
}

a.nowandthen img:nth-of-type(1) { /* hide "after" image beneath "before" so it's initially out of view */
	z-index: 1;
}

a.nowandthen:hover img:nth-of-type(2) { /* clip "before" image to reveal "after" */
	clip: rect(0, 0, 133px, 0); /* clip values should be rect(0,0,image_height,0) */
	opacity: 0;
}


/*
*********************
*  =gallery			*
*********************
*/
#polaroids {
	width: 960px;
	margin: 0 0 20px 10px;
}

#polaroids li {
	display: inline;
}

#polaroids a {
	background: #FFFAFA;
	display: inline;
	float: left;
	margin: 0 30px 25px 0;
	width: auto;
	padding: 10px 10px 20px 10px;
	text-align: center;
	font-family: "Marker Felt", sans-serif;
	text-decoration: none;
	color: #333;
	font-size: 18px;
	border: 2px solid #000000;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-webkit-transform: rotate(-2deg);
	-webkit-transition: -webkit-transform .15s linear;
	-moz-transform: rotate(-2deg);
}

#polaroids img {
	display: block;
	width: 175px;
	height: 175px;
	margin-bottom: 12px;
	border: 2px solid #000000;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#polaroids a:after {
	content: attr(title);
}

#polaroids li:nth-child(even) a {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
}

#polaroids li:nth-child(3n) a {
	-webkit-transform: none;
	position: relative;
	top: -5px; 
	-moz-transform: none;
}

#polaroids li:nth-child(5n) a {
	-webkit-transform: rotate(5deg);
	position: relative;
	right: 5px;
	-moz-transform: rotate(5deg);
}

#polaroids li:nth-child(8n) a {
	position: relative;
	right: 5px;
	top: 8px;
}

#polaroids li:nth-child(11n) a {
	position: relative;
	left: -5px;
	top: 3px;
}

#polaroids li.messy a {
	margin-top: -375px;
	margin-left: 160px;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
}

#polaroids li a:hover {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
	position: relative;
	z-index: 5;
}

input.invalid, textarea.invalid {
	border: 2px solid red;
}

input.valid, textarea.valid {
	border: 2px solid green;
}