/* HTML Defaults */

body {
	font: 82%/1.4em Arial, Helvetica, sans-serif;
	color: #493622;
}
body.page {
	font: 82%/1.4em Arial, Helvetica, sans-serif;
	color: #493622;
	background: #3b6067;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #c67f30;
}
a:hover {
	text-decoration: underline;
	color: #5c7e85;
}
h1 {
	font-size: 230%;
	line-height: 1.12em;
	font-weight: bold;
	margin: 0;
}
h2 {
	font-size: 125%;
	font-weight: bold;
	color: #c67f30;
}
h3 {
	font-size: 115%;
	line-height: 1.15em;
	font-weight: bold;
	color: #5c7e85;
}
h4 {
	font-size: 100%;
	font-weight: bold;
	color: #5c7e85;
}
img {
	border: none;
}
hr {
	color: #cba47a;
	background: #cba47a;
	height: 1px;
	padding: 0;
	border: none;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
input, select, textarea {
	font: 100% Arial, Helvetica, sans-serif;
	color: #5c7e85;
	border: solid 1px #cba47a;
}

/* Main Containers */

#container {
	width: 980px;
	margin: 0 auto;
}
#containerinner {
	background: #e9d9c7 url(../images/container_bg.png) repeat-y left top;
	width: 980px;
	float: left;
}
#main {
	width: 784px;
	float: right;
	position:relative;
	z-index:8000;
}
.clear {
	clear: both;
}

/* Header */

#header {
	background: url(../images/header_bg.jpg) no-repeat left top;
	height: 61px;
	width: 980px;
}
#front #header {
	background: url(../images/header_bg_front.jpg) no-repeat left top;
}
#header p {
	margin: 0;
}
#logo, #logo p, #logo a {
	height: 61px;
	width: 720px;
	float: left;
}
#logo a, #petportal a {
	text-indent: -9999px;
}
#petportal, #petportal p, #petportal a {
	float: right;
	height: 61px;
	width: 155px;
}
#petportal a {
	background: url(../images/petportal_bg.jpg) no-repeat left top;
}
#front #petportal a {
	background: url(../images/petportal_bg_front.jpg) no-repeat left top;
}
#petportal a:hover, #front #petportal a:hover {
	background-position: left -61px;
}
#vetsource {
	width: 100px;
	float: left;
}

/* Nav */

#nav {
	color: #fff;
	width: 196px;
	float: left;
	position:relative;
	z-index:9000;
	
}
#nav p {
	margin: 0;
}
#logomark, #logomark p, #logomark a {
	height: 179px;
	width: 196px;
	float: left;
}
#logomark {
	background: url(../images/nav_logo.png) no-repeat left top;
}
#logomark a {
	text-indent: -9999px;
}
#menu, #menu ul, #menu li, #menu li a {
	width: 176px;
	float: left;
}
#menu {
	text-align: right;
	padding: 0 10px 10px 10px
}
#nav ul {
	font-size: 108%;
	line-height: 1.15em;
	font-weight: bold;
	border-top: solid 1px #edad56;
	border-bottom: solid 1px #edad56;
	margin: 0;
	padding: 5px 0;
}
#nav ul li {
	list-style: none;
	position: relative;
}
#nav ul li a {
	padding: 3px 0;
}
#nav ul li a, #nav ul li:hover ul li a {
	color: #fff;
	background: transparent;
}
#nav ul li a:hover, #nav ul li:hover a, #nav ul li:hover li a:hover, #nav ul li.sfhover li a:hover {
	text-decoration: none;
	color: #fff;
	background: #e9a850;
}
#nav ul li ul {
	font-size: 92%;
	font-weight: normal;
	text-align: left;
	display: none;
	background: #c67f30;
	width: 220px;
	padding: 0;
	border-right: solid 1px #edad56;
	border-left: solid 1px #edad56;
	position: absolute;
	top: 0;
	left: 176px;
	z-index: 1500;
}
#nav ul li ul li, #nav ul li ul li a {
	width: 200px;
}
#nav ul li ul li a {
	padding: 3px 10px;
}
#nav ul li:hover ul, #nav ul li.sfhover ul {
	display: block;
}
.navarrow {
	background: url(../images/nav_arrow.png) no-repeat left center;
	height: 24px;
	width: 5px;
	position: absolute;
	top: 0;
	left: 186px;
	z-index: 1000;
}
#nav p a, #nav ul a.emergencies {
	color: #ffca81;
}
#nav p {
	font-size: 92%;
	clear: both;
	padding: 15px 0;
}

/* Footer */

#footer {
	font-size: 70%;
	line-height: 1.3em;
	color: #fff;
	background: url(../images/footer_bg.png) repeat-x left top;
	width: 784px;
	float: left;
	clear: both;
	padding: 10px 0;
}
#footer p {
	margin: 0;
}
#footer a {
	color: #fff;
}
#copyright {
	width: 330px;
	float: left;
	padding: 10px 15px;
}
#partners {
	width: 382px;
	float: right;
}
#partners p {
	float: left;
	padding: 0 10px 0 20px;
}

/* Content */

#content {
	float: left;
	min-height: 500px;
}
#maininner {
	background: #fff;
	width: 784px;
	float: left;
	padding-bottom: 40px;
}
#title {
	background: url(../images/title_bg.jpg) no-repeat left top;
	height: 48px;
	padding: 20px 20px 0 20px;
}
#title h1 {
	color: #fff;
}
#maininner #content {
	width: 754px;
	padding: 15px;
}
#maininner #side+#content {
	width: 547px;
}
#maininner h2 {
	margin-top: 0;
}
#side {
	background: url(../images/side_bg.png) repeat-x left top;
	min-height: 360px;
	width: 197px;
	float: right;
	padding: 5px;
}
.sidephoto, #sidenav, #sidenav dl, #sidenav dt, #sidenav dd {
	width: 197px;
	float: left;
	clear: left;
}
.sidephoto {
	text-align: center;
}
.sidephoto img {
	border: solid 1px #edad56;
}
#sidenav dl {
	font-weight: bold;
	color: #79807d;
	margin: 0;
	padding: 0;
}
#sidenav dt, #sidenav dd {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidenav dt {
	font-size: 125%;
	line-height: 1.2em;
	border-bottom: solid 1px #edad56;
}
#sidenav dd {
	font-size: 110%;
	line-height: 1.2em;
}
#sidenav dl a {
	width: 177px;
	float: left;
	padding: 5px 10px;
}
#sidenav dl a:hover {
	text-decoration: none;
	color: #fff;
	background: #e9a850;
}
#sidenav dl a.on {
	color: #79807d;
}

/* Front */

#front #content {
	color: #fff;
	background: #d9bd9e url(../images/front_bg.jpg) no-repeat left top;
	width: 784px;
	padding: 0;
}
#front h1 {
	font-size: 170%;
	line-height: 1.2em;
	height: 297px;
	padding: 20px 20px 0 20px;
}
#intro {
	line-height: 1.25em;
	width: 455px;
	float: right;
	padding-right: 10px;
}
#frontlinks {
	background: #c78d4d url(../images/frontlinks_bg.jpg) no-repeat left top;
	width: 220px;
	float: right;
	padding: 10px;
	margin: 10px 0 10px 10px;
}
#frontlinks p {
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 0;
	padding: 0 0 1em 25px;
}
.formslink {
	background-image: url(../images/icon_forms.png);
}
.feedbacklink {
	background-image: url(../images/icon_feedback.png);
}
#frontlinks a {
	font-weight: bold;
	color: #ffd090;
}
#newsletter {
	width: 290px;
	float: left;
	padding: 140px 0 0 15px;
}
#newsletter form {
	margin: 0;
}
#newsletter h2 {
	font-size: 110%;
	color: #fff;
	background: url(../images/icon_email.png) no-repeat left center;
	margin: 0;
	padding: 5px 0 5px 22px;
}
#newsletter label {
	font-size: 85%;
	line-height: 1.2em;
	color: #3c494d;
}
#newsletter input {
	font-size: 85%;
	margin: 5px 5px 0 0;
	border: none;
}
.newsletterinput {
	background: #fff;
	width: 200px;
	padding: 3px;
}
.newsletterbutton {
	font-weight: bold;
	color: #fff;
	background: url(../images/newsletter_button.png) no-repeat center center;
	text-align: center;
	height: 20px;
	width: 59px;
}
#special {
	background: url(../images/special_bg.png) no-repeat left top;
	width: 759px;
	float: left;
	clear: both;
	padding: 26px 10px 10px 15px;
}
#special h2 {
	display: none;
}
#special h3, #special p, .specialbutton a {
	float: left;
	margin: 0;
}
#special h3 {
	font-size: 115%;
	color: #ffd191;
	width: 185px;
	padding: 10px 10px 10px 0;
	border-right: solid 1px #c29f64;
}
#special p {
	width: 405px;
	padding: 10px;
}
#special p.specialbutton, .specialbutton a {
	width: 107px;
}
.specialbutton a {
	font-size: 85%;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	background: url(../images/special_button.png) no-repeat center top;
	text-align: center;
	height: 20px;
}
.specialbutton a:hover {
	text-decoration: none;
	background-position: center -20px;
}



#carecredit {

	width: 100%;
	float: left;
	padding: 2px 0px 2px 0px;
}

.photos {

	width: 460px;

	float: left;

	margin: 0 0 0em 0em;
}

.photos2 {

	width: 460px;

	float: right;

	margin: 0 0 2em 2em;
	
	padding: 0 0px;
}


.biosLF {
	float: left;
	margin-right: 15px;
	width: 200px;
}
.biosRT {
	float: right;
	margin-left: 15px;
	width: 200px;
}




#frontlinks2 {
	background: #c78d4d url(../images/frontlinks_bg.jpg) no-repeat left top;
	width: 220px;
	float: left;
	
	padding: 10px;
	margin: 10px 0 10px 10px;
}
#frontlinks2 p {
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 0;
	padding: 0 0 1em 25px;
}

#frontlinks2 a {
	font-weight: bold;
	color: #ffd090;
}

.formslink2 {
	background-image: url(../images/icon_forms.png);
}
.feedbacklink2 {
	background-image: url(../images/icon_feedback.png);
}







/* lameness tour */

#slideshow {
	position: relative;
	height: 313px;
	width: 440px;
	border: solid 0px #aeaeae;
}
#slideshow #slides {
	position: absolute;
	top: 0;
	left: 150px;
	z-index: 9000; 
	height: 313px;
	width: 440px;
	margin: 0 auto;
}
.tourcaption {
	position: absolute;
	bottom: 0px;
	left: 150px;
	z-index: 9100;
	width: 420px;
	text-align: center;
	padding: 5px 10px;
	background: #3b6067;
	color: #fff;
	display: none; 
	font-weight: bold;
}


	
	
	
	#slideshow2 {
		position: relative;
		height: 212px;
		width: 195px;
		border: solid 0px #aeaeae;
		border: solid 1px #edad56;
	}
	#slideshow2 #slides2 {
		position: absolute;
		top: 0;
		right: 0px;
		z-index: 9000; 
		height: 212px;
		width: 195px;
		margin: 0 auto;
		border: solid 1px #edad56;
	}
	.tourcaption2 {
		position: absolute;
		bottom: 0;
		right: 0px;
		z-index: 9100;
		width: 186px;
		text-align: center;
		padding: 5px 5px;
		background: #c78d4d;
		color: #fff;
		display: none; 
		font-weight: bold;
	}




.sidephoto2, #sidenav, #sidenav dl, #sidenav dt, #sidenav dd {
	width: 197px;
	float: left;
	clear: left;
}

.sidephoto2 img {
	border: solid 1px #edad56;
}

/* lameness tour */

#slideshow4 {
	position: relative;
	height: 375px;
	width: 360px;
	border: solid 0px #aeaeae;
}
#slideshow4 #slides4 {
	position: absolute;
	top: 0;
	left: 90px;
	z-index: 9000; 
	height: 375px;
	width: 360px;
	margin: 0 auto;
}
.tourcaption4 {
	position: absolute;
	bottom: 0px;
	left: 90px;
	z-index: 9100;
	width: 340px;
	text-align: center;
	padding: 5px 10px;
	background: #3b6067;
	color: #fff;
	display: none; 
	font-weight: bold;
}



/* alternative tour */

#slideshow3 {
	position: relative;
	height: 313px;
	width: 440px;
	border: solid 0px #aeaeae;
}
#slideshow3 #slides3 {
	position: absolute;
	top: 0;
	left: 60px;
	z-index: 9000; 
	height: 313px;
	width: 440px;
	margin: 0 auto;
}
.tourcaption3 {
	position: absolute;
	bottom: -50px;
	left: 60px;
	z-index: 9100;
	width: 420px;
	text-align: center;
	padding: 5px 10px;
	background: #3b6067;
	color: #fff;
	display: none; 
	font-weight: bold;
}


#youtube {
	background: transparent;
	width: 105px;
	float: left;
	padding: 5px;
	margin: 5px 0 10px 10px;
}

#facebook {
	background: transparent;
	width: 105px;
	float: left;
	padding: 5px;
	margin: 5px 0 10px 10px;
}