BODY {
color: #000000;
background: #d7d6bd url(../images/bg.jpg);
background-repeat: repeat-x;
background-position: top center;
font-family: Trebuchet MS, serif;
font-size: 9px;
font-style: normal;
margin-left: 0px;
margin-top: 0px;
margin-right:0px;
scrollbar-arrow-color: #d7d6bd;
scrollbar-3dlight-color: #d7d6bd;
scrollbar-highlight-color: #494987;
scrollbar-face-color: #333366;
scrollbar-shadow-color: #1c1c42;
scrollbar-darkshadow-color: #d7d6bd;
scrollbar-track-color: #d7d6bd;
}

table, td {
border: 0px;
font-size: 9pt;
}

A:link { color: #333366; text-decoration: none;}
A:visited { color: #666699; text-decoration: none;}
A:hover { color: #333366;}
A:active { color: #333366; }

ul{
	padding:0;
	margin:0;
}

.design{
vertical-align:top;
}

.design:link {color: #9d9a7b;}
.design:visited {color: #9d9a7b;}
.design:hover {color: #6e6c52;}
.design:active {color: #6e6c52;}
.design {
color: #9d9a7b;
font-size: 11px;
}


.menu:link {color: #666699;}
.menu:visited {color: #666699;}
.menu:hover {color: #9999cc;}
.menu:active {color: #ccccff;}
.menu {
font-size: 14px;
font-weight: bold;
margin-left: 20px;
margin-right: 10px;
text-transform: uppercase;
}

form {
display: inline;
}


.link {
font-size: 11px;
padding: 5px;
}

.padding {
padding: 16px;
line-height: 140%;
}

.service {
font-size: 11px;
padding: 10px;
margin-bottom: 10px;
}

.text {
background: #fcfce0;
vertical-align:top;
}

.vet {
background: #333366 url(../images/banner.jpg);
/* background: #333366 url(../images/vet-graphic.jpg); */
background-repeat: repeat-x;
background-position: top center;
height: 210px;
font-family: Trebuchet MS, serif;
font-size: 14px;
}

H1 {
font-family: Trebuchet MS, sans-serif;
font-size: 20px;
font-weight: bold;
color: #333366;
margin-bottom: 10px;
margin-top: 5px;
}

H2 {
font-family: Trebuchet MS, sans-serif;
font-size: 18px;
font-weight: bold;
color: #333366;
margin-bottom: 5px;
margin-top: 10px;
}

H3 {
font-family: Trebuchet MS, sans-serif;
font-size: 16px;
font-weight: bold;
color: #666633;
margin-top: 0px;
margin-bottom: 0px;
}

H3 a:link, H3 a:visited, H3 a:hover, H3 a:active{
color: #666633;
}

H4 {
font-family: Trebuchet MS, sans-serif;
font-size: 14px;
font-weight: bold;
color: #66ff66;
margin-top: 0px;
margin-bottom: 0px;
}

hr {
width: 100%;
height: 2px;
color: #4d0b9a;
border-top: solid #9933ff 1px;
border-bottom: solid #4d0b9a 1px;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}

li {
list-style:none;
background: url(../images/paw3.gif) 0 2px no-repeat;
padding-left:20px;

margin-top:5px;
}

.headline{
color:#fcfce0;
text-align:left;
width:990px;
margin:2px auto 0 auto;
text-align:center;
font-size:14pt;
padding-left:240px;
font-weight:bold;
}

.headline.wide {
	padding-left: 0;
}

.subheadline{
font-size:10pt;
}

.services img{
	border: 1px solid #CCCC99;
	padding:3px;
	background:#FFFFFF;
}

.services h4{
	margin-top:5px;
}


.services p{
	margin-top:5px;
}

#pet_gallery{
	margin-top:350px;
}

.video{ 
	padding: 10px;
	border: 1px solid #CCCC99;
	width:200px;
	margin:0;
	text-align:center;
	display:inline-block;
}

.newsblurb{ 
	float:left;
	padding: 10px; 
	width:400px;
	margin-left:10px;
}

.videoblurb{ 
	float:left;
	width:265px;
	margin-left:0;
}
.videoPlayer{
	float:right;
	padding: 10px;
	border: 1px solid #CCCC99;
	background:#FFFFFF;
}


#walk_of_fame img{
	border:none;
}


#walk_of_fame a {
	border:none;
}

#schedule td{
	padding: 2px 5px;
}


#schedule th{
	text-align: left;
	padding: 0 5px;
}

.felineServicesCallout{
	text-align:center;
}

.source{
	font-style:italic;
	color:#999999;
	font-size:10px;
	float:right;
}

img.casestudy{
	padding: 10px;
	margin:10px;
	border: 1px solid #CCCC99;
	background:#FFFFFF;
}

/* === Home Away From Home === */
#home_away{
	position: relative;
	padding: 20px;
	text-align: left;
}

#home_away h1{
	font-size: 32px;
	color: black;
}

#home_away h2{
	font-family: "Marker Felt", "Comic Sans MS";
	font-size: 35px;
	font-weight: normal;
	margin-top: 20px;
}

#home_away_intro{
	text-align: center;
	font-size: 30px;
	line-height: 32px;
	margin: 0;
}
#home_away_remodeled{
	width: 800px;
	margin-left: 70px;
}
#home_away_accepting{
	font-size:28px;
	line-height: 32px;
	margin: 0;
	
}
.callout{
	font-size: 30px;
	margin-top: 20px;
	background: #9d9da6;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 20px;
	border:2px solid #868477;
}

.callout .bone{
	background: #9d9da6 url("/images/icon_bone.png") no-repeat 98% 10px;
}

.callout .paw{
	padding-left: 150px;
	background: #9d9da6 url("/images/icon_paw.png") no-repeat 20px 10px;
}

.callout .bowl{
	background: #9d9da6 url("/images/icon_bowl.png") no-repeat 98% 10px;
}

.callout li{
	background: url("/images/icon_checkbox.png") no-repeat scroll 0 2px transparent;
	padding: 0px 5px 5px 30px;
}

.resortCallout{
	float: right;
    position: absolute; 
    right: -100px;
    top: 70px;

}

.dogCalloutBlack{
	position: absolute;
	float:left;
	left: -135px;
	top: 200px;

}

.dogCalloutGold{
	position: absolute;
	float:left;
	left: -135px;
	top: 960px;

}

.callout.half{
	float: left;
	width:420px;
}

.callout.half.last{
	margin-left:20px;
}

.callout.phone{
	background: #fec678;
	text-align: center;
}

.phoneNum{
	font-size: 58px;
	text-shadow: 5px 5px 10px rgba(0,0,0,.5);
}


.callout.phone .tagline{
	margin-top: 10px;
	font-size:22px;
}

.callout.phone .signup{
	font-size:16px;
	margin-top: 20px;
}

.footnote{
	margin-top: 10px;
	font-size: 14px;
}

.subfootnote{
	margin-top: 10px;
	font-size: 12px;
	text-align: center;
}

hr.clearer{
	visibility: hidden;
	clear: both;
}

.hide{
	display:none;
}


.show{
	display:block;
}

.alignLeft{
	float:left;
	margin:10px 10px 10px 0;
}


.alignRight{
	float:right;
	margin:10px 0 10px 10px;
	clear:right;
}

.alignLeftTop{
	float:left;
	margin:0 10px 10px 0;
}


.alignRightTop{
	float:right;
	margin:0 0 10px 10px;
}


.radioCheck{
	display:inline;
}


.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%;
}

