/*#######################################################
/*#######################################################
/*### Club Pet Version 1 | CSS by vdagostino
/*#######################################################
/*#######################################################*/

html { 
	height: 100%; 
	margin-bottom: 0px; 
	}
body {
	background: #DDD617 url(../img/clubpet_bg.gif) top center repeat-x;
	font-family: arial;
	font-size: 12px;
	margin: 0px auto;
	min-width: 768px;
	max-width: 1260px;
	padding: 0px 0px 0px 0px;
	width: 99%;	
	}	
h1, h2, h3, p, form, input, blockquote, span, ul, ol, li, table, img, dl, dt, dd  {
	margin: 0px;
	padding: 0px;
	}
a {
	border-bottom: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	}
a:hover {
	border-bottom: 1px solid #ccc;
	color: #fff;
	text-decoration: none;
	}
.clear {
	clear: both;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	}
hr {
	display: none;
	}
	
	
	
	
	
.header {
	margin: 0px auto;
	padding: 0px;
	width: 780px;
	}	
.header .logo {
	display:none;
	}
.header h1 {
	display: block;
	background: url(../img/clubpet_logo.gif) bottom no-repeat;
	text-indent: -100000px;
	font-size: 1px;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	width: 309px;
	height: 63px;
	float: left;
	}
.header a.logo {
	display: block;
	background: url(../img/clubpet_logo.gif) bottom no-repeat;
	text-indent: -100000px;
	font-size: 1px;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	width: 309px;
	height: 63px;
	float: left;
	border:0px;
	}
.header ul {
	list-style: none;
	float: right;
	padding: 6px 0px 0px 0px;
	margin: 0px;
	}
.header ul li {
	float: left;
	background: url(../img/nav_paw.gif) right no-repeat;
	padding: 0px 35px 0px 0px;
	}
.header ul li.none {
	float: left;
	padding: 0px 0px 0px 0px;
	}
.header ul li a {
	text-indent:-10000px;
	font-size: 1px;
	display: block;
	padding: 0px 0px 0px 0px;
	}
.header ul li a.nav-aboutus {
	display: block;
	background: url(../img/nav_sprite_rev.gif) no-repeat;
	background-position: -7px 0px;
	width: 63px;
	height: 29px;
	border: 0px;	
	}
.header ul li a.nav-aboutus:hover {
	display: block;
	background: #fff url(../img/nav_sprite_rev.gif) no-repeat;
	background-position: -7px -29px;
	width: 63px;
	height: 29px;
	border: 0px;
	}
.header ul li a.nav-services {
	display: block;
	background: url(../img/nav_sprite_rev.gif) no-repeat;
	background-position: -105px 0px;
	width: 52px;
	height: 29px;
	border: 0px;
	}
.header ul li a.nav-services:hover {
	display: block;
	background: #fff url(../img/nav_sprite_rev.gif) no-repeat;
	background-position: -105px -29px;
	width: 52px;
	height: 29px;
	border: 0px;
	}
.header ul li a.nav-testimonials {
	display: block;
	background: #fff url(../img/nav_sprite_rev.gif) no-repeat;
	background-position: -191px 0px;
	width: 83px;
	height: 29px;
	border: 0px;
	}
.header ul li a.nav-testimonials:hover {
	display: block;
	background: #fff url(../img/nav_sprite_rev.gif) no-repeat;
	background-position: -191px -29px;
	width: 83px;
	height: 29px;
	border: 0px;
	}
.header ul li a.nav-photos {
	display: block;
	background: url(../img/nav_sprite_rev.gif) no-repeat;
	background-position: -308px 0px;
	width: 46px;
	height: 29px;
	border: 0px;
	}
.header ul li a.nav-photos:hover {
	display: block;
	background: #url(../img/nav_sprite_rev.gif) no-repeat;
	background-position: -308px -29px;
	width: 46px;
	height: 29px;
	border: 0px;
	}	
.header ul li a.nav-contactus {
	display: block;
	background: url(../img/nav_sprite_rev.gif) no-repeat;
	background-position: -388px 0px;
	width: 72px;
	height: 29px;
	border: 0px;
	}
.header ul li a.nav-contactus:hover {
	display: block;
	background: #url(../img/nav_sprite_rev.gif) no-repeat;
	background-position: -388px -29px;
	width: 72px;
	height: 29px;
	border: 0px;
	}
.header p.home {
	clear: left;
	text-indent: -10000px;
	font-size: 1px;
	width: 154px;
	height: 54px;
	background: url(../img/hd_home.gif) no-repeat bottom;
	margin: 0px;
	padding: 40px 0px 0px 45px;
	}
.header p.aboutus {
	clear: left;
	text-indent: -10000px;
	font-size: 1px;
	width: 168px;
	height: 54px;
	background: url(../img/hd_aboutus.gif) no-repeat bottom;
	margin: 0px;
	padding: 40px 0px 0px 45px;
	}
.header p.services {
	clear: left;
	text-indent: -10000px;
	font-size: 1px;
	width: 175px;
	height: 54px;
	background: url(../img/hd_services.gif) no-repeat bottom;
	margin: 0px;
	padding: 40px 0px 0px 45px;
	}
.header p.testimonials {
	clear: left;
	text-indent: -10000px;
	font-size: 1px;
	width: 183px;
	height: 54px;
	background: url(../img/hd_testimonials.gif) no-repeat bottom;
	margin: 0px;
	padding: 40px 0px 0px 45px;
	}	
.header p.photos {
	clear: left;
	text-indent: -10000px;
	font-size: 1px;
	width: 175px;
	height: 54px;
	background: url(../img/hd_photos.gif) no-repeat bottom;
	margin: 0px;
	padding: 40px 0px 0px 45px;
	}		
.header p.contactus {
	clear: left;
	text-indent: -10000px;
	font-size: 1px;
	width: 175px;
	height: 54px;
	background: url(../img/hd_contactus.gif) no-repeat bottom;
	margin: 0px;
	padding: 40px 0px 0px 45px;
	}		
.content {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background: #F3F1A4 url(../img/content_bg.gif) top center no-repeat;
	width: 779px;
	}
	

.col-left {
	margin: 37px 0px 0px 0px;
	padding: 5px 25px 0px 25px;
	width: 416px;
	height: 511px;
	float: left;
	position: relative;
	}	
.col-left-noheight {
	margin: 0px 0px 0px 0px;
	padding: 37px 25px 0px 25px;
	position: relative;
	}	
.col-left-noheight h2 {
	text-indent: -100000px;
	font-size: 1px;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	background: url(../img/hd_tag_rev.gif) no-repeat;
	height: 68px;
	width: 416px;
	}
.col-left p, .col-left-noheight p {
	font-size: 15px;
	line-height: 26px;
	padding: 0px 0px 25px 0px;
	margin: 0px;
	}
.col-left-noheight ul {
	list-style: none;
	}
.col-left-noheight ul li {
	font-size: 14px;
	padding: 0px 0px 17px 30px;
	background: url(../img/ico_paw.gif) no-repeat;
	}
.col-left-noheight p.quote {
	display: block;
	position: relative;
	top: 25px;
	text-indent: -10000px;
	font-size: 1px;
	padding: 4px 0px 0px 0px;
	margin: 0px;
	width: 371px;
	height: 73px;
	background: url(../img/hd_quote.gif) no-repeat bottom;
	}
	

.col-left-noheight blockquote {
	font-family: Georgia, serif;
	font-style: italic;
	line-height: 16px;
	font-size: 14px;
	color: #3F3D13;
	padding: 0px 0px 30px 30px;
	width: 660px;
	background: url(../img/quote.gif) no-repeat;
	background-position: 0px 3px;
	}	
.col-left-noheight blockquote.from {
	font-family: Georgia, serif;
	font-style: italic;
	line-height: 16px;
	font-size: 14px;
	width: 380px;
	color: #3F3D13;
	padding: 0px 0px 0px 30px;
	background: url(../img/quote.gif) no-repeat;
	background-position: 0px 3px;
	}		
.col-left-noheight blockquote p {
	margin: 0px;
	padding: 0px;	
	line-height: 23px;
	}		
.col-left-noheight p.from {
	font-size: 11px;
	text-align: right;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	line-height: 16px;
	width: 380px;
	color: #666;
	}

.col-left-noheight form p {
	margin: 0px;
	padding: 0px 0px 21px 0px;
	line-height: 33px;
	}
	
.col-left-noheight form input.input {
	padding: 3px;
	border: none;
	font-size: 15px;
	padding: 12px 8px 8px 8px;;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 400px;
	background: #fff url(../img/input_bg.gif) repeat-x;
	}
.col-left-noheight form .textbox {
	padding: 3px;
	border: none;
	font-size: 15px;
	padding: 12px 8px 8px 8px;;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 400px;
	background: #fff url(../img/input_bg.gif) repeat-x;
	}	
.col-left-noheight form .submit {
	padding: 3px;
	border: none;
	font-size: 13px;
	padding: 12px 8px 8px 8px;;
	border-radius: 5px;
	margin: 12px 0px 0px 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #02418B;
	color: #fff;
	font-weight: bold;
	width: 280px;
	}	
.col-left-noheight form .required {
	color: #ff0000;
	padding: 0px 0px 0px 250px;
	}

.col-left-noheight .validation-error {
	color: #ff0000;
	font-weight: bold;
	background: #E3DC1D;
	padding: 15px;
	margin: 0px 0px 15px 0px;
	width: 260px;
	}
.col-left-noheight .confirmation {
	color: #fff;
	font-weight: bold;
	background: #0086C8;
	padding: 15px;
	margin: 0px 0px 15px 0px;
	width: 370px;
	line-height: 23px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
.col-left-noheight .highlight {
	font-weight: bold;
	color: #5B4E0F;
	background: #E2D843;
	}

	p.rainbowbridge {
		margin: 0px 0px 0px 0px;
		padding: 25px 0px 15px 0px;
		background: url(../img/rainbow_bridge.gif) left no-repeat;
		height: 48px;
		font-weight: bold;
		font-size: 11px;
		text-align: center;
		}
	
	
.col-left-noheight .highlight2 {
	font-weight: bold;
	color: #F50C11;
	background: #EACCCC;
	}	
strong.type {
	color: #5A1C03;
	}
strong.specialties {
	font-family: georgia, times new roman;
	font-size: 18px;
	}

span.canine {
	display: block;
	width: 80px;
	background: url(../img/animals_sprite.gif) no-repeat;
	height: 75px;
	padding: 0px 20px 0px 0px;
	float: left;
	}	
span.feline {
	display: block;
	width: 80px;
	background: url(../img/animals_sprite.gif) no-repeat;
	background-position: 0px -67px;
	height: 75px;
	padding: 0px 20px 0px 0px;
	float: left;
	}	
span.bird {
	display: block;
	width: 80px;
	background: url(../img/animals_sprite.gif) no-repeat;
	background-position: 0px -143px;
	height: 60px;
	padding: 0px 20px 0px 0px;
	float: left;
	}	
span.horse {
	display: block;
	width: 80px;
	background: url(../img/animals_sprite.gif) no-repeat;
	background-position: 0px -198px;
	height: 75px;
	padding: 0px 20px 0px 0px;
	float: left;
	}		
span.house {
	display: block;
	width: 80px;
	background: url(../img/animals_sprite.gif) no-repeat;
	background-position: 0px -265px;
	height: 75px;
	padding: 0px 20px 0px 0px;
	float: left;
	}	
.col-right {
	position: relative;
	padding: 15px 0px 0px 0px;
	margin: 37px 0px 0px 0px;
	float: right;
	width: 300px;
	height: 500px;
	}	
.col-right .doginchair {
	display: block;
	font-size: 1px;
	width: 280px;
	height: 293px;
	position: absolute;
	background: url(../img/doginachair.jpg) bottom no-repeat;
	top: -127px;
	left: 20px;
	margin: 0px;
	padding: 0px;
	z-index: 1;
	}	
.col-right .reservations {
	background: #D6DE8A;
	position: relative;
	top: 151px;
	margin: 0px 0px 0px 0px;
	width: 267px;
	height: 335px;
	text-align: center;
	padding: 0px;
	z-index: 3;
	}
.col-right .reservations h3 {
	display: block;
	text-indent: -10000px;
	font-size: 1px;
	padding: 15px 0px 0px 0px;
	margin: 0px auto;
	background: url(../img/res_accept.gif) bottom no-repeat;
	width: 214px;
	height: 46px;
	}
.col-right .reservations p {
	line-height: 27px;
	padding: 30px 15px 0px 15px;
	color: #3D4508;
	}
.col-right .reservations p a {
	color: #666;
	border: 0px;
	}
.col-right .res-shadow {
	display: block;
	position: relative;
	top: 151px;
	width: 267px;
	height: 13px;
	background: url(../img/res_shadow.gif) no-repeat;
	}
.content span.left {
	display: block;
	font-size: 0px;
	height: 17px;
	width: 30px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../img/content_corners.gif) bottom left no-repeat;
	}
.content span.right {
	display: block;
	font-size: 0px;
	height: 17px;
	width: 30px;
	margin: 0px;
	padding: 0px;
	float: right;
	background: url(../img/content_corners.gif) bottom right no-repeat;
	}

.content .petimg {	
	float: left;
	display: block;
	margin: 0px 15px 15px 0px;
	padding: 0px;
	height: 150px;
	border: 0px solid #ccc;
	}

.petimg a {
	display: block;
	margin: 0px;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
	border-bottom: 0px;
	background: #fff;
	padding: 7px;
	width: 100px;
	}	
.petimg a:hover {
	display: block;
	margin: 0px;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
	border-bottom: 0px;
	background: #fff;
	padding: 7px;
	width: 100px;
	}	
.petimg img {
	border: 1px solid #eaeaea;
	}
	
.petimg	h4 {
	margin: 0px;
	padding: 0px 0px 6px 0px;
	background: #fff;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	font-size: 11px;
	font-weight: normal;
	font-family: georgia;
	text-align: center;
	color: #333;
	letter-spacing: -1px;
	}
.petimg .pshadow {
	display: block;
	width: 114px;
	height: 17px;
	background: url(../img/photoshadow.jpg) no-repeat;
	background-position: -1px 0px;
	}
ul.footer {
	margin: 0px auto;
	padding: 0px;
	list-style: none;
	width: 780px;
	}
ul.footer  li {
	float: left;
	padding: 25px 45px 30px 0px;
	}
ul.footer li a {
	color: #6B6810;
	border: 0px;
	font-size: 13px;
	}