@charset "UTF-8";
/*reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;	padding: 0;	border: 0;font-weight: inherit;font-style: inherit;font-family: inherit;vertical-align: baseline;}


/* -- BASICS -- */
body { background: #fff; color:#484a4b; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: 12px; background-image:url(../media/layout/bkgd.jpg); background-repeat: repeat-x; }
h1{font-size: 16px; text-transform: capitalize; line-height: 1.2em; letter-spacing:0.1em; font-weight:bold; color:#5dab2a;}
h2{font-size: 14px; text-transform: capitalize; line-height: 1.2em; letter-spacing:0.1em; font-weight:bold; color:#5dab2a;}
h3{font-size: 12px; text-transform: capitalize; line-height: 1.2em; letter-spacing:0.05em; font-weight:bold; color:#258ec2;}
h4{font-size: 12px; text-transform: uppercase; line-height: 1.2em; color:#454343;}
h5{font-size: 10px; text-transform: uppercase; line-height: 1.2em; color:#454343;}
p{margin-top: 10px;}

a {color:#258ec2; text-decoration:none;}
a:hover {color:#5dab2a;}

a.button {color:#5dab2a; background-color:#e5fbd7; border:1px solid #5dab2a; padding:6px 8px; text-decoration:none; margin:0 4px;}
a.button:hover {color:#258ec2; background-color:#dcf2fc; border:1px solid #258ec2;}

ul {padding-left:20px;}
ol {padding-left:20px; list-style:decimal;}

/* -- LAYOUT -- */ 

#container{width:1100px;margin: 0px auto; display:block; padding-bottom:30px;}
	#navigation{margin: 0px auto; width:960px; position:relative; top:-32px; z-index:20;}
	
	/*-- masthead nav --*/	
	
#nav{width: 100%; margin:0px auto;position: relative; color:#000;}
	#nav ul{ width: 960px;text-align: center; margin: 0px auto; padding:0px;}
	#nav ul li{padding:0px 5px; text-align: center; display: inline; color: #fff;font-size: 11px; font-weight:bold;line-height:12px;position:relative;}
	#nav ul li a{text-transform:capitalize; color: #000; text-decoration: none; padding-bottom:10px;}
	#nav ul li a:hover{color: #fffd7c;}
	
	/*-- masthead nav --*/
	
	#nav li ul {display: none; list-style: none; background-color:#70726f; position: absolute; top:21px; left:-10px; width: 140px; margin: 0; padding: 0; z-index: 104; }
	#nav li:hover ul { display: block; } 
	#nav li ul li { margin: 0; padding:0; float: none; }
		
		#nav li ul li a { color: #fff; display:block; padding: 5px 5px 5px 10px; font-size: 12px; text-align: left; }
		#nav li ul li a:hover { background-color:#575956;}

#content{width:930px; margin:0px auto; padding:0px 30px;}
	 #slideshow img{width: 488px; height: 258px; float:left; border:1px solid #aedaf0; padding:6px; background-color:#fff;}
			
/* -- CONTENT -- */
#content{width:930px; margin:0px auto;}
	
	.mainOneThird{float: left; width: 268px; padding:0px 20px; border-left:1px solid #aedaf0; border-right:1px solid #aedaf0; margin:30px 0px 0px -1px;}
	.backOneThird{float: right; width: 269px; padding:0px 20px; border-left:1px solid #aedaf0; border-right:1px solid #aedaf0;}
	.mainTwoThird{float: left; width: 560px; overflow: hidden; padding:0px 0px 10px 10px; margin-right:40px;}
	
	.mainOneQuarter{float: left; width: 175px; overflow: hidden; padding-bottom: 10px;}
	.mainThreeQuarter{float: left; width: 525px ;overflow: hidden; padding-bottom: 10px;}
	
	.mainHalf{float: left; overflow: hidden; padding-bottom: 10px; width:45%;}
	.mainFull{float: left; width: 100%; overflow: hidden; padding-bottom: 10px;}
	.mainHalfHome{float: left; overflow: hidden; padding-bottom: 10px;}
	
	.mainOneThird div, mainTwoThird div, .mainOneQuarter div, .mainThreeQuarter div, .mainHalf div, .mainHalfHome div, .mainForty div, .mainSixty div, .mainFull div{}
	
	.mainOneThird h3, .backOneThird h3 {font-weight:normal; margin-top:5px;}
	.mainOneThird h3 a, .backOneThird h3 a {text-decoration:none;color:#258ec2; letter-spacing:0px;}
	.mainOneThird h3 a:hover, .backOneThird h3 a:hover {text-decoration:underline;}
	h1 {display:block; margin-bottom:15px;}
	
	.petfinder{margin-top:-10px;}
	.donate{margin-top:50px;}
	
/* -- RIGHT COLUMN -- */
	
	
/* --- FOOTER --- */
	#footer{width:100%; background-color:#d4ecf7; height:105px; margin:0px auto; clear:both;}
	#footernav{width: 100%; margin:0px auto;}
		#footernav ul{ width: 960px;text-align: center; margin: 0px auto; padding-top:30px;}
		#footernav ul li{padding:0px 5px; text-align: center; display: inline; color: #088ed0;font-size: 12px; font-weight:bold;}
		#footernav ul li a{text-transform:capitalize; color: #088ed0; text-decoration: none; font-size:13px; letter-spacing:0.1em;}
		#footernav ul li a:hover{color: #8f9598;}
	#copyright{width: 100%; margin:0px auto; text-align:center; color:#8f9598; font-size:11px; font-weight:bold; letter-spacing:0.1em; margin-top:5px;}


/* -- SPECIFIC PAGES -- */
	
	/* -- home --*/ 
	#slideshow{float:left;}
	#potw{float:right;}
	#potw .border{border:1px solid #aedaf0; padding:6px; background-color:#fff; width:358px; height:224px;}
	
	/* -- BACK PAGES --*/
	#rightimg{float:right; margin-left:15px; margin-bottom:20px;}
	#rightimg .border{border:1px solid #aedaf0; padding:6px; background-color:#fff;}
	
	/*--EMAIL SIGNUP--*/
	#emailSignup label {display:block; font-weight:bold;}
	#emailSignup input {margin-bottom:10px;}
	
	/*--CLINICAL SERVICES--*/
	#services {margin:20px 0;}
	#services ul {display:inline-block; clear:both; border-bottom: 1px solid #aedaf0; border-top: 1px solid #aedaf0; margin-top:-1px; padding:2px 0;}
	#services li {list-style:none; float:left; width:100px; text-align:center;}
		#services li.first {width:350px; text-align:left;}
		#services .small { font-size:10px; font-style:italic; line-height:12px;}
		
	/*--CONTACT--*/
	#gmap{width: 520px;height: 300px;border:1px solid #ccc;float: left; margin-bottom: 15px;}
	#gmap .infoWindow{width: 300px;color: #333;font-size:11px;margin: 0;}



/* -- MISC -- */

div.clear { overflow:hidden; height:1px; clear:both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }

a.readmore{color: #258ec2; font-size: 12px; text-decoration: none; float:right;}
a.readmore:hover {text-decoration: underline;}

hr{clear:both;border:0;width:100%;color:#aedaf0;background-color:#aedaf0;height:1px;margin:20px 0px;}