body {
  background: url(pageimages/background.jpg) 50% -0% no-repeat;
}


#logo h1 {
  float:left;
  display:block;
  
  text-indent:-2000px;
  margin: 0;
}

#container {
  position: absolute;
  left: 50%;
  margin-left: -471px;
  top: 0px;
  width: 942px;
  height: 998px;
  z-index: 2;
}

/* You named this layer \{ */
#homebracket {
  position: absolute;
  left: 128px;
  top: 115px;
  width: 8px;
  height: 23px;
  z-index: 3;
}

#gallerybracket {
  position: absolute;
  left: 208px;
  top: 115px;
  width: 8px;
  height: 23px;
  z-index: 3;
}

#pricingbracket {
  position: absolute;
  left: 311px;
  top: 115px;
  width: 8px;
  height: 23px;
  z-index: 3;
}

#sessionsbracket {
  position: absolute;
  left: 410px;
  top: 115px;
  width: 8px;
  height: 23px;
  z-index: 3;
}

#contactbracket {
  position: absolute;
  left: 528px;
  top: 115px;
  width: 8px;
  height: 23px;
  z-index: 3;
}
/* You named this layer home_link */
#navhome {
  position: absolute;
  left: 140px;
  top: 121px;
  width: 51px;
  height: 13px;
  z-index: 4;
}

/* You named this layer gallery_link */
#navgallery {
  position: absolute;
  left: 220px;
  top: 121px;
  width: 81px;
  height: 13px;
  z-index: 5;
}

/* You named this layer pricing_link */
#navpricing {
  position: absolute;
  left: 323px;
  top: 121px;
  width: 74px;
  height: 13px;
  z-index: 6;
}

/* You named this layer sessions_link */
#navsessions {
  position: absolute;
  left: 421px;
  top: 121px;
  width: 88px;
  height: 13px;
  z-index: 7;
}

/* You named this layer contact_link */
#navcontact{
  position: absolute;
  left: 540px;
  top: 121px;
  width: 88px;
  height: 13px;
  z-index: 8;
}

/* You named this layer messageboard_text */
#messagediv {
  background: url(pageimages/yellowpage.png) 50% -0% no-repeat;
  left:50%;
  margin-left: -450px;
  position: absolute;
  /*background-color: #f0f;*/
  top: 200px;
  width: 440px;
  height: 690px;
  z-index: 9;

  /* Here are some suggestions for this area's text settings */
  text-align: center;
  /* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: bold;
  color: #000000;
}
#seniortag {
margin-top:20px;

}
#seniorpricing {
 margin-left:1px;
 margin-top:40px;
 
  
}


#gallerydiv {
position: absolute;
height:460px;
left:450px;
top:210px;
width:490px;
  }

  
#tagdiv {
background: url(pageimages/hangtag.png) 50% -0% no-repeat;
position: absolute;
height:230px;
left:450px;
top:670px;
width:490px;
  }

#tagdiv img {
margin-left:15%;
margin-top:13%;

}


#image1div {
  background-color: #000;
  position: absolute;
  left: 50%;
  margin-left: -170px;
  top: 0px;
  width: 100px;
  height: 100px;
  z-index: 20;
} 

#image2div {
background-color: #c0c;
  position: absolute;
  left: 50%;
  margin-left:-50px;
   width: 100px;
  height: 100px;
  z-index: 5;
} 
#image3div {
background-color: #f0f;
  position: absolute;
  left: 50%;
  margin-left: 70px;
  width: 100px;
  height: 100px;
    z-index: 5;
 
}   

#image4div {
  background-color: #000;
  position: absolute;
  left: 50%;
  margin-left: -170px;
  top: 120px;
  width: 100px;
  height: 100px;
  z-index: 20;
} 

#image5div {
background-color: #c0c;
  position: absolute;
  left: 50%;
  margin-left:-50px;
  top: 120px;
   width: 100px;
  height: 100px;
  z-index: 5;
} 
#image6div {
background-color: #f0f;
  position: absolute;
  left: 50%;
  margin-left: 70px;
  width: 100px;
  height: 100px;
  top: 120px;
    z-index: 5;
  }
  
#image7div {
  background-color: #000;
  position: absolute;
  left: 50%;
  margin-left: -170px;
  top: 240px;
  width: 100px;
  height: 100px;
  z-index: 20;
} 

#image8div {
background-color: #c0c;
  position: absolute;
  left: 50%;
  margin-left:-50px;
  top: 240px;
   width: 100px;
  height: 100px;
  z-index: 5;
} 
#image9div {
background-color: #f0f;
  position: absolute;
  left: 50%;
  margin-left: 70px;
  top: 240px;
  width: 100px;
  height: 100px;
    z-index: 5;
  }
  
#image10div {
  background-color: #000;
  position: absolute;
  left: 50%;
  margin-left: -170px;
  top: 360px;
  width: 100px;
  height: 100px;
  z-index: 20;
} 

#image11div {
background-color: #c0c;
  position: absolute;
  left: 50%;
  margin-left:-50px;
  top: 360px;
   width: 100px;
  height: 100px;
  z-index: 5;
} 
#image12div {
background-color: #f0f;
  position: absolute;
  left: 50%;
  margin-left: 70px;
  top: 360px;
  width: 100px;
  height: 100px;
    z-index: 5;
  }
  
/* You named this layer footer_text */
#footer {
  position: absolute;
  left: 17px;
  top: 888px;
  width: 907px;
  height: 93px;
  z-index: 14;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #000000;
}

/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a { cursor: pointer; }
a:link { color: #F88; }
a:visited { color: #F88; }
a:hover {
  color: #F00;
  /* text-decoration: underline; */
  /* font-weight: bold; */
}
 
 #footer img {
   left: -148px;
   position: absolute;
   margin-left: 50%;
   top: 70px;
   }
   
 #footernavdiv {
   height: 1px;
   left: 50%;
   margin-left: -175px;
   position: absolute;
   text-align: center;
   top: 45px;
   width: 350px;
   }
   
 #footernav { 
	  padding:0; 
	  margin:0; 
	  
	  } 
	#footernav li { 
	  list-style-type:none; 
	  float: left;
      text-align: center;
	  } 
	  
#footernav a, #footernav a:visited { 
	  display:block; 
	  width:60px;  
	  font-family: verdana, arial, sans-serif; 
	  font-size:small; 
	  text-align:center; 
	  text-decoration:none; 
	  color: #000000;
	  }