A:visited {text-decoration: none;color:#b0d08c;}
A:link {text-decoration: none;color:#b0d08c;}
A:active {text-decoration: none;color:#b0d08c;}

div#nav{font-family: Comic Sans MS;}
body{background-color: #211102;
	 background-image: url(gradient.jpg);
}

	 
img#bgimage {
		border:0px; 
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
		
#navmenuleft{
		list-style-type: none;
 		margin-right: auto;
		margin-left: 50px;
		padding:0px;
		text-align:center;
		} 
#navmenuright{
		list-style-type: none;
 		margin-left: auto;
		margin-right: 50px;
		padding:0px;
		text-align:center;
		} 
.servicelist
		{
		list-style-type:circle;
		font-size:12px;
		text-align:left;
		font-weight:400;
		padding:0px;
		}
.pricelist
		{
		list-style:circle;
		font-size:12px;
		font-weight:400;
		text-align:left;
		padding:0px;
		}

#specialslist
		{
		list-style:none;
		font-size:12px;
		text-align:left;
		padding:0px;
		margin: 0;
		}

#maintext
		{
		text-align:center;
		margin:0 auto;
		color: #00000;
		font-weight: bold; 
		font-size:15px;
		color: #00000;
		position:relative;top:35px; 
		width: 485px;
		height:600px;
		}
#bodytext
		{
		font-size:13px;
		width:485px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		top:5px;
		text-align:left;
		}
#aboutus
		{
		margin-left: auto;
		margin-right: auto;
		color: #00000;
		font-size:13px;
		color: #00000;
		width:485px;
		text-align:left;
		position:relative;
		top:20px;
		}
#services
		{
		width:485px;
		margin:0 auto;
		}
#specials
		{
		width:485px;
		margin:0 auto;		
		}
#contactus
		{
		width:485px;
		margin:0 auto;		
		}
#furminator
		{
		width:485px;
		margin:0 auto;	
		}
#products
		{
		width:485px;
		margin:0 auto;
		}
#prices
		{
		width:485px;
		margin:0 auto;
		}
#oursalon
		{
		width:485px;
		margin:0 auto;		
		}
div.sidecol 
		{
		width:173px;
		position: absolute;
		}
#outerwrapper
		{
		width:1097px;
		margin-left:auto;
		margin-right:auto;
		margin: 0 auto;
		position: relative;
		height:825px;
		}
#leftcol
		{
		float:left;
		left:0px;
		height:825px;
		}
#rightcol
		{
		position:absolute;
		float:right;
		right:0px;
		height:825px;
		}
#midcolumn
		{
		margin-left:auto;
		margin-right:auto;
		width:751px;
		height:825px;

		background:url(test2.jpg);
		}
#halfpic
		{
		position:absolute;
		top: 518px;
		}
#groomcats
		{
		position:absolute;
		left:380px;
		top:670px;
		height:25px;
		width:250px;
		}
#navimage
		{
		padding-bottom:5px;
		}
#pets
		{
		position:relative;
		top:50px;
		width:700x;
		height:100px;
		}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

	.pets{
	position: relative;
	height:100px;
	height:260px;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	}
	
	.thumbnail img{
	border: 1px solid white;
	margin: 0 5px 5px 0;
	}
	
	.thumbnail:hover{
	background-color: transparent;
	}
	
	.thumbnail:hover img{
	border: 1px solid blue;
	}
	
	.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}
	
	.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	}
	
	.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: -300px;
	left: -350px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	}
	
	
	
	.thumbnailpets img{
	border: 1px solid white;
	margin: 0 5px 5px 0;
	}
	
	.thumbnailpets:hover{
	background-color: transparent;
	}
	
	.thumbnailpets:hover img{
	border: 1px solid blue;
	}
	
	.thumbnailpets span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}
	
	.thumbnailpets span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	}
	.thumbnailpets:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: -470px;
	left: 50px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	}
