body { 
	margin: 0;
	padding: 0;
	text-align: center;
	background: #037 url(images/bg-body.gif) repeat-x;
	color: #DEF;
	font: 12px/18px Arial, Helvetica, Verdana, sans-serif;
	}
	
#containerIE { 
	width: 960px;
	min-height: 710px;
	background: url(images/bg-container.png) no-repeat;
	margin: 0 auto;
	behavior: url(/scripts/iepngfix.htc);
	position: relative;
	z-index: 0;
	}
	
#container { 
	width: 960px;
	margin: 0;
	text-align: left;
	position: relative;
	z-index: 1;
	}
	
#header { 
	height: 220px;
	width: 940px;
	background-repeat: no-repeat;
	background-position: 0 0;
	behavior: url(/scripts/iepngfix.htc);
	}
	
	.page-about #header, .page-contact #header { background-image: url(images/bg-header-about.png); }
	.page-services #header { background-image: url(images/bg-header-services.png); }
	.page-staff #header { background-image: url(images/bg-header-staff.png); }
	.page-pethealth #header { background-image: url(images/bg-header-pethealth.png); }
	.page-tour #header { background-image: url(images/bg-header-tour.png); }
	.page-directions #header { background-image: url(images/bg-header-directions.png); }
	
#logo { 
	display: block;
	float: left; 
	width: 300px; 
	height: 120px;
	text-indent: -5000px;
	}
	
#hours { 
	float: right; 
	text-align: right;
	margin: 35px 0 0 0;
	font-size: 11px;
	line-height: 17px;
	letter-spacing: 0.07em;
	}
	
	#hours .underline { 
		border-bottom: 1px solid #458;
		margin: 0 0 6px 0;
		padding: 0 0 6px 0;
		}
	
	.smallCaps { 
		text-transform: lowercase;
		font-variant: small-caps; 
		}
		
#main { 
	clear: both;
	position: relative;
	z-index: 1;
	}
	
#leftColumn { 
	float: left; 
	width: 235px;
	display: block;
	}
	
#middleColumn { 
	float: left; 
	width: 465px;
	display: block;
	}

#middleColumn.long { 
	float: left; 
	width: 685px;
	display: block;
	}
	
#rightColumn { 
	float: left; 
	width: 224px;
	width: expression('239px');
	display: block;
	margin: 25px 0 0 0;
	padding: 5px 0 10px 15px;
	border-left: 1px solid #204b89;
	}
	
#mainMenu { 
	margin: 20px 0 20px 0;
	}
	
	#mainMenu ul { 
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		
		#mainMenu ul li { 
			margin: 0;
			padding: 0;
			height: 35px;
			width: 235px; 
			}
			
			#mainMenu ul li a { 
				height: 35px;
				line-height: 35px;
				width: 215px;
				display: block;
				text-indent: -5000px;
				text-decoration: none;
				outline: none;
				background-repeat: no-repeat;
				background-position: 0 0;
				behavior: url(/scripts/iepngfix.htc);
				cursor: pointer;
				}
				
			#mainMenu ul li.about a { background-image: url(images/menu-about.png); }
			#mainMenu ul li.services a { background-image: url(images/menu-services.png); }
			#mainMenu ul li.staff a { background-image: url(images/menu-staff.png); }
			#mainMenu ul li.pethealth a { background-image: url(images/menu-pethealth.png); }
			#mainMenu ul li.tour a { background-image: url(images/menu-tour.png); }
			#mainMenu ul li.contact a { background-image: url(images/menu-contact.png); }
			#mainMenu ul li.directions a { background-image: url(images/menu-directions.png); }
			
			#mainMenu ul li a:hover { background-position: 0 -35px; }
			
			.page-about #mainMenu ul li.about a,
			.page-services #mainMenu ul li.services a,
			.page-staff #mainMenu ul li.staff a,
			.page-pethealth #mainMenu ul li.pethealth a,
			.page-tour #mainMenu ul li.tour a,
			.page-contact #mainMenu ul li.contact a,
			.page-directions #mainMenu ul li.directions a
				{ background-position: 0 -70px; }
			
	
#footer { 
	display: block;
	clear: both; 
	margin: 60px 0 40px 0;
	}	
	
#footerLeft { 
	width: 680px;
	padding: 0 20px 0 0;
	float: left;
	display: block;
	color: #69C; 
	font-size: 10px;
	line-height: 17px;
	text-align: right;
	}	
	
	#footerLeft a { color: #69C; }
	#footerLeft a:hover { color: #FFF; }
	
	
#footerRight { 
	width: 200px;
	padding: 0;
	float: left;
	display: block;
	}
		
#middleColumn p {
	padding: 0 35px 0 5px;
	margin: 0 0 10px 0;
	}
	
#middleColumn h1 { 
	height: 45px;
	width: 420px;
	display: block;
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0;
	padding: 0;
	line-height: 45px;
	behavior: url(/scripts/iepngfix.htc);
	}
	
	.page-about #middleColumn h1 { background-image: url(images/h1-about.png); }
	.page-services #middleColumn h1 { background-image: url(images/h1-services.png); }
	.page-staff #middleColumn h1 { background-image: url(images/h1-staff.png); }
	.page-pethealth #middleColumn h1 { background-image: url(images/h1-pethealth.png); }
	.page-tour #middleColumn h1 { background-image: url(images/h1-tour.png); }
	.page-contact #middleColumn h1 { background-image: url(images/h1-contact.png); }
	.page-directions #middleColumn h1 { background-image: url(images/h1-directions.png); }
	.page-news #middleColumn h1 { background-image: url(images/h1-news.png); }
	.page-portal #middleColumn h1 { background-image: url(images/h1-petportal.png); }
	
#middleColumn ul { 
	margin: 3px 0 8px 0;
	padding: 0; 
	list-style-type: none; 
	}
	
	#middleColumn ul li { 
		margin: 0;
		padding: 0 25px;
		background: url(images/bullet.gif) no-repeat 10px 7px;
		}
		
#middleColumn strong { 
	font-size: 14px; 
	font-weight: bold;
	color: #FFF;
	}
	
.staffProfile {
	clear: both; 
	width: 430px;
	margin: 0 0 10px 5px;
	border-top: 1px solid #369;
	padding: 10px 0;
	}
	
	.staffProfile .photo { 
		float: left; 
		width: 100px;
		display: block;
		}
		
	.staffProfile .bio { 
		float: left; 
		width: 330px;
		display: block;
		}
		
#middleColumn h2 {
	margin: 0 0 10px 5px;
	padding: 10px 0 0 0;
	width: 430px; 
	color: #FFF;
	border-top: 3px solid #369;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.8em;
	text-transform: uppercase;
	text-align: center;
	}
	
	#middleColumn .first { border-color: #037; }
	
#rightColumn h2 { 
	height: 25px;
	width: 180px;
	display: block;
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0;
	padding: 0;
	line-height: 25px;
	}
	
	.page-about #rightColumn h2 { background-image: url(images/h2-news.gif); }
	.page-staff #rightColumn h2 { background-image: url(images/h2-staff.gif); }
	.page-pethealth #rightColumn h2 { background-image: url(images/h2-topics.gif); }
	.page-portal #rightColumn h2 { background-image: url(images/h2-custinfo.gif); }
	
#rightColumn p { 
	color: #9bd;
	margin: 0 0 10px 0;
	font-size: 11px;
	}
	
#rightColumn .title { 
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	}

#rightColumn ul { 
	margin: 0 0 10px 0;
	padding: 0; 
	list-style-type: none;
	}
	
	#rightColumn ul li { 
		margin: 0;
		padding: 0 12px;
		background: url(images/bullet.gif) no-repeat 0 7px;
		font-size: 11px;
		}
		
	#rightColumn ul li a { 
		text-decoration: none;
		color: #DEF; 
		}
		
	#rightColumn ul li a:hover { 
		color: #FFF; 
		text-decoration: underline;
		}
		
#rightColumn strong { 
	font-size: 12px; 
	font-weight: bold;
	color: #FFF;
	}
	
#gallery {
	padding: 10px;
	text-align: center;
	width: 635px;
	z-index: 999;
	display: block;
	}

	#gallery ul { list-style: none; }

	#gallery ul li { 
		display: inline; 
		background: none;
		margin: 0;
		padding: 0;
		}

	#gallery ul img {
		border: 5px solid #FFF;
		border-width: 5px 5px 20px;
		}
	
	#gallery ul a:hover img {
		border: 5px solid #FD4;
		border-width: 5px 5px 20px;
		color: #fff;
		}
	
	#gallery ul a:hover { color: #fff; }
	
.bar { 
	margin: 5px 0 5px 0;
	border-top: 1px solid #369;
	}
				
p { margin: 0; }
.clear { clear: both; }
a { color: #FFF; cursor: pointer; }
a:hover { color: #DEF; }
img { behavior: url(/scripts/iepngfix.htc); border: 0; }


.customerInfo .title {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	}
	
	.customerInfo .column1 { 
		display: block;
		float: left;
		width: 300px;
		}
		
	.customerInfo .column2 { 
		display: block;
		float: left;
		width: 150px;
		}
		
		
		
		
		
		
/* LANDING PAGE SPECIFIC STYLES */

#middleColumn.landing { 
	position: relative;
	width: 385px;
	margin-left: 40px;
	margin-right: -10px;
	}
	
#rightColumn.landing { 
	position: relative;
	width: 254px;
	width: expression('249px');
	}

#rightColumn.landing p { 
	margin: 0 0 25px 0;
	text-align: center;
	}
	
#image.landing { 
	position: relative;
	margin: -90px -130px 0 130px;
	width: 200px;
	}
	
#rightColumn.landing a.coupon { 
	display: block;
	border: 3px dashed #fff;
	padding: 15px 10px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 15px;
	background: #48c; 
	}

#rightColumn.landing a.coupon strong { 
	font-size: 15px;
	color: #fff;
	}	

#rightColumn.landing a.coupon:hover,
#rightColumn.landing a.coupon:hover strong { background: #26a; color: #fff; }