body {
	font-family: 'Open Sans', Arial, "Helvetica Neue", "Bitstream Vera Sans", sans-serif;
	margin: 0;
	padding: 0;
    background: #f1eddb;
	text-shadow:none;
}

h1 {
	font-size: 1.75em;
	font-family: 'Droid Serif', serif;
	font-weight:normal;
	line-height:normal;
	font-style:italic;
	text-align:center;
	color:#3b6a4b;
	margin: 15px auto;
}

h2 {
	font-size: 1.3em;
	color:#3b6a4b;
	font-family: 'Droid Serif', serif;
	font-weight:normal;
	margin: 0px auto 20px;
	line-height: normal;
}

h3 {
	font-size: 1.25em;
	color:#3b6a4b;
	font-family: 'Droid Serif', serif;
	font-weight:normal;
	margin: 15px auto 8px;
}

p {
	padding: 0;
	margin: 0 auto;
}

h1, h2, h3, h4, p {
	width:90%;
}

div.ui-page ui-body-c ui-page-header-fixed ui-page-active {
	background: #fff;

}

.ui-body-a,
.ui-body-b,
.ui-body-c,
.ui-overlay-a,
.ui-overlay-b,
.ui-overlay-c {
	border: 0px solid #aaaaaa;
	color: #392513;
	text-shadow:none;
	background: #f1eddb;
	line-height:1.4em;
	text-align:center;
}

/*
------------------------------------------------------------------------------------------------------------------------------
Header 
------------------------------------------------------------------------------------------------------------------------------
 */


.ui-bar-a {
	border-bottom: 0;
	border-top:0;
	background: #b9ca91; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#b9ca91, #9db073); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b9ca91, #9db073); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b9ca91, #9db073); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b9ca91, #9db073); /* Standard syntax */
	color:#4b6a30;
	height:auto;
	padding:5px 0;
	font-weight: bold;
	text-shadow:none;
    background-repeat: no-repeat;
    background-position: center;
}

div#locheaderimg {
	height:80px;
	top:0px;
}

div.ui-header h1.ui-title {
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}
div#header_location {
	margin-top: 0;
	padding-top: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------------
Home and Full Site Buttons
------------------------------------------------------------------------------------------------------------------------------
 */

#btn-homefull {
	margin:0;
	padding:0;
	width:100%;
	height:23px;
	text-align:center;
	font-size:.9em;
	font-weight:bold;
	line-height:16px;
	text-shadow:none;
	background:#5e763d;
	background-image: url('../img/btn-homefull-bg.png');
    background-repeat: no-repeat;
    background-position: center;
}

#btn-homefull a, #btn-homefull a:visited {
	margin:0;
	padding:3px 0 0 0;
	color:#fff;
	text-decoration: none;
}

#btn-homefull a:hover, #btn-homefull a:active {
	color:#9cc080;
}

#btn-homefull a#btn-home {
	position:relative;
	width: 50%;
	height:20px;
	float:left;
}

#btn-homefull a#btn-fullwebsite {
	position:relative;
	width: 50%;
	height:20px;
	float:right;
}

/*
-----------------------------------------------------------------------------------------------------------------------
RED BANNER
-----------------------------------------------------------------------------------------------------------------------
*/

#redbanner{background:#920000; padding:10px 20px; margin:20px 10px; text-align:center; border:8px solid #54742d; box-shadow:         inset 0 0 12px rgba(0,0,0,0.3);}
#redbanner h2{
	font-size:28px;
	font-family:'Droid Serif', serif;
	font-style:italic;
	font-weight:bold;
	color:#fff;
	padding:15px 0 0 0;
}
#redbanner p{
	font-size:15px;
	line-height:24px;
	margin:0 auto;
	padding:8px 0;	
	color:#fff;
}

/*
------------------------------------------------------------------------------------------------------------------------------
Content
------------------------------------------------------------------------------------------------------------------------------
 */

div#wrapper {
}

div#content-wrapper {
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

div#inner-wrapper {
	width: 100%; /* This creates full width images. If you don't want that, set to 90% and remove 90% width from h1, h2, h3, h4, p in first section */
	padding: 0;
	margin: 0 auto;
	text-align:left;
}

div#inner-wrapper a, div#inner-wrapper a:visited{
	color:#46711e;
	text-decoration:none;
	text-shadow:none;
}

div#inner-wrapper a:hover, div#inner-wrapper a:active{
	color:#563b22;
	text-decoration:none;
	text-shadow:none;
}

/*
------------------------------------------------------------------------------------------------------------------------------
Services Page
------------------------------------------------------------------------------------------------------------------------------
 */
 
#bullets {
	width:90%;
	margin: 20px auto 10px auto;
	padding: 0;
	border-top:0px solid #0053a6;
	text-align:left;
}
 
#bullets ul#servbullets {
 	margin:10px 0 0 20px;
	padding:0;
	list-style-image:url("../img/arrow-bullet.png");
	list-style-position: inside;
	 
 }

#bullets ul#servbullets li {
	margin:0 0 0 5px;
	padding:0;
}

#bullets ul#servbullets li:first-child {
	list-style:none;
	margin:0;
    padding:10px 0 5px 0;
	font-size: 1.2em;
	color:#3b6a4b;
	font-family: 'Droid Serif', serif;
	font-weight:normal;
}


/*
------------------------------------------------------------------------------------------------------------------------------
Veterinarians Page
------------------------------------------------------------------------------------------------------------------------------
 */
 
p.divider {
	margin:6px auto 0 auto;
	padding:6px 0 0 0;
	border-top:1px dashed #cecece;
	font-size:.9em;	 
 }
 
h4 {
	margin:2px auto;
	padding:0;
	font-size: 1.25em;
	color:#3b6a4b;
	font-family: 'Droid Serif', serif;
	font-weight:normal;
}

/*
------------------------------------------------------------------------------------------------------------------------------
Pet News Page
------------------------------------------------------------------------------------------------------------------------------
 */
 
div#VNF_ppets_container {
	text-align: center;
	font-size: .9em;
}

div#VNF_ppets_container p {
	border-top:dashed 1px #c3c3c3;
	padding: 7px 0;
}

div#VNF_ppets_container p a {
	color:#484848;
	font-weight:normal;
	text-decoration: none;
}

div.VNF_article {
	border-top:1px solid #000;
}

div#VNF_article_text {
	padding: 0 0 20px 0;
	margin: 0 auto;
	width:90%;
}

/*
------------------------------------------------------------------------------------------------------------------------------
Emergency Page
------------------------------------------------------------------------------------------------------------------------------
 */
 
p.emergdivider {
	text-align:center;
	margin:20px 0 0 0;
	padding:20px 0 0 0;
	border-top:1px dashed #cecece;	 
 }

/*
------------------------------------------------------------------------------------------------------------------------------
Location Page Map
------------------------------------------------------------------------------------------------------------------------------
 */
 
/* border around map */
.ui-bar-c {
	border: 1px solid #0053a6;
	background: #fff;
	color: #3e3e3e;
	font-weight: bold;
	text-shadow:none;
}

.ui-overlay-c {
	background-image: none;
	border-width: 0;
}

.ui-btn-corner-all {
	-webkit-border-radius: 0;
	border-radius: 0;
}

.ui-corner-all {
	-webkit-border-radius: 0;
	border-radius: 0;
}

/* radius clip workaround for cleaning up corner trapping */
.ui-corner-all,
.ui-btn-corner-all {
	-webkit-background-clip: padding;
	background-clip: padding-box;
}

/* the below are for buttons on contact page as well */
.ui-btn-up-c,
.ui-btn-up-c:visited,
.ui-btn-up-c a.ui-link-inherit {
	border: 1px solid #0053a6;
	background: #407ebc;
	font-weight: bold;
	color: #fff;
	text-shadow:none;
}

.ui-btn-up-c:visited,
.ui-btn-up-c a.ui-link-inherit {
	color: #fff;
}

.ui-btn-hover-c,
.ui-btn-hover-c:visited,
.ui-btn-hover-c:hover,
.ui-btn-hover-c a.ui-link-inherit {
	border: 1px solid #0053a6;
	background: #bed645;
	font-weight: bold;
	color: #0053a6;
	text-shadow:none;
}

.ui-btn-down-c,
.ui-btn-down-c:visited,
.ui-btn-down-c a.ui-link-inherit {
	border: 1px solid #0053a6;
	background: #d6d6d6;
	font-weight: bold;
	color: #222222;
	text-shadow:none;
}

.button{
	display:block;
	margin:5px 10px;
	padding:10px;
	color:#fff !important;
	border-radius:5px;
    background-color: #39694a;
	text-align:center;
	text-shadow:1px 1px rgba(0,0,0,0.5);
}

.sp-info{
	color:#888;
}

/*
------------------------------------------------------------------------------------------------------------------------------
Contact Page
------------------------------------------------------------------------------------------------------------------------------
 */
 
#form_contact {
	text-align:center;
	padding-bottom:15px;
} 

#form_contact img{
	display:block;
}

#form_contact .ui-btn-up-c,
#form_contact .ui-btn-up-c:visited,
#form_contact .ui-btn-up-c a.ui-link-inherit,
#form_contact .ui-btn-hover-c,
#form_contact .ui-btn-hover-c:visited,
#form_contact .ui-btn-hover-c:hover,
#form_contact .ui-btn-hover-c a.ui-link-inherit,
#form_contact .ui-btn-down-c,
#form_contact .ui-btn-down-c:visited,
#form_contact .ui-btn-down-c a.ui-link-inherit {
	width:83%;
	margin:0 auto;
}

form#form_contact input#last_name,form#form_contact input#phone_work {display: none;}
form#form_contact input {
	width: 80%;
	margin: 0 auto 15px auto;	
	background:#fff;
	border:2px solid #488db8;
	box-shadow:none !important;
	border-radius: 6px;
}

input.ui-input-text, textarea.ui-input-text {
    background-image: none;
    padding: 5px;
    line-height: 1.4;
    font-size: 16px;
    display: block;
    width: 80%;
    outline: 0;
	margin: 0 auto 15px auto;
}

form#form_contact img {
	margin-bottom:15px;
}

form#form_contact div#captcha img {
	margin:5px auto 15px auto;
	text-align:center;
}

form#form_contact div#captcha span {
	display:block;
	width:100%;
	text-align:center;
}

/*
------------------------------------------------------------------------------------------------------------------------------
Social Media Icons and Links
------------------------------------------------------------------------------------------------------------------------------
 */

ul#social {
    position:relative;
	list-style-type: none;
    margin: 20px 4px;
    padding: 0;	
	text-align: center;
}

ul#social li {
    display:inline-block;
	text-align: center;
	padding:0 2px;
}

ul#social li a {
    display:inline-block;
	width:32px;
	height:32px;
}

a#mobile-facebook {
	display: block;
	width: 32px;
	height: 32px;
	background: url('../img/facebook.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: none;
	border-radius: 0;
	box-shadow: none;
	float: left;
}

a#mobile-facebook:hover {
	background-position: -32px 0px;
}

a#mobile-google {
	display: block;
	width: 32px;
	height: 32px;
	background: url('../img/google.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: none;
	border-radius: 0;
	box-shadow: none;
	float: right;
}

a#mobile-google:hover {
	background-position: -32px 0px;
}

a#mobile-youtube {
	display: block;
	width: 32px;
	height: 32px;
	background: url('../img/youtube.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: none;
	border-radius: 0;
	box-shadow: none;
	float: right;
}

a#mobile-youtube:hover {
	background-position: -32px 0px;
}

a#mobile-yelp {
	display: block;
	width: 32px;
	height: 32px;
	background: url('../img/yelp.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: none;
	border-radius: 0;
	box-shadow: none;
	float: right;
}

a#mobile-yelp:hover {
	background-position: -32px 0px;
}

/*
------------------------------------------------------------------------------------------------------------------------------
Bottom Navigation Buttons
------------------------------------------------------------------------------------------------------------------------------
 */

div#button-nav {
	border-top:10px solid #8ca167;
	padding: 15px 0;
	width:100%;
	text-align:center;
	clear: both;
	background:#4b2e18 url('../img/nav-back.jpg') center top repeat;
}

div#button-nav-inner {
	position:relative;
	padding: 0 15px;
	clear: both;
}

ul#nav {
    position:relative;
	list-style-type: none;
    margin: 0;
    padding: 0;
}

ul#nav li {
    text-align: center;	
    background: #5e763d; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#48662e, #5e763d, #436429); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#48662e, #5e763d, #436429); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#48662e, #5e763d, #436429); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#48662e, #5e763d, #436429); /* Standard syntax */
	margin:6px 0 0 0;
	border-top:1px solid #95a686;
	border-bottom:1px solid #1c2911;	
}

/* ul#nav li:last-child {
    border-bottom: none;
} */

ul#nav li a, ul#nav li a:visited {
    display: block;
    color: #fff;
    padding: 5px 10px;
    text-decoration: none;
	font-size:1.1em;
	text-shadow:none;
	font-weight:normal;
}

ul#nav li a:hover, ul#nav li a:active {
    background-color: #8ca167;
    color: #4b2e18;
}

/*
------------------------------------------------------------------------------------------------------------------------------
Footer
------------------------------------------------------------------------------------------------------------------------------
 */

hr.clearfooter {
	clear: both;
	margin: 15px 0 0px 0px;
	padding-bottom: 0px;
	*margin-bottom: -8px; /* For IE */
	border-top:0px solid #407ebc;
	border-bottom:0;
	border-left:0;
	border-right:0;
}
div#footer {
	margin-top:10px;
	padding:15px 10px 10px 10px;
	text-shadow:none;
	color:#392513;
	line-height:1.5em;
	background:#f1eddb;
	border: 10px solid #5a7d30;
}

div#footer a, div#footer a:visited{
	color:#5a7d30;
	text-decoration:none;
}

div#footer a:hover, div#footer a:active{
	color:#392513;
	text-decoration:none;
}

div#footer.ui-footer {
	text-align: center;
}

/*
------------------------------------------------------------------------------------------------------------------------------
Images and Misc
------------------------------------------------------------------------------------------------------------------------------
 */

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.imageright {
	width: 50%;
	margin-left: 3%;
	margin-bottom: 3%;

}

.imageleft {
	width: 50%;
	margin-right: 3%;
	margin-bottom: 3%;

}

.imagecenter {
	width: 100%;
	margin: 0 auto 10px auto;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

hr.clear {
	clear: both;
	margin: 30px 0 0 0;
	border-top:0px solid #0053a6;
	border-bottom:0;
	border-left:0;
	border-right:0;
	
}

hr.clearfoot {
	clear: both;
	margin: 0;
	border:0;
	
}

.larger {
	font-size: 110%;
}

div.ui-page {
	margin:0;
	padding:0;
}

div#sm-wrapper {
	width: 90px;
	height: 40px;
	margin: 0 auto 0 auto;
	padding: 0;
}