﻿/* Stylin' Pets Stylesheet*/
/* design by Jacob Bottelberghe (http://sheeshna.com) */
/*-------------------------------------------------------global-------------------------------------------------------*/
body {
	background-color: #D6CAA5;
}
div#container {
	background-color: white;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px;	
}
div#header {
	text-align: center;
}
div#nav {
	width: 960px;
	margin-left: auto;
	margin-right: auto; 
	border-bottom: solid 1px #aaa;
	text-align: center;
}

div#nav img {
	margin: 15px;
}
div#content {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
div#footer {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 80%;
	clear: left;
	color: #959595;
	border-top: solid black 1px;
	padding-top: 10px;
}
/* a:link {text-decoration: underline; color: #336b86;} */
a:link {text-decoration: underline; color: maroon; }
a:visited {text-decoration: underline; color: #336b86; }
a:active {text-decoration: underline; color: #336b86; }
a:hover {text-decoration: none; color: black; }
#footer span a { 
	color: #959595; text-decoration: none;
}
img { 
	border-style: none; 
}
/*-------------------------------------------------------index-------------------------------------------------------*/
div.box {
	width: 300px;
	border: solid 1px;
	margin: 10px;
	background-color: #d6caa5;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.boxfront {
	width: 500px;
	border: solid 1px;
	margin: 10px;
	background-color: #ebe1c2;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


.box h3 {
	background-color: #798553;	
	border-bottom: solid 1px;
	margin: 0;
	font-size: 95%;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;	
	color: #d6caa5;
	border-color: black;
}
.boxfront h3 {
	background-color: #798466;	
	border-bottom: solid 1px;
	margin: 0;
	font-size: 95%;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;	
	color: #ebe1c2;
	border-color: black;
}

p.address {
	.padding-bottom: 10px;
}

div.center {
	text-align: center;
	margin:0;
}
.center p {
	margin: 0;
}
div#testimonial {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	border: dotted 1px #333;
	font-size: 90%;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}
div#testimonial p {
	text-align: right;
	margin: 0;
	margin-bottom: 5px;
}
h3 {
	font-size: 120%;
	margin:0;
	text-align: center;
}
p {
	text-align: center;
}
p#mission {
	margin-bottom: 30px;
}
/*-------------------------------------------------------services-------------------------------------------------------*/
div.service {
	float: left;
	width: 300px;
	border: solid 1px;
	margin: 10px;
	background-color: #ebe1c2;
}
div.service1 {
	float: left;
	width: 300px;
	border: solid 1px;
	margin: 10px;
	margin-left: 25px;
	.margin-left: 12px;
	background-color: #ebe1c2;
	}
.service h3 {
	background-color: #798466;
	border-bottom: solid 1px;
	margin: 0;
	font-size: 95%;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;	
	color: white;
	border-color: black;
}
.service1 h3 {
	background-color: #798466;
	border-bottom: solid 1px;
	margin: 0;
	font-size: 95%;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;	
	color: white;
	border-color: black;
}
.title {
	text-align: center;
	color: #292929;	
}
div#servicestext {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding-bottom: 20px;
	padding-left: 290px;
	background-image: url('img/sch2.jpg');
	background-repeat: no-repeat;
}
p.service {
	text-align: left; 
}
/*-------------------------------------------------------products-------------------------------------------------------*/
div.product {
	float: left;
	width: 300px;
	border: solid 1px;
	margin: 10px;
	background-color: #ebe1c2;
}
.product h3 {
	background-color: #798466;	
	border-bottom: solid 1px;
	margin: 0;
	font-size: 95%;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;	
	color: white;
	border-color: black;
}
.title {
	text-align: center;
	color: #292929;	
}
div#images {
	width: 970px;
	margin-left:auto;
	margin-right: auto;
}
#images img { 
	padding: 0; 
	margin: 0; 
}
div#products {
	width: 660px;
	margin-left: auto;
	margin-right: auto;
}
/*-------------------------------------------------------food&treats-------------------------------------------------------*/
/* uses products information */
/*------------------------------------------------------meet the groomers------------------------------------------------*/
div#groomers {
	width: 947px;
	.width: 965px;
	margin-left: auto;
	margin-right: auto;
}
div.groomer {
	float: left;
	width: 300px;
	margin-left: 10px;
	background-color: #ebe1c2;
	border: solid 1px;
	margin-bottom: 5px;
}
h3.name {
	text-align: center;
	background-color: #798466;
	color: white;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 95%;
	letter-spacing: 1px;	
	border-bottom: solid 1px;
}
p.gpara {
	margin: 20px;
	text-align: left;
}
ul.gepxl {
	margin: 0;
	padding:0;
	list-style-type: none;
	border-bottom: solid 1px;
}

table.special {
}
table.special td {
	padding: 15px;
	border-bottom: dotted 1px #a7c5e0;
}
table.special td.top {
	border-top: dotted 1px #a7c5e0;
}
table.special tr {
}


div.special { 
	padding-top: 45px;
	background-image: url('img/h4back.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 480px;
	margin: 0 auto;
	border: solid 1px #a7c5e0;
}
