

* { outline: none; }
input::-moz-focus-inner { border: 0; }
.clear { clear: both; }
a img { border: none; }
p { padding: 9px 0px; margin: 0px; }
hr { color: #444; background-color: #444; height: 1px; border: none; }
.hidden { display: none; }
.textright { text-align: right; }
.textleft { text-align: left; }
.textcenter { text-align: center; }

a { color: #f28110; text-decoration: none; }
a:hover { text-decoration: underline; color: #f28110; }



#adminbar {
	padding: 5px 10px;
	background: #1973b0 url(../admin_images/adminbar.png) top repeat-x;
	border: 1px solid #004c80;
}
#adminbar form {
	padding: 0px;
	margin: 0px;
}
#editbutton {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
	height: 40px;
	width: 220px;
	border: none;
	background: url(../admin_images/edit.png) top;
	cursor: pointer;
	text-indent: -3333px;
	overflow: hidden;
}
#editbutton:hover {
	background: url(../admin_images/edit.png) bottom;
}
#viewmediaform {
	display: block;
	float: right;
}
#viewmedia {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
	height: 40px;
	width: 220px;
	border: none;
	background: url(../admin_images/viewmedia.png) top;
	cursor: pointer;
	text-indent: -3333px;
	overflow: hidden;
}
#viewmedia:hover {
	background: url(../admin_images/viewmedia.png) bottom;
}



h1, h2, h3, h4, h5, h6 {
	display: block;
	margin: 0px;
	padding: 9px 0px;
	font-weight: bold;
	color: #2d4780;
	font-size: 28px;
	line-height: 32px;
}

@font-face {
font-family: 'Daniel';
src: url('danielbk-webfont.eot');
src: url('TrashHand-webfont.eot?#iefix') format('embedded-opentype'),
url('danielbk-webfont.woff') format('woff'),
url('danielbk-webfont.ttf') format('truetype'),
url('danielbk-webfont.svg#TrashHandRegular') format('svg');
font-weight: normal;
font-style: normal;
}

h3, h4, h5, h6 {
	font-size: 22px;
	line-height: 26px;
	color: #e44d35;
}

#logo {
	display: block;
	position: absolute;
	margin: 0px auto;
	left: 0px;
	top: 20px;
}

#logo a {
	display: block;
	width: 300px;
	height: 60px;
	background: url(../images/logo.png) no-repeat;
	overflow: hidden;
	text-indent: -3333px;
}



body {
	padding: 0px;
	margin: 0px;
background: #6cd1e4;
font-family: Trebuchet MS, Arial, sans serif;
font-size: 14px;
line-height: 18px;
color: #333333;
}

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

#banner_div {
position: relative;
height: 100px;
}

.pawprint {
width: 306px;
height: 116px;
position: absolute;
z-index:2;
margin-left: 415px;
background: url(../images/pawprints2.png) top center no-repeat;
}

#phone {
top: 20px;
right: 0px;
margin: 0px auto;
position: absolute;
}

.portalbtn {
width: 125px;
height: 34px;
position: absolute;
z-index:995;
right: 44px;
margin-top: 50px;
}


.portalbtn a {
display: block;
width: 125px;
height: 34px;
background: url(../images/petportalbtn.png) top center no-repeat;
}

.portalbtn a:hover {
display: block;
width: 125px;
height: 34px;
background: url(../images/petportalbtn.png) bottom center no-repeat;
}

#fb {
float: right;
position: absolute;
right: 0px;
margin-top: 45px;
padding: 5px 0px 10px 0px;
z-index: 999;
}

#fb a {
display: block;
background: url(../images/facebook.png) no-repeat;
height: 35px;
width: 35px;
background-position: 0px 0px;
}

#navbar_div {
padding: 0px 20px;
height: 75px;
background: url(../images/navbarbg.png) no-repeat;

}

#navbar_div a {
text-decoration: none;
color: #ffffff;
font-size: 15px;
line-height: 80px;
margin-right: 32px;
text-transform: uppercase;
font-weight: bold;
}

#navbar_div a.current {
color: #e44d35;
}

#navbar_div a:hover {
color: #e44d35;
}

#content_div {
	padding: 20px 0px;	
	min-height: 610px;
}

.whitegradient {
width: 940px;
min-height: 381px;
margin-top: -10px;
background: url(../images/whitegradient.png) top center no-repeat;
}

.outer_footer {
	width: 100%;
	background: url(../images/footerbg.jpg) repeat-x;
}
.inner_footer {
	margin: 0px auto;
	width: 940px;
	text-align: center;
	color: #e54e36;
	text-transform: uppercase;
	padding: 20px 0px 30px 0px;
	clear: both;
	
}
.inner_footer a {
	color: #e54e36;
}

#home_inner_footer {
	margin: 0px auto;
	width: 940px;
	height: 300px;
	padding: 35px 0px 30px 0px;
	border-bottom: 1px solid #444;
	
}


.maincallout {
width: 515px;
height: 471px;
position: relative;
margin-bottom: 20px;
background: url(../images/maincalloutbg.png) no-repeat;
}

.polaroidtext {
width: 430px;
height: 88px;
position: absolute;
top: 365px;
left: 64px;
overflow: hidden;

}
.polaroidtext h2 {
font-family: Daniel;
font-weight: normal;
font-size: 28px;
line-height: 42px;
color: #e64f37;
}

.maincalloutbody {
width: 410px;
height: 365px;
margin-top: 8px;
position: relative;
overflow: hidden;
float: right;
font-size: 14px;
line-height: 18px;
background: url(../images/pawprints.png) no-repeat;
}

.maincalloutbody h2 {
font-size: 31px;
line-height: 36px;
}

.appointmentbtn {
width: 134px;
height: 81px;
margin: 0 auto;
position: absolute;
z-index:995;
padding: 0px;
top: 385px;
left: 528px;
}

.appointmentbtn a {
display: block;
width: 134px;
height: 81px;
background: url(../images/appointmentbtn.png) top center no-repeat;

}

.appointmentbtn a:hover {
display: block;
width: 134px;
height: 82px;
background: url(../images/appointmentbtn.png) bottom center no-repeat;
}



#maincallout_img img {
width: 430px;
height: 322px;
z-index: 980;
margin-top: 40px;
left: 64px;
}

#minicallout {
width: 940px;
margin: 0px auto;
border: 0px solid black;
}

.minicallout1 {
width: 300px;
text-align: left;
margin-right: 20px;
float: left;
line-height: 18px;
padding-bottom: 0px;

}

.minicallout1 h4 {
font-size: 24px;
line-height: 28px;
margin-top: 5px;
}

#lastminicallout {
float: right;
width: 300px;
line-height: 18px;
text-align: left;
}

#lastminicallout h4 {
font-size: 24px;
line-height: 28px;
margin-top: 5px;
}



#sidemenu {
	width: 220px;
	float: left;
	padding-top: 14px;
}

#sidemenu a {
	display: block;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 8px 15px;
	margin-bottom: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ff7964;
	text-transform: uppercase;
	background: -moz-linear-gradient(90deg,#d0331b,#ff7964);
	background: -webkit-gradient(linear, left bottom, left top, from(#d0331b), to(#ff7964));
	border: 1px solid #d0331b;
	text-shadow: 1px 1px 1px #333333;
	text-align: center;
}

#sidemenu a.sublink {
	color: #ffffff;
	margin-left: 40px;
	background: #333333;
	background: -moz-linear-gradient(90deg,#333333,#666666);
	background: -webkit-gradient(linear, left bottom, left top, from(#333333), to(#666666));
	border: 1px solid #333333;
	text-shadow: 1px 1px 1px #333333;
	text-align: center;
}

#sidemenu a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #d0331b;
	background: -moz-linear-gradient(90deg,#d0331b,#d0331b);
	background: -webkit-gradient(linear, left bottom, left top, from(#d0331b), to(#d0331b));
	border: 1px solid #d0331b;
	text-shadow: 1px 1px 1px #d0331b;
	text-align: center;
}
#sidemenu a.sublink:hover {
	color: #ffffff;
	text-decoration: none;
	background: #000000;
	background: -moz-linear-gradient(90deg,#000000,#333333);
	background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(#333333));
	border: 1px solid #000000;
	text-shadow: 1px 1px 1px #000000;
	text-align: center;
}

#textsection {
	float: right;
	width: 700px;
}



.text_image {
	float: right;
	margin: 9px 0px 9px 18px;
	text-align: center;

}
.text_image_right {
	float: right;
	margin: 9px 0px 9px 18px;
	text-align: center;
}
.text_image_left {
	float: left;
	margin: 9px 18px 9px 0px;
	text-align: center;
}
.text_image img {
	border: 1px solid #444444;
}
.text_image_right p {
	border-top: 1px solid #444444;
	margin-top: 10px;
	text-align: left;
}
.text_image_left p {
	border-top: 1px solid #444444;
	margin-top: 10px;
	text-align: left;
}
.text_image_right img {
	border: 0px solid #444444;
}
.text_image_left img {
	border: 0px solid #444444;
}

.text_image p {
	border-top: 1px solid #444444;
	margin-top: 10px;
	text-align: left;
}

.textholder {
	padding: 10px 0px;
	margin: 0px;
}

.lefttextimage {
float: left; 
margin-right: 10px; 
border: 1px solid #c1c1c1;
}

.righttextimage {
float: right; 
margin-left: 10px; 
border: 1px solid #c1c1c1;
}



.dmap {
	margin: 9px 0px;
	width: 540px;
	height: 300px;
	border: 1px solid #c1c1c1;
}



.submit_button {
	cursor: pointer;
	display: block;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 5px 15px;
	margin-bottom: 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ff7964;
	background: -moz-linear-gradient(90deg,#d0331b,#ff7964);
	background: -webkit-gradient(linear, left bottom, left top, from(#d0331b), to(#ff7964));
	border: 1px solid #d0331b;
	text-shadow: 1px 1px 1px #d0331b;
}

.submit_button:hover {
	color: #ffffff;
	text-decoration: none;
	background: #d0331b;
	background: -moz-linear-gradient(90deg,#d0331b,#d0331b);
	background: -webkit-gradient(linear, left bottom, left top, from(#d0331b), to(#d0331b));
	border: 1px solid #d0331b;
	text-shadow: 1px 1px 1px #d0331b;
}

#contactright {
	float: right;
	width: 460px;
}

#contactleft {
	float: left;
	width: 460px;
	border-right: 1px solid #444444;
}

.textinput {
	width: 300px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
	padding: 3px;
	color: #333333;
}

.directionstextinput {
	width: 338px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
	padding: 3px;
	float: left;
	color: #333333;
}

#directions {
	width: 460px;

}

.contactsubmit {
	float: right;
	width: 108px;
	height: 26px;

}


.smallinput {
	width: 35px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
	padding: 3px;
	color: #444444;
}

.phoneinput {
	width: 150px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
	padding: 3px;
	color: #444444;
}
.codeinput {
	width: 75px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
	padding: 3px;
	color: #444444;
}

.appointmentinput {
	width: 375px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
	padding: 3px;
	color: #333333;
}

.appointmentcodeinput {
	width: 150px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
	padding: 3px;
	color: #333333;
}

.appointmentphoneinput {
	width: 150px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
	padding: 3px;
	color: #333333;
}

.time {
	width: 130px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
	padding: 3px;
	color: #333333;
}




#contactform label {
	display: block;
	font-size: 12px;
	color: #444444;
}

#contactform select {
	color: #444444;
}

#contactform textarea {
	width: 300px;
	height: 100px;
	padding: 3px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
	color: #444444;
}

#codetable {
	width: 225px;
}
#codetable .secimagetd {
	width: 125px;
	text-align: center;
}
#codetable .secimagetd img {
	border: 1px solid #c1c1c1;
}

.map {
	margin: 32px 0px;
	width: 460px;
	height: 300px;
	border: 1px solid #c1c1c1;
}



.faq {
	margin: 0px 0px;
}

.faq2 {
	border-bottom: 1px solid #c1c1c1;
	margin: 0px 0px;
}

.faqholder {
	position: relative;
	padding-left: 50px;
}

.faqtitle {
	position: absolute;
	top: 9px;
	left: 20px;
	font-weight: bold;
	color: #999999;
}



.imagetable {
	float: left;
	width: 138px;
	height: 138px;
	margin: 10px;
	text-align: center;
	background: #ffffff;
	border: 1px solid #c1c1c1;
}
.imagetable5 {
	float: left;
	width: 138px;
	height: 138px;
	margin: 5px;
	text-align: center;
	background: #ffffff;
	border: 1px solid #c1c1c1;
}
.bfimagetable {
	float: left;
	background: #ffffff;
	border: 1px solid #c1c1c1;
	margin: 10px;
	text-align: center;
	cursor: pointer;
}
.bfimagetable td {
	width: 122px;
	height: 122px;
}
.cattable {
	float: left;
	width: 138px;
	height: 180px;
	margin: 10px;
	text-align: center;
}
.catimage {
	height: 138px;
	background: #ffffff;
	border: 1px solid #c1c1c1;
}

.subcat_text {
}
.subcat_images {
float: right;
width: 300px;
}



.linkholder {
	float: left;
	width: 290px;
	margin: 10px;
	position: relative;
	min-height: 140px;
	padding: 10px 0px 10px 160px;
}

.linktable {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 138px;
	height: 138px;
	background: #ffffff;
	border: 1px solid #444444;
	text-align: center;
}

.link2holder {
	margin: 10px 80px;
	border-bottom: 1px solid #444444;
	position: relative;
	min-height: 150px;
	padding: 10px 0px 10px 150px;
}

.link2table {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 138px;
	height: 138px;
	background: #ffffff;
	border: 1px solid #444444;
	text-align: center;
}



.link3holder {
	margin: 10px 0px;
	border-bottom: 1px solid #c1c1c1;
	position: relative;
	min-height: 150px;
	padding: 10px 0px 10px 150px;
}

.link3table {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 138px;
	height: 138px;
	background: #ffffff;
	border: 1px solid #c1c1c1;
	text-align: center;
}

.link4holder {
	position: relative;
	min-height: 200px;
	text-align: center;
	width: 140px;
	float: left;
	margin-right: 10px;
}

.link4table {
	width: 138px;
	height: 138px;
	background: #ffffff;
	border: 1px solid #c1c1c1;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}

.link5holder {
	margin: 10px 0px;
	border-bottom: 1px solid #c1c1c1;
	position: relative;
	padding: 10px 0px 10px 0px;
}

.link5image {
float: left; 
width: 150px;
}

.link5table {
	top: 10px;
	left: 0px;
	width: 138px;
	height: 138px;
	background: #ffffff;
	border: 1px solid #c1c1c1;
	text-align: center;
}



.testimonialholder {
	padding: 10px 0px;
	border-bottom: 1px solid #c1c1c1;
	margin: 0px 80px 10px 80px;
}

.testimonial {
	
}

.author {
	text-align: right;
}



#blogholder {
	position: relative;
	padding-right: 240px;
	min-height: 400px;
}
#sidedivider {
	height: 1px;
	background: #ffffff;
	margin: 5px 10px;
}
#sidebar {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 220px;
	background: #d4d4d4;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 5px 0px;
}
#sidebar h4 {
	padding-left: 20px;
	color: #e54e36;
}
#sidebar .rssfeed a {
	color: #444444;
	display: block;
	padding: 0px 0px 0px 20px;
}
#sidebar .rssfeed a img {
	margin-bottom: -4px;
	margin-right: 4px;
}
#sidebar a {
	color: #444444;
	display: block;
	padding: 0px 0px 0px 30px;
}
#sidebar a:hover {
	color: #ffffff;
	text-decoration: none;
}

#commentform label {
	display: block;
	font-size: 12px;
	color: #666666;
	font-style: italic;
}

#commentform .textinput {
	background: #ffffff;
	border: 1px solid #c1c1c1;
	padding: 3px;
	width: 220px;
}

#commentform textarea {
	background: #ffffff;
	border: 1px solid #c1c1c1;
	padding: 3px;
	width: 300px;
	height: 75px;
}

.blogentry {
	padding: 10px 0px;
	border-top: 1px solid #c1c1c1;
}
.firstentry {
	border-top: none;
}
.readmore {
	text-align: right;
}

.date { color: #ffffff; font-style: italic; }

.comment1 {
	border: 1px solid #c1c1c1;
	background: #dfdfdf;
	margin: 5px 0px;
	padding: 10px 20px;
}

.comment2 {
	border: 1px solid #c1c1c1;
	background: #ffffff;
	margin: 5px 0px;
	padding: 10px 20px;
}



.donation_form {

}



.doclink {
	margin-left: 80px;
	margin-right: 80px;
	padding-bottom: 9px;
	border-bottom: 1px solid #c1c1c1;
	margin-bottom: 9px;
}



input#hp_field {
    border: solid 1px #dfdfdf;
    background-color: #dfdfdf;
    color: #dfdfdf;
    height: 0px;
    width: 0px;
    }


