body {

	font-family:		Verdana, Helvetica, Arial, sans-serif;
	font-size: 			20px;
	color:				#666;
	line-height:		1.75em;
	border-style: none;
	border: none;
	height: auto;
	font-weight: normal;
}
@media (max-width: 1200px){
body {
	font-size: 19px;
	color: #666;
}
}
@media (max-width: 1080px){
body {
	font-size: 15px;
	line-height: 1.5em;
}
}
@media (max-width: 860px){
body {
	font-size: 16px;
	line-height: 1.5em;
}
}
@media (max-width: 428px){
body {
	font-size: 16px;
}
}
@media (max-width: 1920px){
#allcontent{
	max-width: auto;
	 margin: 0 auto;
}
}
@media (max-width: 1200px){
#allcontent{
	align-content: center;
	max-width: auto;
	
}
}
@media (max-width: 1080px)
#allcontent{
	background-repeat: no-repeat;
	width:		   		auto;
	height:				auto;
	margin-left:		auto;
	margin-right:		auto;
	max-width: auto;
	margin: 0 auto;
}


#navcontainer{

	font-family: 		Verdana, Helvetica, Arial, sans-serif;
	margin-top: ;
	margin-bottom: 		20px;
	width: auto;
	border: none;
}

@media (max-width: 412px){
#navcontainer{
	margin-bottom: 0;
} 
}

#navlist
{
	width: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0;
  text-indent: 0;
	list-style-type: none;
	
}

#navlist li
{
	padding:10px 10px 10px 10px;
	margin: 0;
	text-indent: 0;
	display: inline;
	color: #AFD2DD;
}

#navlist li a {
	
	letter-spacing: 1px;
	text-decoration: none;
	color: #AFD2DD;
	font-weight: bold;
	font-size: 1em;
	padding-right: .2em;
	padding-left: .2em;
	

}
#navlist a#current
{
	color: #DBBEBB; 
	border-top: none;
	/*font-size: 1.25em;*/
	font-weight: bold;
}


#navlist a#hover
{
	color: #DBBEBB; 
	border-top: none;
	/*font-size: 1.25em;*/
	font-weight: bold;	
}


	@media (max-width: 1920px)
	#maincontent{
		width: 1400px;


	}
#maincontent{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	
}

	#imageandcopy{
		align-content: center;
	}
	
	#copy{
	
	height:				auto;
	width: auto;
	padding:		100px 80px 10px 50px;
	font-family: Verdana, Helvetica, Arial, sans-serif;	
	border-top:none;	
	border-right: none;
	border-left: none;
	border-bottom: 20px;
	margin-left: 50px;
	max-width: 1400px;
}
@media (max-width: 1200px) {
	#copy{
	padding: 125px 80px 10px 10px;
	max-width: 1000px;
	}	
	}

@media (max-width: 1024px) {
	#copy{
	padding:		100px 80px 40px 10px;
	margin-left: 0;
	}	
	}
@media (max-width: 910px) {
	#copy{
	padding:		60px 20px 20px 0;

	}	
	}
		
	@media (max-width: 810px) {
	#copy{
	padding:		50px 30px 30px 10px;

	}	
	}
		@media (max-width: 768px) {
	#copy{
padding: 30px 50px;
}
}
@media (max-width: 680px) {
	#copy {

		float: left;
	}
}

#groomingcopy a:link {
	color:#AFD2DD;
	font-weight: bold;
}


#homeimage {
	background-image: url(images/RedDoodleLg.png);
	background-repeat: no-repeat;

	float: 				left;
	width:				500px;
	height: 800px;
	/*max-width: 500px;
	max-height: 800px;*/
	margin-top: 		auto;
	margin-right: 		50px;
	margin-bottom: 		0;
	margin-left:		50px;
	}
	/
	@media (max-width: 1080px){
	#homeimage {
		background-image: url(images/RedDoodleLg.png);	
		margin-left: 40px;
	}
}
@media (max-width: 910px){
	#homeimage {
		margin-right: 30px;
		margin-left: 30px;
	}
}

		@media (max-width: 810px){
	#homeimage {
		background-image: url(images/RedDoodleSm.png);	
		width:375px;
		height: 575px;
		margin: 80px 80px 0 30px;
	
	}
}		@media (max-width: 768px){
	#homeimage {

	float:left;
	background-image: url(images/RedDoodleSm.png);	
	width: 375px;
	height: 575px;
	margin: 50px 25px 0 25px;
}
	}
	@media (max-width: 480px){
	#homeimage {
		margin: 20px 25px 0 15px;
	}
}
@media (max-width: 420px){
	#homeimage {
		margin-left: 5px;
		margin-top: 15px;
	}
}
#appointmentholiday{
	padding:			0px 40px 0px 40px;
	margin-left:40px;
	margin-right:40px;
	/*width: 700px;*/
}

#appointmentcontent{
height:				auto;
	width: auto;
	font-family: Verdana, Helvetica, Arial, sans-serif;	
	border-top:none;	
	border-right: none;
	border-left: none;
	border-bottom: 20px;
	max-width: 1000px;
margin: 40px;
}
#appointmentcontent a:link {
	color:#AFD2DD;
	font-weight: bold;
}
@media (max-width: 768px){
	#appointmentcontent{
		margin-left: 30px;
		margin-top: 20px;
	}
}
@media (max-width: 480px){
	#appointmentcontent{
		margin: 10px 0;
	}
}
#appointmentcopy{
	padding:			40px 40px 40px 40px;

	font-family: Verdana, Helvetica, Arial, sans-serif;	
	}
@media (max-width: 480px){
	#appointmentcopy{
padding: 30px 30px 10px 30px;
}

}
table {
  margin-left: 40px;
  /*margin-bottom:	30px;	*/
  margin-right: 40px;
  padding: 10px;
  background: none;
  float:  left;
}

#form{

}

@media (max-width: 768px){
	table{
		margin:0;
	}
}
@media (max-width: 480px){
	table{
		scale: 85%;
		margin-left:0;
		margin-bottom: 0;
	}
}
th {
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
	padding-top: 2px;
}

td {
  vertical-align: top;
  padding-bottom: 5px;
}

table table {
  border: none;
  padding: 0px;
}

table table td {
  text-align: right;
  padding-bottom: 10px;
  }

#request{
	margin: 10px 0px 20px 40px;
	border:			none;
	float:		left;
	color: #AFD2DD;
	}

#groomingcontent{

	font-family: Verdana, Helvetica, Arial, sans-serif;

}
	
	#groomingimage {
	background-image: url(images/9950-Michael-BeardieLg.jpg);
	background-repeat: no-repeat;
	float: left;
	width:	400px;
	height: 560px;
	border-radius: 		1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	/* Add drop shadow effect */
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 	3px 3px 3px rgba(0,0,0, .4);
	box-shadow: 	3px 3px 3px rgba(0,0,0, .4);
	background-color: 	#FFF;
	margin: 150px 75px 50px 150px;
	
	}
@media (max-width: 1200px){
	#groomingimage {
		margin:120px 75px 50px 75px;
	}
}
@media (max-width: 1080px){
	#groomingimage {
		margin: 100px 50px 50px 50px;
	}
}
@media (max-width: 910px){
	#groomingimage {
	margin: 100px 50px 50px 50px;
}
}
@media (max-width: 768px){
	#groomingimage {
		background-image: url(images/9950-Michael-BeardieLg.jpg);	
			width:400px;
	height: 560px;
	/*margin: 80px 50px 50px 50px;*/



}
}

@media (max-width: 480px){
	#groomingimage {
	background-image: url(images/9950-Michael-Beardie.jpg);	
	width:300px;
	height: 420px;
	margin:50px 0 50px 70px;
	}
}
@media (max-width: 420px){
	#groomingimage {
		margin-left:40px;
	}
}
	#groomingcopy {
	margin-top:50px;
	margin-right: 30px;
	margin-left:30px;
	margin-bottom: 30px;
	}
	/
/*#contactimage{
	background-image: 	url(images/5348-GROUP.jpg);
 float: 				left;
	height:				340px;
	
	width:				282px;
	margin: 100px 75px 50px 150px;

	border-radius: 		1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;*/
	/* Add drop shadow effect */
 /*   -webkit-box-shadow: 3px 3px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 	3px 3px 3px rgba(0,0,0, .4);
	box-shadow: 	3px 3px 3px rgba(0,0,0, .4);
	background-color: 	#FFF;
	}*/
	


#gallerycontent{
	width: auto;
	height:				auto;
	margin-left:		auto;
	margin-right:		auto;
/*align-content: center;*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin-top: 30px;

}

@media (max-width: 768px){
	#gallerycontent{
/*margin: 0 10px 0 0;*/
}
}
@media (max-width: 480px){
	#gallerycontent{

}
}
.gallerynote {
	/*float: left;*/
	clear: left;
}
/*#subcontent{
	width:				520px;
	margin-bottom:      70px;
	}
	*/
#contactcopy{
	float:				left;
	height:				auto;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 30px 40px;
	width: auto;
	height: auto;
	padding:		50px 40px 10px 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;	
	border-top:none;	
	border-right: none;
	border-left: none;
	border-bottom: 20px;
	margin-left: 50px;
	/*max-width: 1400px;*/
}
#contactcopy a:link {
	color:#AFD2DD;
	font-weight: bold;
}

#hours {
	font-size:10px;
	padding:		60px 0px 0px 25px;
	height: auto;
	/*width:		185px;*/
	/*float: right;*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
#map{
	float: left;
	height: auto;
	width: auto;
	/*margin-left:  80px;*/
	font-family: Verdana, Helvetica, Arial, sans-serif;	
	
	}
	
#bottomcontent{
	background-color: #AFD2DD;
	height: 250px;
	width: auto;
	border-top-color: #DBBEBB;
	border-top-style: solid;
	border-radius: 0 0 1.5ex 1.5ex;
	-webkit-border-radius: 0 0 1.5ex 1.5ex;
	-moz-border-radius: 0 0 1.5ex 1.5ex;
text-align: center;
	margin:				0px -10px;	
	clear:				left;
}


#navbar_bottom{
	background-color: #AFD2DD;
	font-size: 			12px;
	text-align:			center;
	width:	auto;
	height: auto;
	clear:				left;
	padding:			0;

}

#social{
	height:auto;
	width: auto;
}
	
#footer{

	font-size: 			small;
	text-align:			center;
}

	a link{
		color:#AFD2DD;
	font-weight: bold;
	}

	
.navbar_bottom li{
	display: inline;
		
	
	}

h1,h2,h3{
	font-family: 		Helvetica, Verdana, Arial, sans-serif;

	line-height:		1.1em;	
}
h1{
	font-size: 			16px;
	letter-spacing:		0.2em;
	line-height:			1.25em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}
h2{
	color:				#FFF;
	font-size: 			13px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}
h3{
	font-size:			12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}
#navbar_bottom  a:link {
	color: white;
	text-decoration: none;	
}
#navbar_bottom a:visited {
	
	color: white;
	text-decoration: none;
}
#navbar_bottom a:hover {
	text-decoration: none;
	color: white;
}
/*a:link {
	text-decoration: none;
	
	color: white;
	}*/


a img{
	border: none;
}
	
	
.paragraphhead {
	color: #AFD2DD;
	font-family: Verdana, Helvetica, Arial, sans-serif;	
	font-weight: bold;
}
.note{
	font-size:10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
.gallerynote{
	font-size:10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin-left: 20px;
}
	
#hoverbox{	
	 display: block;
  margin-left: auto;
  margin-right: auto;
	/*width:545px;*/
	



}


/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 75px;
	height: 100px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

.hoverbox .preview
{
	border-color: #000;
	width: auto;
	height: auto;
}