/*
Theme Name: Veterinary Healthcare Associates
Theme URI: http://clarknikdelpowell.com/
Description: A theme built from pre-existing site by <a href="http://www.clarknikdelpowell.com">Clark/Nikdel/Powell Inc.</a> for Veterinary Healthcare Associates
Author: Taylor Gorman
Author URI: http://clarknikdelpowell.com/
*/

div,p,h1,h2,h3,h4,ul,ol,li,span,form,input,select,textarea,img,body
{margin: 0; padding: 0; position: relative; border: none; outline: none;}
.alignleft {float:left;}
.alignright {float:right;}
img.alignleft {margin:0 10px 5px 0;}
img.alignright {margin:0 0 5px 10px;}

ol {list-style-position: inside;}
body {background: url(images/bg_body.gif) top center; font-family: Arial;}

.page {width: 980px; margin: 0 auto; padding-bottom: 20px; font-size: 1px;}
.page img.circles {position: absolute; top: 116px; right: 37px; z-index: 10;}

.top {width:980px; height:281px; background:url(images/bg_top.gif) no-repeat; z-index:5; cursor:default;}
.int {background: url(images/bg_top_int.gif) 0 0 no-repeat; height: 209px; z-index: 5;} 
.top img.logo {position: absolute; top: 34px; left: 27px;}

.top-support {position: absolute; top: 12px; left: 298px; height: 22px;}
.top-support ul { width: 251px; list-style: none; float: left;}
.top-support li {text-indent: -9999px; float: left; display: inline;}
.top-support li a {display: block; background: url(images/bg_support.gif) 0 0 no-repeat; height: 22px;}
.top-support li.home a {width: 50px;}
.top-support li.contactus a {width: 86px; background-position: -50px 0;}
.top-support li.faqs a {width: 50px; background-position: -136px 0;}
.top-support li.sitemap a {width: 65px; background-position: -186px 0;} 
.top-support li.home a:hover, .top-support ul.home1 li.home a {width: 50px; background-position: 0 -22px !important;}
.top-support li.contactus a:hover, .top-support ul.contact li.contactus a {width: 86px; background-position: -50px -22px;}
.top-support li.faqs a:hover, .top-support ul.faqs li.faqs a {width: 50px; background-position: -136px -22px;}
.top-support li.sitemap a:hover, .top-support ul.sitemap li.sitemap a {width: 65px; background-position: -186px -22px;} 

.top-support input {vertical-align: top;}
.top-support input.text {
	width: 200px;
	outline: 0px;
	height: 13px;
	padding: 3px 5px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 11px;
	color: #555;
	margin-right: 7px;
}

.top ul.audience {position:absolute; top:74px; left:270px; list-style:none; width:648px;}
.top ul.audience li {text-indent: -9999px; float: left; display: inline;}
.top ul.audience li a {display: block; height: 37px; background: url(images/bg_audience3.gif) 0 0 no-repeat;}

.top ul.audience li.generalpractice a {width: 182px;}
.top ul.audience li.referringclinics a {width: 116px; background-position: -182px 0;}
.top ul.audience li.emergency a {width: 138px; background-position: -298px 0;}
.top ul.audience li.directions a {width: 132px; background-position: -436px 0;}
.top ul.audience li.blog a {width: 80px; background-position: -568px 0;}

.top ul.audience li.generalpractice a:hover {background-position: 0 -37px;}
.top ul.audience li.referringclinics a:hover {background-position: -182px -37px;}
.top ul.audience li.emergency a:hover {background-position: -298px -37px;}
.top ul.audience li.directions a:hover {background-position: -436px -37px;}
.top ul.audience li.blog a:hover {background-position: -568px -37px;}

.top ul.general-practice li.generalpractice a, .top ul.general-practice li.generalpractice a:hover {background-position: 0 -74px;}
.top ul.referring-clinics li.referringclinics a, .top ul.referring-clinics li.referringclinics a:hover {background-position: -182px -74px;}
.top ul.emergency li.emergency a, .top ul.emergency li.emergency a:hover {background-position: -298px -74px;}
.top ul.directions li.directions a, .top ul.directions li.directions a:hover {background-position: -436px -74px;}
.top ul.blog li.blog a, .top ul.blog li.blog a:hover {background-position: -568px -74px;}

.top p.breadcrumbs {position:absolute; top:194px; left:294px; font:11px Arial; color:#212121; cursor:default;}
.top p.breadcrumbs a {color:#212121; text-decoration:underline; margin:0 2px;}
.top h1 {position:absolute; top:122px; left:305px; font:32px Arial; color:#A94100;}
.top p.breadcrumbs a:hover {text-decoration:none;}

.nav {margin: 155px 0 0 0; float: left; font-size: 1px;}
.nav_int {margin-top: -55px;}
.nav ul {width: 217px; list-style: none;}
.nav li {text-indent: -9999px;}
.nav li a {display:block; width:217px; background:url(images/nav2.gif) 0 0 no-repeat;}
.nav li.generalpractice a {height: 33px;}
.nav li.referral a {height: 33px; background-position: 0 -33px;}
.nav li.criticalcare a {height: 34px; background-position: 0 -66px;}
.nav li.generalpractice a:hover, .nav ul.general-practice li.generalpractice a {height: 33px; background-position: 0 -100px;}
.nav li.referral a:hover, .nav ul.referring-clinics li.referral a {height: 33px; background-position: 0 -133px}
.nav li.criticalcare a:hover, .nav ul.emergency li.criticalcare a {height: 34px; background-position: 0 -166px;}

.nav ul ul {background-color:#EAEAEA; padding:9px 0;}
.nav ul ul li {text-indent:0px;}
.nav ul ul a {
	font: bold 11px Arial;
	color: #636363;
	text-decoration: none;
	background-image: url(images/bg_li.gif);
	background-repeat: no-repeat;
	background-position: 22px 7px;
	padding: 3px 32px;
	width: auto;
}
.nav ul ul a:hover {color: #02559F;}
.nav .hide-genprac, .nav .hide-referral, .nav .hide-emergency {display: none;}
.nav ul.general-practice .hide-genprac, .nav ul.referring-clinics .hide-referral,.nav ul.emergency .hide-emergency {display: block;}

.feature {
	position: relative;
	width: 980px;
	height: 402px;
	margin-top: -152px;
	z-index: 0;
}
.feature #flashme {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 980px;
	height: 400px;
}
.feature #flashme img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 980px;
	height: 400px;
}

.interior {width: 980px; margin-top: 0px; background: #fff; z-index: 6; padding-bottom: 25px;}
.sidebar {float: left; width: 217px;}
.home .sidebar {position:absolute; top:209px; left:0px; z-index:7;}

.int_right {float: right; width: 697px; font: 12px Arial; color: #212121;}
.int_right h1 {font:24px Arial; color:#E26E01; padding:23px 14px 0 0;}
.int_right h1 a {color:#E26E01;}
.int_right h1 small a {font:bold 9px Arial; color:#35587C; text-transform:uppercase; text-decoration:none;}
.int_right h1 a:hover {color:#E26E01;}

.related {background: url(images/bg_related.gif) repeat-y; float:right; width:217px; padding:20px 0; display:inline; z-index: 7;}
.related ul {list-style-type:none; margin: 9px 30px 0 20px;}
.related a {
	display: block;
	color: #D26600;
	text-decoration: none;
	font: bold 11px Arial;
	padding: 9px 12px;
	border-bottom: 1px dotted #C3B09D;
	background-color: #ffebd9;
}
.related a:hover {background-color:#fff;}
.related img {margin: 0 0 0 16px;}

.article {width:590px; font: 12px Arial; color:#333;}
.article a {color:#35587C;}
.article a:hover {text-decoration:none;}
.article h2 {font:bold 16px Arial; color:#003666; margin:22px 0 -2px 0;}
.article h2 a {color:#003666;}
.article h2 a:hover {text-decoration: none;}
.article h3 {font: bold 13px Arial; color: #E26E01; margin:20px 0 -4px 0; text-transform: uppercase;}
.article h3 a {color:#E26E01;}
.article h4 {font: bold 13px; color:#444; margin:18px 0 -6px 0;}
.article p, .article ul, .article ol {line-height:18px; margin-top:18px;}
.article ul ul, .article ul ol, .article ol ul, .article ol ol {margin-top:0;}
.article p.introtext {font: bold 14px Arial; line-height:20px;}
.article p.meta {font-style:italic; margin:3px 0 -6px 0; font-size:11px; font-weight:bold;}
.article ul {margin-left: 15px;}
.article input, .article textarea {
	padding: 5px 7px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #aaa;
}
.article .text {border:solid 1px #bbb; color:#333;}
.article input[type='submit'], .article input.submit {
	background-color: #35587C;
	border: solid 1px #35587C;
	color: #fff;
	cursor: pointer;
}
.article small {font-size:11px;}

#comments .commentinfo {font-style:italic; margin-bottom:-8px;}

.int_right table.spiderline {width: 600px; background: #5B7197 !important;}
.int_right table.spiderline td {color: #fff; padding: 3px; margin: 0;}
.int_right table.spiderline td a {color: #fff;}
.int_right ol.spiderline {width: 550px; padding: 10px 0 0 15px;}
.int_right img.mid_thumb {float: right; margin: 0 30px 15px 15px; display: inline; padding: 7px 7px 25px 7px; border: 1px solid #555;}
.int_right form.feedback input {border: 1px solid #003666; position: absolute; left: 50px;}
.int_right form.feedback input.submit {left: 0;}
.int_right form.feedback textarea {border: 1px solid #003666;}

.facility_photos {margin: 10px 20px 0 0;}
.facility_photos img {float: left; display: inline; margin: 25px 25px 0 0; border: 4px solid #E7B58B;}
.floatthumbs {float: left; display: inline; width: 25%; margin: 15px 0 0 0; text-align: center;}
.floatthumbs img {border: 2px solid #003666; margin: 0 auto 8px auto;}
.floatthumbs a {text-decoration: none;}
.floatthumbs a:hover {text-decoration: underline !important;}
.int_right img.newsthumb {margin: 0 20px 10px 10px; display: inline; padding: 5px 5px 20px 5px; border: 1px solid #555;}

.related-items {width: 215px; background: #A94100 url(images/bg-related.gif) bottom left no-repeat; float: right; margin: 15px 20px 10px 10px; display: inline; padding-bottom: 12px; z-index: 100;}
.related-items ul {margin: 6px 0 0 35px;}
.related-items li {color: #fff; line-height: 20px;}
.int_right .related-items li a {color: #fff;}

.subnav {width: 217px; padding: 156px 0 0 0; font-size: 1px;}
.subnav_int {clear: left; float: left; padding-top: 6px;}
.subnav ul {width:217px; text-indent:-9999px; list-style:none;}
.subnav li a {display:block; height:26px; width:217px; background:url(images/subnav_5.gif) 0 0 no-repeat;}
.subnav a.aboutus {}
.subnav a.galleries {background-position: 0 -26px;}
.subnav a.news {background-position: 0 -52px;}
.subnav a.pharmacy {background-position: 0 -78px;}
.subnav a.dog-park {background-position: 0 -104px;}
.subnav a.employment {background-position: 0 -130px}
.subnav a.vha-cares {background-position: 0 -312px;}
.subnav a.aboutus:hover, .subnav ul.about a.aboutus {background-position: 0 -156px;}
.subnav a.galleries:hover, .subnav ul.photo-gallery a.galleries {background-position: 0 -182px;}
.subnav a.news:hover, .subnav ul.news-events a.news {background-position: 0 -208px;}
.subnav a.pharmacy:hover, .subnav ul.online_pharmacy a.pharmacy {background-position: 0 -234px;}
.subnav a.dog-park:hover, .subnav ul.dog-park a.dog-park {background-position: 0 -260px;}
.subnav a.employment:hover, .subnav ul.employment a.employment {background-position: 0 -286px;}
.subnav a.vha-cares:hover, .subnav ul.vha-cares a.vha-cares {background-position: 0 -338px;}

.subnav ul ul {
	background: #4B5D7C url(images/subnav_5.gif) 0 -363px no-repeat;
	padding: 6px 0;
	display: block;
	text-indent: 0;
}
.subnav ul ul a {
	font: bold 11px Arial;
	color: #ffffff;
	text-decoration: none;
	background: none;
	height: auto;
	width: auto;
	padding: 3px 30px 3px 47px;
	color: #dce4f1;
}
.subnav ul ul a:hover {color:#fff;}
.subnav .hide-about, .subnav .hide-news, .subnav .hide-employment {display:none;}
.subnav ul.about .hide-about {display:block;}
.subnav ul.news .hide-news {display:block;}
.subnav ul.employment .hide-employment {display: block;}
.subnav img {display: block;}

.learnhow2 {position: absolute; top: 123px; left: 453px; width: 494px;}
.learnhow2 div {background: #000; opacity: .5; filter: alpha(opacity=50); z-index: 0; position: absolute;}
.learnhow2 p {padding: 15px; font: 26px Verdana; color: #fff; line-height: 30px;}
.plus2 {left: 208px; bottom: -16px; text-indent: -9999px; filter: alpha(opacity=100) !important; opacity: 1 !important; background-color: transparent !important;}
.plus2 a {display: block; width: 236px; height: 26px; background: url(images/learnmore.gif) 0 0 no-repeat;}
.plus2 a:hover {background-position: 0 -26px;}

.learnhow {position: absolute; top: 143px; right:8px; width: 400px; cursor:default;}
.learnhow div {background: #000; opacity: .5; filter: alpha(opacity=50); z-index: 0; position: absolute;}
.learnhow p {padding: 12px 15px; font: 22px Verdana; color: #fff; line-height: 28px; width: 364px;}
.plus {left: 163px; bottom: -16px; text-indent: -9999px; filter: alpha(opacity=100) !important; opacity: 1 !important; background-color: transparent !important;}
.plus a {display: block; width: 236px; height: 26px; background: url(images/learnmore.gif) 0 0 no-repeat;}
.plus a:hover {background-position: 0 -26px;}

.feature img.tabs {position: absolute; bottom: 0; left: 0;}

.content {width: 980px; background: #EDD8C6 url(images/bg_content.gif) left bottom repeat-x;}

.social {
	position: absolute;
	top: 12px;
	left: 100px;
}
.social img {margin-left:3px;}

.announcements {float: left; margin: 0 0 0 225px; width: 220px;}
.announcements p {font: 10px Arial; color: #A94100; font-style: italic; line-height:15px; margin-top: 10px;}
.announcements a {font: bold 11px Arial; color: #464646;}
.announcements a:hover {text-decoration: none;}
.announcements p.archive {font: bold 11px Arial; color: #AC5402; padding-top: 10px;}
.announcements p.archive a {color: #AC5402;}

.right_side {float: right; margin: 0 18px 0 0; display: inline; width: 517px;}

.facility {float: left; width: 222px;}
.facility img {border: 1px solid #DBC6B5; margin: 7px 0 0 -4px; padding: 5px; background: #fff;}
.facility p {font: 11px Arial; padding: 9px 0 0 0px; line-height:15px;}
.facility a {color: #AC5402;}
.facility a:hover {text-decoration: none;}

.case {float:left; width: 270px; background: url(images/bg_paw.gif) right 14px no-repeat;}
.case img {
	background: #fff url(images/bg_case.gif) repeat-y;
	border: 1px solid #fff;
	margin: 15px 10px 0 0;
	float: left;
}
.case h3 {font: bold 14px Arial; color: #000; margin-top:16px;}
.case p {
	font: 11px Arial;
	color: #000;
	line-height: 15px;
	margin-top: 8px;
	float: left;
	width: 190px;
} 
.case p a {color:#AC5402 !important; font-weight:bold; margin-left:60px;}
.case p a:hover {text-decoration:none;}

.footer {height: 100px; width: 924px; margin: 0 auto; background: #003666; cursor:default;}
.footer p {float:left; font: 10px Arial; color: #fff; line-height: 18px; padding: 11px 0 0 24px;}
.footer p.links {float: right; padding: 13px 24px 0 0;}
.footer a {color: #fff; text-decoration: none;}
.footer a:hover {text-decoration: underline;}

.clr {clear: both; font-size: 1px;}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important; margin: 0; top: 0; left: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute; left: 0px; top: 0; width: 0; height: 0; display: block; overflow: hidden;}

.sIFR-hasFlash .case h1 span {visibility: hidden; margin: 0px; font-size: 12px; display: inline;}
.case h2 span {font-size: 14px;}

#map {width: 500px; height: 300px; margin-top: 8px; background: #55698C; padding: 6px; border: 1px solid #E26E01;}
#map2 {float: right; width: 200px; height: 200px; margin: 8px 100px 0 0; display: inline; background: #55698C; padding: 6px; border: 1px solid #E26E01;}

.map-left {float: left; width: 340px;}
.map-right {float: right; width: 340px;}

/* ------------------------------------------------------------- SIMPLE GOOGLE MAP */

#SGM {width:100%; height:300px; border:solid 1px #ccc; margin-top:20px;}
.alignright #SGM {width:175px; height:220px; margin: 0 -20px 0 20px;}
#SGM .infoWindow {line-height:13px; font-size:10px;}
#SGM input {margin:4px 4px 0 0; font-size:9px; padding:1px;}
#SGM input.text {border:solid 1px #ccc; background-color:#fff; padding:2px; width:110px;}
#SGM input.submit {border:solid 1px #35587C; background-color:#35587C; color:#fff; cursor:pointer;}

/* ------------------------------------------------------------- PAGINATION */

.article .wp-pagenavi {
	margin: 30px 0 10px 0;
}
.article .wp-pagenavi span, .article .wp-pagenavi a {
	margin: 0 3px 0 0;
	border-bottom: 0px;
	text-decoration: none;
	font-size: 12px;
	padding: 4px 7px;
}
.article .wp-pagenavi span.pages {padding-left:0;}
.article .wp-pagenavi a {
	font-weight: bold;
	background-color: #e8e8e8;
}
.article .wp-pagenavi a:hover {
	background-color: #d4d4d4;
	color: #111;
}
.article .wp-pagenavi span.current {
	background-color: #889EB6;
	color: #fff;
	font-weight: bold;
}

/* ------------------------------------------------------------- WORDPRESS GALLERY */

.article div.gallery {
	padding-top: 20px;
}