body {
  text-align: center;
  margin: 0;
  padding: 0px 0 0px 0;
  font-family: trebuchet ms, arial, helvetica, sans-serif;
  background:#fff;
  }


/* Header and wrapper */
#wrapper {
  margin: 0 auto;
  width:auto;
  padding: 0;
  }
  
 
#center_image{
	margin:0 auto;
	padding:0 0 5px 0;
	margin-bottom:-50px;
	height:508px;
} 
/* navigaton */

/*Top Navigtaion*/
#top_nav_wrapper{
	margin:0 auto;
}
#top_nav {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	margin-top:-90px;
	width: 774px;
	height: 210px;
	position: relative;
}
#top_nav span {
	display: none;
	position: absolute;
}
#top_nav a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#top_nav a:hover {
	background-position: 0%;
}
#top_nav a:hover span{
	display: block;
}

#top_nav .about {
	width: 55px;
	height: 161px;
	background: url(images/about.jpg) no-repeat;
	top:90px;
}
#top_nav .about span {
	width: 55px;
	height: 161px;
	background: url(images/about_hover.jpg) no-repeat;
	top:0px;
	left:1px;
}
#top_nav .contact {
	width: 47px;
	height: 160px;
	background: url(images/contact.jpg) no-repeat;
	left:40px;
	top:90px;
}
#top_nav .contact span {
	width: 55px;
	height: 160px;
	background: url(images/contact_hover.jpg) no-repeat;
	top:0px;
	left:0px
}

#top_nav .plocation {
	width: 47px;
	height: 160px;
	background: url(images/p_location.jpg) no-repeat;
	left:605px;
	top:90px;
}
#top_nav .plocation span {
	width: 47px;
	height: 160px;
	background: url(images/p_location_hover.jpg) no-repeat;
	top:0px;
	left:0px
}

#top_nav .heads {
	width: 47px;
	height: 160px;
	background: url(images/heads.jpg) no-repeat;
	left:706px;
	top:90px;
}
#top_nav .heads span {
	width: 47px;
	height: 160px;
	background: url(images/heads_hover.jpg) no-repeat;
	top:0px;
	left:0px
}
#top_nav .sense_place {
	width: 52px;
	height: 160px;
	background: url(images/sense_place.jpg) no-repeat;
	left:760px;
	top:90px;
}
#top_nav .sense_place span {
	width: 52px;
	height: 160px;
	background: url(images/sense_place_hover.jpg) no-repeat;
	top:0px;
	left:0px
}



/*Bottom Nav */
#bottom_nav_wrapper{
	margin:0 auto;
	width:950px;

}
#bottom_nav {
	list-style: none;
	padding:0 0 10px 0;
	width:1000px;
	height:240px;
	position: relative;


}
#bottom_nav span {
	display: none;
	margin:0 auto;
    	position: absolute;

}
#bottom_nav a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}

#bottom_nav a {
	display: block;
	text-indent: -900%;
	outline: none;
}
#bottom_nav a:hover {
	background-position: 0%;
}
#bottom_nav a:hover span{
	display: block;
}

#bottom_nav .p_archive{
	width: 55px;
	height: 183px;
	background: url(images/p_archive.jpg) no-repeat;
	left:40px;
}
/* Remove the When gallery avaiable
#bottom_nav .p_archive span {
	width: 55px;
	height: 183px;
	background: url(images/p_archive_hover.jpg) no-repeat;
	top:0px;
	left:0px;
}
*/
#bottom_nav .puppies{
	width: 55px;
	height: 183px;
	background: url(images/puppies.jpg) no-repeat;
	left:120px;
}
#bottom_nav .puppies span {
	width: 55px;
	height: 183px;
	background: url(images/puppies_hover.jpg) no-repeat;
	top:0px;
	left:-1px;
}

#bottom_nav .funeral{
	width: 39px;
	height: 80px;
	background: url(images/funeral.jpg) no-repeat;
	left:300px;
	top:90px;
}

/* Remove the When gallery avaiable
#bottom_nav .funeral span {
	width: 39px;
	height: 80px;
	background: url(images/funeral_hover.jpg) no-repeat;
	top:-1px;
	left:0px;
	bottom:0px;
	right:0px;
}
*/
#bottom_nav .act_up{
	width:40px;
	height: 120px;
	background: url(images/act_up.jpg) no-repeat;
	left:360px;
	top:40px;
}

#bottom_nav .act_up span {
	width: 47px;
	height: 120px;
	background: url(images/act_up_hover.jpg) no-repeat;
	top:-1px;
	left:-1px;
	bottom:0px;
	right:0px;
}
#bottom_nav .night{
	width: 37px;
	height: 138px;
	background: url(images/nightswimming.jpg) no-repeat;
	left:425px;
	top:45px;
}

#bottom_nav .night span {
	width: 37px;
	height: 138px;
	background: url(images/nightswimming_hover.jpg) no-repeat;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
#bottom_nav .taw{
	width: 50px;
	height: 141px;
	background: url(images/The_Archivists_Wig_site_GREY.jpg) no-repeat;
	left:460px;
	top:45px;
}

#bottom_nav .taw span {
	width: 50px;
	height: 141px;
	background: url(images/The_Archivists_Wig_site_RED.jpg) no-repeat;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
#bottom_nav .lg{
	width: 40px;
	height: 141px;
	background: url(images/lg.jpg) no-repeat;
	left:720px;
	top:45px;
}

#bottom_nav .lg span {
	width: 40px;
	height: 141px;
	background: url(images/lg_hover.jpg) no-repeat;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
#bottom_nav .david{
	width: 28px;
	height: 71px;
	background: url(images/david.jpg) no-repeat;
	left:790px;
	top:45px;
}

/* Remove the When gallery avaiable
#bottom_nav .david span {
	width: 28px;
	height: 71px;
	background: url(images/david_hover.jpg) no-repeat;
	top:0px;
	left:0px;
	
}
*/
#bottom_nav .ai{
	width: 51px;
	height: 128px;
	background: url(images/Architectural_Interiors_site_GREY.jpg) no-repeat;
	left:830px;
	top:45px;
}

#bottom_nav .ai span {
	width: 51px;
	height: 128px;
	background: url(images/Architectural_Interiors_site_RED.jpg) no-repeat;
	top:0px;
	left:0px;
	
}
#bottom_nav .tear_sheets{
	width: 49px;
	height: 125px;
	background: url(images/tear_sheets.jpg) no-repeat;
	left:890px;
	top:45px;
}

#bottom_nav .tear_sheets span {
	width: 49px;
	height: 125px;
	background: url(images/tear_sheets_hover.jpg) no-repeat;
	top:0px;
	left:0px;
	
}