body{   
	text-align: center;
	Width: 820px;
	Margin: 0 auto;

}

a{
	color: black;

}
img{
	border: 0;
}

p{
	font-size: 1em;
}

h1{
	line-height: 70%;
	color: #cc3333;
}

h2{ 
	margin-top: -15px;
	font-size: 1em;
	color: ffcc00;
	Line-height: 25%;
	text-align: center;
}

h3{
	line-height: 70%;
	color: black;
	font-size: 75%
}

h4{
	Color: #cc3333;
	text-align: center;
	margin-top: -15px;
}

Div#header{
	Height: 188px; width: 820px;
	Margin: 0 auto;
	Background-image: url(Images/header-bg.jpg)
	
}

Div#body{
	Width: 820px; Height: 500px;
	background: #1bb7ea;

}

Div#body h1{

}

Div#body h2{
	margin-top: 5px;
}
 

Div#body-about-us{
	Width: 820px; height: 500px;
	background: #1bb7ea;

}

Div#body-treats{
	Width: 820px; height: 800px;
	background: #1bb7ea;
}

Div#body-treats p{
	font-size: 75%;
}

Div#body-pet-products{
	Width: 820px; height: 750px;
	background: #1bb7ea;
}

Div#body-pet-products p{
	font-size: 75%;
	color: Black;
}

Div#body-pet-products h2{
	font-size: 125%;

}



Div#body-food{
	Width: 820px; height: 1000px;
	background: #1bb7ea;
	text-align: left;
}

Div#body-happy-pets{
	Width: 820px; height: 900px;
	background: #1bb7ea;
	text-align: left;
}

div#be-a-friend{
	margin-top: 50px;

}

Div#body-contact-us{
	Width: 820px; height: 850px;
	background: #1bb7ea;
}

Div#body-contact-us h2{
	font-size: 125%;
	color: black;

}

div#directions{
	font-size: 75%;
	line-height: 50%;
	
}


Div#body-contact-us p{
	font-size: 100%;
	color: black;
	font-weight: none;
	line-height: 25%;
}

Div#body-contact-us a{
	font-size: 100%;
	color: #cc3333;
	line-height: 25%;
}

ul#nav{
	Width: 300 px;
	height: 350px:	
	display: inline;	
	Float: left;
	Margin-top: 20px;
	Margin-left: -30px;
	list-style-image:none;
	list-style-type:none;	
	list-style-position:outside;
	
}

ul#nav-food{
	Width: 300 px;
	height: 350px:	
	display: inline;	
	Float: left;
	Margin-top: 20px;
	Margin-left: -30px;
	list-style-image:none;
	list-style-type:none;	
	list-style-position:outside;
}

ul#nav-happy-pets{
	Width: 300 px;
	height: 350px:	
	display: inline;	
	Float: left;
	Margin-top: 20px;
	Margin-left: -30px;
	list-style-image:none;
	list-style-type:none;	
	list-style-position:outside;
}


div#content{
	width: 520px;
	float: right;
	margin-right: 40px;
	font-family: arial;
}

div#content p {
	margin: 25px;
	font-weight: bold;
	font-size: .75em;
}

div#content-food{
	width: 520px;
	float: right;
	margin-right: 10px;
	font-family: arial;
	margin-left: -15px;
}

div#content-food p {
	margin-top: 10px;
	font-weight: bold;
	font-size: .75em;
}

div#content-happy-pets{
	width: 520px;
	float: right;
	margin-right: 10px;
	font-family: arial;
	margin-left: -15px;
}

div#content-happy-pets p {
	margin-top: 10px;
	font-weight: bold;
	font-size: .75em;
}

div#content-happy-pets h2 {
	margin: 25px;
	font-weight: bold;
	
}



div#products-content-left{
	width: 260px;
	float: left;
	margin-right: 0px;
	font-family: arial;
}

div#products-content-left p {
	margin: 25px;
	font-weight: bold;
	font-size: .75em;
}


div#products-content-right{
	width: 260px;
	float: right;
	margin-right: 0px;
	font-family: arial;
}

div#products-content-right p {
	margin: 25px;
	font-weight: bold;
	font-size: .75em;
}



div#left{
	width: 170px; 
	float: left;
	text-align: center;
	text-decoration: underline;
}


div#center{
	width: 170px;
	float: right;
	text-align: center;
}

div#center-right{
	width: 170px;
	float: right;
	text-align: center;
}

div#right{
	width: 346px; 
	float: right;
	text-align: center;
}

Div#footer{
	width: 820px;
	height: 80px;
	background: #1bb7ea;
	margin-top: -17px;
	padding-top: 10px;	

}
div#footer p{
	color: black;
	font-family: cursive;
	line-height: 50%;
	margin-left: 230px;
	font-size: .75em;
	font-weight: bold;
	
	
}

ul#nav li.home a{
	background: url(Images/site-menu-white.jpg) 0 0 no-repeat;
	width: 220px;
}

#home
{
  display: block;
  width: 220px;
  height: 50px;
  background: url("Images/home.jpg") no-repeat 0 0;

}

#home:hover
{ 
  background-position: 0 -50px;
}

#home span
{
  display: none;
}

#about-us
{
  display: block;
  width: 220px;
  height: 50px;
  background: url("Images/about-us.jpg") no-repeat 0 0;

}

#about-us:hover
{ 
  background-position: 0 -50px;
}

#about-us span
{
  display: none;
}

#Food
{
  display: block;
  width: 220px;
  height: 50px;
  background: url("Images/food.jpg") no-repeat 0 0;

}

#food:hover
{ 
  background-position: 0 -50px;
}

#food span
{
  display: none;
}

#treats
{
  display: block;
  width: 220px;
  height: 50px;
  background: url("Images/treats.jpg") no-repeat 0 0;

}

#treats:hover
{ 
  background-position: 0 -50px;
}

#treats span
{
  display: none;
}

#pet-products
{
  display: block;
  width: 220px;
  height: 50px;
  background: url("Images/pet-products.jpg") no-repeat 0 0;

}

#pet-products:hover
{ 
  background-position: 0 -50px;
}

#pet-products span
{
  display: none;
}

#happy-pets
{
  display: block;
  width: 220px;
  height: 50px;
  background: url("Images/happy-pets.jpg") no-repeat 0 0;

}

#happy-pets:hover
{ 
  background-position: 0 -50px;
}

#happy-pets span
{
  display: none;
}

#contact-us
{
  display: block;
  width: 220px;
  height: 50px;
  background: url("Images/contact-us.jpg") no-repeat 0 0;

}

#contact-us:hover
{ 
  background-position: 0 -50px;
}

#contact-us span
{
  display: none;
}