/* HTML Defaults */

body {
	font: 82%/1.4em Arial, Helvetica, sans-serif;
	color: #444;
	background: #fff url(../images/body_bg.png) repeat-x left top;
	margin: 0 10px;
	padding: 0;
}
a {
	text-decoration: none;
	color: #9c286b;
}
a:hover {
	text-decoration: underline;
	color: #003875;
}
h1 {
	font-size: 180%;
	line-height: 1.15em;
	font-weight: bold;
	color: #003875;
	margin: 0;
}
h2 {
	font-size: 150%;
	line-height: 1.2em;
	font-weight: bold;
	color: #003875;
}
h3 {
	font-size: 120%;
	line-height: 1.3em;
	font-weight: bold;
	color: #003875;
}
h4 {
	font-size: 100%;
	font-weight: bold;
	color: #003875;
}
img {
	border: none;
}
hr {
	color: #c4d3e4;
	background: #c4d3e4;
	height: 1px;
	padding: 0;
	border: none;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
input, select, textarea {
	font: 100% Arial, Helvetica, sans-serif;
	color: #444;
	border: solid 1px #c4d3e4;
}
th, td {
	font-size: 100%;
}

/* Main Containers */

#container {
	width: 100%;
	min-width: 980px;
	float: left;
}
.clear {
	clear: both;
}

/* Header & Nav */

#header {
	min-height: 135px;
	width: 100%;
	float: left;
}
#header p, #header ul, #nav ul {
	margin: 0;
}
#logo, #logo a, #rehablogo, #rehablogo a, #arklogo, #arklogo a {
	height: 135px;
	float: left;
}
#logo a, #rehablogo a, #arklogo a {
	text-indent: -9999px;
}
#logo, #logo a {
	width: 278px;
}
#rehablogo, #rehablogo a {
	width: 212px;
}
#arklogo, #arklogo a {
	width: 190px;
}
#logo {
	background-image: url(../images/header_logo.png);
}
#rehablogo {
	background-image: url(../images/new-pekin-logo.png);
}
#arklogo {
	background-image: url(../images/header_logo_ark.png);
}
#sublogos {
	width: 402px;
	float: right;
}
#topnav {
	margin: 0 402px 0 285px;
	padding-top: 48px;
}
.petportal, .petportal a {
	height: 48px;
	width: 278px;
}
.petportal {
	padding-bottom: 4px;
}
.petportal a {
	background-image: url(../images/petportal_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
}
.petportal a:hover {
	background-position: left -48px;
}
#nav ul, #topnav ul {
	font-weight: bold;
	padding: 0;
	position: relative;
}
#topnav ul {
	line-height: 30px;
	float: left;
	z-index: 6000;
}
#topnav ul li, #nav ul li {
	float: left;
	list-style: none;
	position: relative;
}
#topnav ul li a, #nav ul li a {
	float: left;
}
#topnav ul li ul, #nav ul li ul {
	background: #003875;
	display: none;
	width: 160px;
	padding: 0;
	position: absolute;
	left: 0;
	z-index: 7000;
}
#nav ul li.last ul {
	right: 0;
	left: auto;
}
#topnav ul li ul {
	top: 30px;
}
#topnav ul li:hover ul, #topnav ul li.sfhover ul, #nav ul li:hover ul, #nav ul li.sfhover ul {
	display: block;
}
#topnav ul li ul li, #nav ul li ul li {
	line-height: 1.15em;
	background: none;
	width: 160px;
}
#topnav ul li a:hover, #topnav ul li:hover a, #nav ul li a:hover, #nav ul li:hover a {
	text-decoration: none;
	color: #fff;
	background: #003875;
}
#topnav ul li ul li a, #topnav ul li:hover ul li a, #nav ul li ul li a, #nav ul li:hover ul li a {
	color: #fff;
	background: #003875;
	width: 140px;
	padding: 5px 10px;
}
#topnav ul li:hover ul li a:hover, #topnav ul li.sfhover ul li a:hover, #nav ul li:hover ul li a:hover, #nav ul li.sfhover ul li a:hover {
	background: #9c286b;
}
#topnav ul li a {
	padding: 0 12px;
}
#nav {
	background: #8d195c url(../images/nav_bg.png) repeat-x left top;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 1px;
	padding: 0;
}
#navinner {
	background: url(../images/nav_l.png) no-repeat left top;
	height: 36px;
	padding-left: 6px;
}
#nav ul {
	line-height: 36px;
	background: url(../images/nav_r.png) no-repeat right top;
	height: 36px;
	padding-right: 6px;
	z-index: 5000;
}
#nav ul li {
	background: #8d195c url(../images/nav_bg.png) repeat-x left top;
}
#nav ul li a {
	color: #fff;
	padding: 0 12px;
}
#nav ul li ul {
	top: 36px;
}

/* Footer */

#footer {
	font-size: 70%;
	line-height: 1.2em;
	color: #999;
	width: 100%;
	min-width: 980px;
	clear: both;
	padding: 15px 0;
}
#footer p {
	margin: 0;
	padding: 0 20px;
}

/* Content */

#main, #content, #contentinner {
	width: 100%;
	float: left;
	clear: both;
}
#content {
	padding-bottom: 125px;
	position: relative;
	z-index: 500;
}
/*
.hasside {
	background: url(../images/content_bg_side.png) repeat-y right bottom;
} 
.hasside #contentinner {
	background: url(../images/content_bg_side_bottom.png) no-repeat right bottom;
}*/

#side {
	color: #fff;
	/*background: url(../images/side_bg.png) no-repeat right top; */
	min-height: 285px;
	width: 225px;
	float: right;
	padding: 10px;
	margin-left:20px;
}

/*
#side + #text {
	margin-right: 245px;
}

 .hasside #bodytext {
	background: url(../images/text_corner.png) no-repeat right top;
} */

.sidephoto, #sidenav, #sidenav dl, #sidenav dt, #sidenav dd {
	width: 225px;
	float: left;
	clear: left;
}
.sidephoto {
	font-size: 92%;
	line-height: 1.2em;
	text-align: center;
}
.sidephoto img {
	border: solid 1px #fff;
}
#sidenav dl {
	margin: 0;
	padding: 0;
}
#sidenav dt, #sidenav dd {
	margin: 0;
	list-style: none;
}
#sidenav dt {
	font-size: 140%;
	line-height: 1.2em;
	font-weight: bold;
	background: url(../images/side_rule.png) no-repeat center bottom;
	padding: 0 0 1px 0;
	
}
#sidenav dd {
	font-size: 108%;
	line-height: 1.2em;
	font-weight: bold;
	padding: 0;
}
#sidenav dl a {
	color: #9c286b;
	width: 215px;
	float: left;
	padding: 5px;
}
#sidenav dl a:hover, #sidenav dl a.on:hover {
	text-decoration: none;
	color: #fff;
	background-color: #9c296c;
}
#sidenav dl a.on {
	color: #717171;  /* was #79a7bb */
}
/* December 8, 2009 MAD added id for side quote */ 
#sidequote {
font-size: 12px;
color: #3A3A87;
background-color: #FFFFFF;
}

#title {
	color: #fff;
	background: url(../images/title_bg.png) no-repeat left top;
	height: 68px;
	width: 100%;
	float: left;
	margin-bottom:20px;
}
#titleinner {
	background: url(../images/titleinner_bg.png) no-repeat right top;
	height: 68px;
}
/*
.hasside #titleinner {
	background: none;
} */
#title h1 {
	line-height: 48px;
	color: #fff;
	padding: 10px 20px;
}
#bodytext {
/*	width: 100%; */
	padding: 10px 0 20px 0;


	
}
#bodytextinner {
	padding: 0 20px;
	margin-right: 245px;
}
#bodytextinner p.intro {
	color:#013977;
	font-size:15px;
	line-height:24px;
}

#bodytextinner h3.intro {
	color:#ffffff;
	font-size:13px;
	line-height:24px;
	font-weight: bold;
}













#bodytextinner img, .video {
	float:right;
	margin-left:15px;
	margin-bottom:15px;
}
#bodytextinner table {
	float:left;
}
.bodyphotoleft {
	float: left;
	clear: left;
	margin: 0 20px 20px 0;
}
.bodyphotoright {
	float: right;
	clear: right;
	margin: 0 0 20px 20px;
}


.bodyphotoleft2 {
	float: left;
	clear: left;
	margin: 0 0px 0px 0;
}

.bodyphotoright2 {
	float: left;
	clear: left;
	margin: 0 0px 0px 0;
}



/* Bottom Contact */

#contact {
	color: #fff;
	background: url(../images/contact_bg.png) no-repeat left bottom;
	height: 126px;
	width: 100%;
	float: left;
	clear: both;
	position: absolute;
	bottom: 0;
	left: 0;
}
#contactinner {
	background: url(../images/contactinner_bg.png) no-repeat right bottom;
	height: 126px;
	width: 100%;
	float: left;
}
#contact h2, #contact p, #contact form {
	margin: 0;
}
#contact p {
	font-size: 92%;
	line-height: 1.5em;
	float: left;
	padding: 42px 15px 0 15px;
}
#contact a {
	color: #ffaa63;
}
#contact a:hover {
	color: #fff;
}
#contact form {
	width: 450px;
	float: right;
	padding: 15px 15px 0 0;
}
#contact form h2 {
	font-size: 123%;
	line-height: 1.2em;
	color: #fff;
	background: url(../images/icon_email.png) no-repeat left center;
	padding-left: 30px;
}
#contact form p {
	line-height: 1.2em;
	float: none;
	padding: 8px 0;
}
.newsletterinput {
	font-size: 11px;
	background: transparent url(../images/news_input_bg.png) no-repeat left center;
	width: 357px;
	padding: 6px 5px 5px 5px;
	border: none;
}
.newsletterbutton {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	background: transparent url(../images/news_button_bg.png) no-repeat center center;
	text-align: center;
	width: 55px;
	padding: 6px 0;
	border: none;
}

/* Front */

.mainfront {
	background: #003064 url(../images/front_bg.png) no-repeat right top;
}
.contentfront {
	background: url(../images/front_photo.jpg) no-repeat left top;
	min-height: 337px;
}
#front {
	width: 100%;
	float: left;
	clear: both;
}
#front {
	color: #fff;
}
#front a {
	color: #f6882e;
}
#front a:hover {
	color: #fff;
}
#front h1, #front h2, #front h3, #front h4 {
	color: #fff;
	margin: 0;
}
#front h1 {
	text-align: right;
	width: 245px;
	float: left;
	padding: 20px 0 20px 245px;
}
#intro {
	background: url(../images/front_bg_bottom.png) no-repeat right bottom;
	min-height: 395px;
	margin-left: 490px;
	padding: 20px;
}
#intro p {
	margin: 0;
	padding-bottom: 15px;
}
#tools {
	background: url(../images/front_rule.png) no-repeat center top;
	width: 100%;
	float: left;
	padding-top: 5px;
}
.tool {
	background-repeat: no-repeat;
	background-position: left center;
	width: 49%;
	float: left;
	padding: 10px 0;
}
#tools h2, #tools p {
	padding: 0 0 2px 60px;
}
#tools h2 {
	font-size: 125%;
}
#tools p {
	font-size: 85%;
	line-height: 1.2em;
}
#toolrx {
	background-image: url(../images/tool_rx.png);
}
#toolstore {
	background-image: url(../images/tool_store.png);
}
#toolgallery {
	background-image: url(../images/tool_gallery.png);
}
#toolmypet {
	background-image: url(../images/tool_mypet.png);
}
#toolpaw {
	background-image: url(../images/tool_paw.png);
}
#toolstories {
	background-image: url(../images/tool_stories.png);
}


















/*****************************************************************************
* Pekin Inside Page Quotes class
 ****************************************************************************/


.quote {
font-size: 14px;
color: #3A3A87;
background-color: #FFFFFF;
text-align: center;
}

/*****************************************************************************
* Pekin Inside Page Secondary H3 class
 ****************************************************************************/


.secondhead
{
font-size: 110%;
line-height: 1.3em;
font-weight: bold;
color: #9c286b;
text-align: left;
}

.mission
{
font-size: 12px;
background-color: transparent;
text-align: left;
color: #9c286b;
font-weight: bold;
}

.highlight
{
font-size: 15px;
background-color: transparent;
text-align: left;
color: #9c286b;
font-weight: normal;
font-style: italic;
}



/*****************************************************************************
* Pekin Care Credit Add-ons carecredit is the main text box, photos holds the paragraph separate from the CareCredit video, photos2 holds the video 
 ****************************************************************************/





#carecredit {

	width: 100%;
	float: left;
	padding: 5px 0px 10px 0px;
}

.photos {

	width: 660px;

	float: left;

	margin: 0 0 0em 0em;
}

.photos2 {

	width: 440px;

	float: left;

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



.LbiosLF {
	float: left;
	margin-right: 10px;
	width: 128px;
	height: 200px;
}
.RbiosRT {
	float: right;
	margin-left: 10px;
	width: 136px;
	height: 240px;
}



.figure {
font-size: .8em;
line-height: 1.2em;
text-align: center;
}



.figurefloat {
font-size: .8em;
line-height: 1.2em;
text-align: center;
background: #fff;
width: 250px;
float: right;
clear: right;
padding: 1.2em 0 1.2em 1.2em;
}

.figure2 {
font-size: .8em;
line-height: 1.2em;
text-align: center;
}

.figurefloat2 {
font-size: .8em;
line-height: 1.2em;
text-align: center;
background: #fff;
width: 250px;
float: left;
clear: right;
padding: 1.2em 0 1.2em 1.2em;
}