@charset "UTF-8";

/* ====================================================================================================================
  
   ==================================================================================================================== */

/* ==========================================================================
   All screen sizes
   ========================================================================== */

/* Fonts */

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 1;
}
.preload *{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    animation: none!important;
}
html, input, select, textarea, cite {
	font-family: 'SyntaxNextLTW01-Light', sans-serif;
	font-weight: 300; 
	font-style: normal;
}
strong, .testimonial, .sec, .name, .blog .side a, .blog-tags span, .blog-category span, .blog-navigation span {
	font-family: 'SyntaxNextLTW01-Medium', sans-serif;
	font-weight: 400;
}
em {
	font-family:'SyntaxNextLTW01-LightIt', sans-serif;
	font-style: normal;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, h1, h2, h3, h4, h5, h6, .quote .testimonial {
	font-family: 'EB Garamond', serif; 
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, h1, h2, h3, h4, h5, h6 {
font-weight: 500;
}

/* HTML defaults */

body {
	font-size: 1em;
	line-height: 1.25em;
	color: #5a5449;
	background: #fff;
}
a {
	text-decoration: none;
	color:#a7710c;
}
a:hover {
	color: #d7920f;
}
nav a, .social a, .navshow, .navhide, input[type=button], input[type=submit], input[type=reset], button, .button, .accordtitle, .side a {
	transition: background .25s;
   -moz-transition: background .25s;
   -webkit-transition: background .25s;
}
address {
	font-style:normal;
}
h1 {
	font-size: 1.5em;
}
img, input, select, textarea, button {
	vertical-align: middle;
}
svg, img, iframe {
  max-width: 100%;
  height: auto;
}

.screen-reader {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.screen-reader.focusable:active, .screen-reader.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  width: auto;
}
hr {
	color: #ded6b4;
	background: #ded6b4;
	height: 1px;
	padding: 0;
	border: none;
	margin: 1.5em 0;
}
input[type=text], input[type=email], input[type=search], input[type=password], select, textarea {
	height: 1.5em;
	padding: .2em;
	border: solid thin #ded6b4;
	background: #f5f3e9;
}
input[type=text]:hover, input[type=email]:hover, input[type=search]:hover, input[type=password]:hover, select:hover, textarea:hover { 
	background: #fff;
}
input[type=button], input[type=submit], input[type=reset], button, .button {
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	display: block;
	text-align: center;
	background: #8f610a;
	padding: .5em;
	border: none;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover, .lt-ie9 .petportal a.button:hover {
	text-decoration: none;
	color: #fff;
	background: #bf810d;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	overflow: auto;
}
caption, th, td {
	font-size: 1em;
	text-align: left;
	vertical-align: top;
	padding: .5em;
}
header ul, nav ul, aside ul, footer ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
header ul li, nav ul li, aside ul li, footer ul li, .sidenav ul li {
	list-style: none;
}
.quote {
	display: none;
}
figcaption {
	text-align: left;
}
article h1, article h2, article h3, article h4, article h5, article h6, article p, article ul, article ol, article dl, article blockquote, article q, aside h1, aside h2, aside h3, aside h4, aside h5, aside h6, aside p, aside ul, aside ol, aside dl, aside blockquote, aside q {
max-width: 100%;
}

/* Nav */

nav a {
	text-decoration: none;
}
.nav {
	display: none;
}
.sitenav, .navhide {
	background: #325046;
}
.sitenav {
	width: 100%;
	position: relative;
	border-top: solid thin #ded6b4;
	border-bottom: solid thin #ded6b4;
}
.navshow, .navhide {
	cursor: pointer;
	text-transform:uppercase;
}
.sitenav .navshow {
	text-align: right;
	padding: .5em;
}
.navhide {
	text-align: center;
	display: none;
	padding: .25em;
}
.sitenav a, .sitenav a:hover {
	text-transform:uppercase;
	text-decoration: none;
	color: #fff;
}
.sec ul { 
   list-style: none;
   padding: 0;
   margin: 0;
}
.sec a {
	text-transform:uppercase;
	text-decoration: none;
	color: #fff;
	background: #8a5b00;
}
.sec a:hover {
	color: #8a5b00;
	background: #fff;
}
.sec a.on, .sec a.on:hover {
	color: #6c817a;
	background: #fff;
}
.sitenav a {
	padding: .75em;
	background: #476259;
}
.sitenav a:hover, .sitenav .navshow:hover, .navhide:hover {
	color: #325046;
	background: #bed6ce;
}
.subnav li {
	border: none;
}
.sitenav a.on, .sitenav a.on:hover {
	color: #fff;
	background: #6c817a;
}
.icon {
	margin-right: .5em;
}
/* Header */

.main {
	clear: both;
}
.siteheader {

}
.logo p {
	margin: 0;
}
.logo a {
	display: block;
}
.logo a, .logo a:hover {
	text-decoration: none;
	color: #000;
}
.logo img {
	padding: 1.5em 0 0 0; 
}
.mainlogo {
	text-align: center;
	padding: 0;
}
.mainlogo img {
	max-width: 90%;
}
.logo-bg {
	background: #fff;
	padding: 1em;
	margin: 0 1em;
}
.contactwrapper {
	background: #90630c;
	border-bottom: solid thin #ded6b4;
	color: #fff;
	padding: .25em 0;
}
.contactwrapper.in {
	padding: 1em;
}
.contactinfo {
	font-size: 1.25em;
}
.contactinfo li {
	margin: .5em 0;
}
.contactinfo a {
	text-decoration: none;
	color: #fff;
}
.contactbuttons {
	padding: .5em 0;
}
.contactbuttons .button {
	/*padding-right: 0;
	padding-left: 0;*/
}
.hours ul {
	margin: 0;
}

/* Review Sites */
.reviewsites {
	float: left;
	margin-left: 0;
	padding: 0 0 1em 0;
	list-style: none;
}
.reviewsites ul {
	list-style: none;
}
.reviewsites li {
	text-align: center;
	width: 182px;
	float: left;
	margin: 2px;
	list-style: none;
}
.reviewsites a {
	width: 172px;
	float: left;
	padding: 5px;
}
.reviewsites a:hover, .videolist a:hover {
	text-decoration: none;
	background: #eaf3fc;
}

/* Footer */

.sitefooter {
	text-align: center;
}
.affiliations li {
	margin: 1em 0;
}
.aaha {
	width: 60%;
	max-width: 12em;
}
.acvs, .carecredit {
	width: 80%;
	max-width: 15em;
}
.social {
	margin: 1em 0;
}
.social li {
	display: inline;
	padding: 0 .2em;
}
.social a, .social img {
	height: 2.563em;
	width: 2.563em;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.social a {
	display: inline-block;
}
.facebook {
	/*background: #3d5b99;*/
    background:transparent;
}
.facebook:hover {
	/*background: #6985bf;*/
    background:transparent;
}
.twitter {
	background: #36cdff;
}
.twitter:hover {
	background: #5ed9ff;
}
.youtube {
	background: #ce352f;
}
.youtube:hover {
	background: #f2615c;
}
.google {
	/*background: #ce352f;*/
    background:transparent;
}
.google:hover {
	/*background: #f2615c;*/
    background:transparent;
}
.instagram {
	background: #4c68d7;
}
.instagram:hover {
	background: #93a4e7;
}
.blogg {
	background: #fb8f3d;
}
.blogg:hover {
	background: #ffb347;
}
.copyright {
	font-size: .625em;
	line-height: 1.25em;
	color: #fff;
	text-align: center;
}
.copyright a {
	text-decoration: underline;
	color: #fff;
}
.brownbox {
	background: #325046;
	padding: 1em;
	margin: 1em 0 0 0;
	}

/* Content */

.container.main {
	line-height: 1.75em;
}

.pagetitle h1 {
	margin: 0;
}
.pagetitle span {
	font-size: 75%;
	margin: 0;
}
.pagetitle {
	margin: 0 0 .5em 0;
}
.imageleft, .imageright {
	font-size: .92em;
	line-height: 1.25em;
	margin: 1em auto;
}
.imageleft p, .imageright p {
	margin: .25em 0;
}
.bullets {
	padding: 0 0 0 1.25em;
}
ul.bullets li {
	list-style: url(../images/bullet.png);
}

/* tables */
.bodytbl caption {
	color: #828282;
	text-align: center;
}
.bodytbl th {
	color: #fff;
	background: #8f610a;
	padding: 1em;
	}
	.bodytbl td {
	padding: 1em;
	}
.bodytbl tfoot {
	font-size: small;
	background: #e7e7e7;
}
.bodytbl {
	border-collapse: separate;
border-spacing: 2px;
border-color: #ded6b4;
	}
	.bodytbl th:first-child {
   -moz-border-radius: 1.25em 0 0 0;
    -webkit-border-radius: 1.25em 0 0 0;
    border-radius: 1.25em 0 0 0;
}

.bodytbl th:last-child {
    -moz-border-radius: 0 1.25em 0 0;
    -webkit-border-radius: 0 1.25em 0 0;
    border-radius: 0 1.25em 0 0;
}

.bodytbl th:only-child{
    -moz-border-radius: 1.25em 1.25em 0 0;
    -webkit-border-radius: 1.25em 1.25em 0 0;
    border-radius: 1.25em 1.25em 0 0;
}
.bodytbl tbody tr:nth-child(even) {
    background: #e7e7e7;
}

/* accordion */
.accordtitle  { 
	color: #fff;
	line-height: 1.25em;
	background: url(../images/more.png) right center no-repeat #8f610a;
	padding: .625em 2.5em .625em .625em;
	cursor:pointer; 
	text-decoration: none;
	display: block;
	margin-bottom: 0;
}
.accordtitle:hover {
	 color: #fff;
	 background:url(../images/more.png) right center no-repeat #bf810d;
}
.accordtitle.active  {
	 color: #fff;
	 background: url(../images/less.png) right center no-repeat #8f610a;
	}
.accordtitle.active:hover  {
	color: #fff;
	 background: url(../images/less.png) right center no-repeat #bf810d;
	}
.accord div   { 
position:relative;
padding: 1em;
border-top: 0;
border-bottom: thin solid #ded6b4;
border-right: thin solid #ded6b4;
border-left: thin solid #ded6b4;
 }
.accord div p  { 
padding:0; margin-bottom:15px; 
}

/* Tour */

.rg-image-wrapper{
	position:relative;
	padding:20px 30px;
	background:transparent url(../images/black.png) repeat top left;
	-moz-border-radius: 1.25em;
	-webkit-border-radius: 1.25em;
	border-radius: 1.25em;
	min-height:20px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
}
.rg-image img{
	max-height:85%;
	max-width:85%;
}
.rg-image-nav a{
	position:absolute;
	top:0px;
	left:0px;
	background:#bf810d url(../images/nav.png) no-repeat -20% 50%;
	width:28px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.3;
	outline:none;
	-moz-border-radius: 1.25em 0px 0px 1.25em;
	-webkit-border-radius: 1.25em 0px 0px 1.25em;
	border-radius: 1.25em 0px 0px 1.25em;
}
.rg-image-nav a.rg-image-nav-next{
	right:0px;
	left:auto;
	background-position:115% 50%;
	-moz-border-radius: 0px 1.25em 1.25em 0px;
	-webkit-border-radius: 0px 1.25em 1.25em 0px;
	border-radius: 0px 1.25em 1.25em 0px;
}
.rg-image-nav a:hover{
	opacity:0.8;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p{
	color: #fff;
}
.rg-view{
	height:30px;
}
.rg-view a{
	display:block;
	float:right;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#8f610a url(../images/views.png) no-repeat top left;
	border:.25em solid #8f610a;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;
}
.rg-view a.rg-view-selected{
	background-color:#e5d2ad;
	border-color:#e5d2ad;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#8f610a url(../images/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 1.25em;
	-webkit-border-radius: 1.25em;
	border-radius: 1.25em;
	opacity:0.7;
}

/* Elastislide Style */
.es-carousel-wrapper{
	background: transparent url(../images/black.png) repeat top left;
	padding:.5em 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position:relative;
	position:relative;
	margin-bottom:1.25em;
}
.es-carousel{
	overflow:hidden;
	background: transparent url(../images/black.png) repeat top left;
}
.es-carousel ul{
	display:none;
	height: 4.313em;
}
.es-carousel ul li{
	height:100%;
	float:left;
	display:block;
}
.es-carousel ul li a{
	display:block;
	border-style:solid;
	border-color:#325046;
	opacity:0.8;
	-webkit-touch-callout:none;
	/* option */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.es-carousel ul li.selected a{
	border-color:#fff;
	opacity:1.0;
}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav span{
	position:absolute;
	top:50%;
	left:8px;
	background:transparent url(../images/nav_thumbs.png) no-repeat top left;
	width:14px;
	height:26px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
}
.es-nav span.es-nav-next{
	right:8px;
	left:auto;
	background-position:top right;
}
.es-nav span:hover{
	opacity:1.0;
}

/* Side */

div.sidenav, blockquote {
	border: thin solid #ded6b4;
	-webkit-border-radius: 1.25em;
	-moz-border-radius: 1.25em;
	border-radius: 1.25em;
	background: #fff;
}
div.sidenav {
    padding: 1em 1.25em;
	margin: 1em 0 2em 0;
}
blockquote {
	padding: 1em 1.5em;
}
blockquote p {
	color: #828282;
	font-size: 85%;
}
.sidenav a {
	display: block;
	text-decoration: none;
	padding: .4em 0;
}
.sidenav a.on, .sidenav a.on:hover {
	color: #e5d2ad;
}
.sidenav h2 {
	font-size: 1.25em;
	margin: 0;
}
.sidenav ul {
	margin: 0;
	padding: 0;
}
.sidephoto {
	margin-bottom: 1em;
}
.sidephoto img {
	width: 100%;
}
.box {
	color: #fff;
	background: #8a5b00;
	padding: .5em 3em .5em .5em;
	margin-top: 1.2em;
}
.imageside { margin-top: 1.2em; }
.mainnav li.paypalbutton { /* improving the nav while im here - TABBY 02.04.2016 */
	padding: 1em;
}

/* Front */

.front .content {
	background: #e8e2ca;
}

.content {
	clear: both;
	padding: 1em;
	position: relative;
}
.testimonial {
	line-height: 1.5em;
	margin: 0;
	padding: 1em;
	width: 95%;
}
.testimonial p {
	margin: 0;
}
.welcome {
	background: #8a5b00;
	text-align: center;
    display: flex;
}
.welcome h1 {
	font-size: 2.5em;
	color: #fff;
	padding: 0;
	margin: 0;
	float: left;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.4);
}

.welcome span {
	margin: .5em 0 0 0;
}

/* skinning the blog - TABBY 02.04.2016 */

.blog-title {
	margin: 0;
}
.blog-post {
	clear: both;
	padding: 1em 0;
	border-bottom: solid thin #ded6b4;
}
.blog-post ol li {
	list-style: decimal;
}
.blog-post ul {
	padding: 0 0 0 1.25em;
}
.blog-post ul li {
	list-style: url(../images/bullet.png);
	margin-left: 1em;
}
.blog-post.single {
	padding-top: 0;
}
.blog-post.single, 
.blog-post:last-of-type {
	border-bottom: none;
}
.blog-post-meta span, 
.blog-navigation {
	font-weight: bold;
	clear: both;
}
.blog-post-meta span {
	padding-top: 1em;
}
.blog .screen-reader-text,
.blog .screen-reader-text span, 
.blog .ui-helper-hidden-accessible {
	position: absolute;
	margin: -1px;
	padding: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	border: 0;
}
.blog .screen-reader-shortcut {
	position: absolute;
	top: -1000em;
}
.blog .screen-reader-shortcut:focus {
	right: 6px;
	top: -25px;
	height: auto;
	width: auto;
	display: block;
	font-size: 14px;
	font-weight: 600;
	padding: 15px 23px 14px;
	background: #f1f1f1;
	color: #0067ac;
	z-index: 100000;
	line-height: normal;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	text-decoration: none;
	outline: none;
}
.blog .blog-navigation {
	width: 100%;
	float: left;
	clear: both;
	padding: .5em 0;
	margin-top: 1em;
	border-top: solid thin #ded6b4;
}
.blog .blog-navigation span {
	padding: .5em 0;
	display: inline-block;
	color: #a7710c;
}

.blog .wp-caption, 
.blog img.left, 
.blog .alignleft, 
.blog img.right, 
.blog .alignright, 
.blog .aligncenter {
	height: auto !important;
	max-width: 100%;
}
.blog .more-link {
	margin-bottom: 1.5em;
}
.blog .blog-post img:not(.ssba-img) {
	max-width: 100%;
	height: auto;
}
.blog-post .aligncenter,
.blog-post img.center {
	max-width: 100%;
	min-width: 100%;
	width: 100%;
	height: auto;
	clear: both;
	float: none !important;
	margin: 1em 0;
}
@media only screen and (min-width: 1004) {

.blog-post h2 {
	font-size: 2em;
}
.blog-post h3 {
	font-size: 1.75em;	
}
.blog-post h4 {
	font-size: 1.5em;	
}
.blog-post h5 {
	font-size: 1.25em;	
}
.blog-post h6 {
	font-size: 1em;	
}
.blog .blog-next {
	text-align: right;
	max-width: 45%;
	float: right;
}
.blog .blog-previous {
	max-width: 45%;
	float: left;
}
.blog-post .alignright,
.blog-post .alignleft,
.blog-post img.right,
.blog-post img.left,
.blog-post img:not(.ssba-img)  {
	max-width: 40%;
	min-width: 40%;
	width: 40%;
	height: auto;
}
.blog-post img.left,
.blog-post .alignleft,
.blog-post img:not(.ssba-img) {
	float: left;
	clear: left;
	margin: .55em 1em 1em 0;
}
.blog-post img.right,
.blog-post .alignright {
	float: right;
	clear: right;
	margin: .55em 0 1em 1em;
}
.blog-post .aligncenter,
.blog-post img.center {
	max-width: 40%;
	height: auto;
	clear: both;
	float: none;
	display:block;
	margin: 1em auto;
}
}
.blog input#searchsubmit {
	margin-top: .5em;
}
@media only screen and (min-width: 1182px) {
	.blog input#searchsubmit {
		display: inline-block;
		margin-top: 0;
	}
}
.blog-post .wp-caption.aligncenter img,
.blog-post .wp-caption.alignright img,
.blog-post .wp-caption.alignleft img {
	max-width: 100%;
	min-width: 100%;
	width: 100%;
	height: auto;
	clear: both;
	float: none !important;
	margin: 0;
}
.blog .wp-caption {
	background: #90630c;
	display: block;
}
.blog .wp-caption p {
	margin: 0;
}
.blog .wp-caption img {
	float: none;
	height: auto;
	max-width: 100%;
}
.wp-caption-text {
	color: #fff;
	display: block;
	padding: .25em;
	text-align: center;
	font-size: 80%;
	margin-top: .25em;
	margin-bottom: 0;
}
.blog .side ul {
	font-size: 93.33%;
	line-height: 1.1em;
	margin: 0;
	padding: 0;
}
.blog .side ul li {
	list-style: none;
}
.blog .side ul li a {
	display: inline-block;
	padding: .5em;
}
.blog .side ul li a:hover {
	text-decoration: none;
	background: #f5f3e9;
}
.blog .side h2 {
	margin-bottom: 1em;
}
.blog .side h2 a {
	display: inline-block;
	padding: .5em;
	border: none;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: #8a5b00;
}
.blog .side h2 a:hover {
	color: #8a5b00;
	background: #fff;
}
.blog .side h3{
	display: block;
	color: #325046;
	border-bottom: solid thin #ded6b4;
	margin: 2em 0 .5em 0;
}
.ssba {
	display: inline-block;
}
.blog-roll h2.blog-title {
	font-size: 2.250em;
}

/* ==========================================================================
   Media queries
   ========================================================================== */

@media only screen and (max-width: 320px) {
	
	
}
@media only screen and (min-width: 1150px) {
	.quote {
		display:block;
	}	
}

@media only screen and (min-width: 400px) {
.tools {
	margin: 0;
	padding: 0;
}
.tools img {
		display: block;
		margin: -.2em 0;
		z-index: 200;
		position: relative;
	}
	.slidewindow {
		display:block;
  background-color: rgba(255,255,255,0.4);
  background: rgba(255,255,255,0.4);
  padding: 1.3em .75em .75em .75em;
  width: 20em;
}
}

@media only screen and (min-width: 1330px) {
	
	/* HTML Defaults */
	
	input[type=button], input[type=submit], input[type=reset], button, .button {
		/*font-size: .8125em;*/
		line-height: 1em;
		display: inline-block;
	}
	blockquote {
	max-width: 40% !important;
float: right;
clear: right;
margin: 1.5em 0 1.5em 1em;
}
iframe {
min-height: 31.25em;
}
h1 {
	font-size: 2.250em;
}
	/* Nav */

	.sitenav {
		line-height: 1.25em;
		float: left;
		z-index: 100;
		padding: .25em .5em;
	}
	.sitenav a {
	  padding: .5em;
	  margin: .25em;
}
	.subnav a {
		margin: 0;
	}
	.sitenav .container {
		z-index: 101;
        text-align: center;
	}
	.container {
		width: 90%;
		max-width: 95em;
	}
	.nav {
		display: block;
	}
	.navshow {
		display: none;
	}
	.sitenav li {
		border: none;
	}
	.mainnav li {
        
	  float: left;
	}
    .mainnav {
        display: inline-block;
        text-align: left;
    }
	.sf-menu a {
		float: left;
	}
	.sf-menu .subnav a {
		float: none;
	}
	.sf-menu ul.subnav {
		float: left;
		padding: 0.70em 0;
		position: absolute;
z-index: 200;
	}
	.sf-menu ul.columnnav li a {
		color: #90630c;
		background: #fff;
	}
	.sf-menu ul.columnnav li a:hover {
		color: #fff;
		background: #90630c;
	}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {
		top: 3.1em !important;
		left: 0;
	}
	.sf-menu ul.columnnav {
		width: 45em;
	}
	.sf-menu ul.columnnav li {
		width: 15em;
		float: left;
	}
	.sf-menu ul.columnnav li:nth-child(3n+1) {
		clear: left;
	}
	.sf-menu ul.columnnav li a {
		padding: .30em .78em;
	}
	.mainnav li:last-child, .mainnav ul li {
		background: none;
		padding-right: 0;
	}
	.mainnav li.paypalbutton { /* improving the nav while im here - TABBY 02.04.2016 */
		padding-left: 1em;
    	padding-top: .6em;
	}
	.search {
		width: 16em;
		position: absolute;
top: 12em;
right: .25em;
float: right;
text-align: right;
margin: 0;
	}
	.gsc-input-box {
height: 35px !important;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
padding: 10px 27px !important;
}

	/* Header */
	
	.main {
		z-index: 1;
	}
	.logo {
		width: 20.563em;
		position: relative;
		top: 0;
		left: 0;
		z-index: 100;
		float: left;
	}
	.mainlogo img {
		width: 20.563em;
		max-width: 20.563em;
	}
	.logo-bg {
	margin: 1.9em auto 0 auto;
	padding: 1em 2em 0;
}
.catgirl, .quote {
	float: left;
}
.quote {
	padding: 0 2em .5em 0;
	width: 42em;
	/* height: 6.375em; */ 
    height: 7.4rem;
	color: #fff;
	text-align: center;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyNTMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzcyNTMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MjUzMWMiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(114,83,28,1) 0%, rgba(114,83,28,1) 95%, rgba(114,83,28,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(114,83,28,1)), color-stop(95%,rgba(114,83,28,1)), color-stop(100%,rgba(114,83,28,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(114,83,28,1) 0%,rgba(114,83,28,1) 95%,rgba(114,83,28,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(114,83,28,1) 0%,rgba(114,83,28,1) 95%,rgba(114,83,28,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(114,83,28,1) 0%,rgba(114,83,28,1) 95%,rgba(114,83,28,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(114,83,28,1) 0%,rgba(114,83,28,1) 95%,rgba(114,83,28,0) 100%); /* W3C */
}
.lt-ie9 .quote {
	background-color: #90630c !important;
}
.logo-bg.container.clearfix {
	max-width: 87em;
}
	.contact {
		padding: 0;
	}
	.contactwrapper {
		float: right;
		position: absolute;
		top: 0;
		right: 0;
		color: #fff;
		width: 100%;
	}
	.contactwrapper.in {
		padding: .25em 0;
	}
	.logo.in {
left: .85em;
}
	.in.logo img {
	padding: 1em 0 0 0; 
}
	.contactwrapper.in {
		float: left;
		top:0;
		left: 10%;
		position: relative;
		max-width: 50%;
        width:100%;
	}
	.in .contactinfo {
		font-size: .8em;
	}
	.contactwrapper .container {
		text-align: center;
	}
	.contactinfo {
		font-size: 1em;
	}
	.contactinfo li {
		margin: 0;
	}
	.contactinfo li.column2 {
		width: 46%;
		margin-right: 2% !important;
	}
	.phone {
		margin: .2em 0 !important;
	}
	.welcome {
	position:relative;
}

.welcome span {
	margin: .5em 0 .5em .5em;
}
	
	/* Footer */
	
	.sitefooter {
		text-align: left;
	}
	.social {
		top: 0;
		left: 0;
		width: 15em;
		float: left;
		text-align: left;
		margin: 0;
        padding-top:10px;
	}
	.sitefooter .container {
		width: 62.5em;
	text-align:right;	
	}
	.copyright {
		max-width: 70%;
		position: relative;
		text-align: right;
		float: right;
	}
	
	/* Content */
	
	.pagetitle {
	margin: 2em 0 0 0;
}
	
	.slideshow {
		height: 450px;
		width: 1000px;
		clear: both;
	}
	.slideshow img, .slideshowinside img {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 11;
	}
	.slideshow img {
		width: 650px;
	}
	.slideshowinside {
		display: block;
		width: 660px;
		float: right;
	}
	.slideshowinside img {
		width: 350px;
	}
	.slideshowinside {
		min-height: 160px;
	}
	.slidewindow {
   position: absolute;
width: 20em;
top: 2.5em;
left: 1.5em;
float: left;
z-index: 100;
	}
	.slidewindow .sidenav {
		margin: 1em;
	}
	.sec.nav {
		margin: 0 .7em;
		width: 98%;
	}
	.sec li {
		float: left;
	}
	.sec a {
	float: left;
	margin: 0 .06em;
    padding: .25em .75em;
	top: 0;
	left: 0;
}
	.slide-frame {
    display:block;
	position: relative;
	z-index: 100;
	max-width: 100%;
	min-width: 90%;
	width: 100%;
	max-width: 62.75em;
	min-width: 90%;
	height: auto;
	-webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 5px rgba(50, 50, 50, 0.75);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#FFFFFF)"; /* IE 8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#FFFFFF);   /* IE 6 & 7 */    
}
	.inside {
		padding: 0 1.250em 1.250em 1.250em;
	}
	.curve {
		display: block;
	}
	.intro {
		width: 560px;
		float: left;
	}
	.frontside {
		width: 400px;
		float: right;
		position: relative;
	}
	.frontphoto {
		position: absolute;
		top: -35px;
		right: -40px;
	}
	.award {
		position: absolute;
		top: 55px;
		left: 0;
	}
	.show {
		background: url(../images/show-bg.png) repeat-y 2.8em top;
		margin-top: 55px;
	}
	.show figure {
		float: none;
		margin: 0;
		position: absolute;
		top: -35px;
		left: 0;
	}
	.side {
		width: 35%;
		float: right;
	}
	.blog .side { /* skinning the blog - TABBY 02.04.2016 */
		width: 25%;
	}
	.box {
		min-height: 13em;
	}
	.bodytext {
		width: 60%;
		float: left;
	}
	.blog .bodytext { /* skinning the blog - TABBY 02.04.2016 */
		width: 70%;
	}
	.bodytextfull {
		width: 100%;
		float: left;
	}
	.vetsource {
		width: 6.875em;
		margin: -1.5em 0 1em 1em;
padding: 0;
float: right;
position: relative;
	}
	.welcome .imageright {
		margin: 0 0 0 .5em;
	}
	.imageleft {
		float: left;
		clear: left;
		margin: 1em 1em 1em 0;
	}
	.imageright {
		float: right;
		clear: right;
		margin: 1em 0 1em 1em;
	}
	.imageleft, .imageright {
		max-width: 50%;
	}
	.front .column2 {
		width: 47%
	}
	.fr1 {
		margin-right: 1% !important;
	}
	.fr2 {
		margin-right: 2% !important;
	}
	.column2 {
	width: 43%;
	float: left;
	margin-right: 4%;
}
.column3 {
	width: 28%;
	float: left;
	margin-right: 4%;
}
}

@media only screen and (max-width: 748px) {
	
	/* Use .datatable for responsive tables */
	table.datatable {
		display: block;
		position: relative;
		width: 100%;
	}
	.datatable thead {
		display: block;
		float: left;
	}
	.datatable tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}
	.datatable thead tr {
		display: block;
	}
	.datatable th {
		display: block;
	}
	.datatable tbody tr {
		display: inline-block;
		vertical-align: top;
	}
	.datatable td {
		display: block;
		min-height: 1.625em;
	}

}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {

	nav, .navshow, .navhide, .social, .email, .slideshow, .blog .side, .blog .blog-navigation {
		display: none;
	}
	.contact {
		display: block;
	}
	.logo {
		text-align: left;
		width: 20%;
		float: left;
		padding: 0 5% 0 0;
	}
	.front {
		clear: both;
		padding-top: .5em;
	}
	
}

/* Remove filters in IE9+ */

.ie input[type=button], .ie input[type=submit], .ie input[type=reset], .ie button, .ie .button, .ie input[type=button]:hover, .ie input[type=submit]:hover, .ie input[type=reset]:hover, .ie button:hover, .ie .button:hover, .ie .petportal a.button:hover, .ie .sitenav, .ie .sitenav a, .ie .sitenav .navhide, .ie .mainlogo, .ie .sisterlogo:hover, .ie .sisterlogo, .ie .sitefooter, .ie .facebook, .ie .youtube, .ie .twitter, .ie .facebook:hover, .ie .youtube:hover, .ie .twitter:hover, .ie .watermark, .ie .slide, .ie .slide-frame, .ie .quote {
	filter: none;
}
.lt-ie9 .slide-frame {
	display: none !important;
}
.lt-ie9 .slide {
	height: 25em;
}
.lt-ie9 .mainnav ul li {
	background: none;
	padding-right: 0;
}
.bi-button {
	text-decoration: none;
    background-color: #325046;
    padding: 13px;
    border-radius: 5px;
    display: inline-block;
    font-size: 1.1rem;
	color: #fff;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.4);
}
    ul.mainnav li.cancer-walk a{
        background-color: #8BA6C1;
        color: #000;
        font-weight: bold;
    }
    ul.mainnav li.cancer-walk a:hover{
        background-color: #c49526;
        color: #fff;
    }
@media only screen and (min-width: 1004px){
    ul.mainnav li.cancer-walk a{
        background-color: #8BA6C1;
        color: #000;
        border-radius: 3rem;
        font-weight: bold;
        border-top: solid 2px #8BA6C1;
        border-bottom: solid 2px #8BA6C1;
    }
    ul.mainnav li.cancer-walk a:hover{
        background-color: #c49526;
        color: #fff;
        border-bottom: solid 2px #e1c37d;
        border-top: solid 2px #84651c;
    }
}
#spin {
    background-color:#72531C;
    width:100%;
}
#spin {
  position:relative;
}
#spin > * {
  position:absolute;
  display:none;
  height: inherit;
}
.top {
    max-width:50%;
    width:100%;
}
#popup-container {
    overflow: hidden !important;
    margin-top:unset !important;
    top:50% !important;
    left:50% !important;
    transform: translate(-50%, -50%) !important;
}
.bi-float {
    background-color:#8a5b00;
    width: 50%;
    float: left;
    flex: 1;
}
.bi-float img {
    vertical-align: middle;
    height:100%;
}