/* basic structural elements keeping page centered and building basic framework */

#centering 	{ /* Centers page */
			margin: 0 auto;
			padding: 0;
			width: 832px;
			position: relative;
			}
	
	/* following three styles include page structure as well as loads background image for three sections */
#container_home {
			margin-top: 15px;
			padding: 78px 76px 35px 48px;
			width: 708px;
			height: 290px;
			background-image: url(../images/bg_landing.gif);
			}
#container_sitemap {
			margin-top: 15px;
			padding: 78px 76px 35px 48px;
			width: 708px;
			height: 610px;
			background-image: url(../images/bg_sitemap.gif);
			}
#container_client {
			margin-top: 15px;
			padding: 78px 76px 35px 48px;
			width: 708px;
			height: 576px;
			background-image: url(../images/bg_client.gif);
			}

#container_agency {
			margin-top: 15px;
			padding: 78px 76px 35px 48px;
			width: 708px;
			height: 576px;
			background-image: url(../images/bg_agency.gif);
			}

#container	{
			float: left;
			}
			
#container  {
			clear: both;
			}


	/* footer structure. contents in page in table */
#footer
{
	margin: 0 0 0 17px;
	padding: 22px 0 0 13px;
	width: 677px;
	height: 72px;
	border-top: 1px solid #D4D4D4;
	line-height: 2px;
}
.footer_content
{
	margin: 0;
	padding: 0;
}


/* global elements for table-based elements */
table#content {
			margin: 0;
			padding: 0;
			border-collapse: collapse;
			}
tr			{
			margin: 0;
			padding: 0;
			}
td			{
			padding: 0;
			vertical-align: top;
			}
			
img			{
			display: block;
			border: none;
			}

a		{
		text-decoration: none;
		}


/* START NEW POPUP STYLES */

/* 
	Note: also must make container div (i.e. "featured_images" in client.css) "position: relative;")
*/



/*  This seemingly useless style is necessary to get IE/PC to recognize and show 
	the decendents of a:hover, namely the popup styles
*/
div#featured_images a:hover,
div#type_images a:hover
{
	border: 0px;
}

div#featured_images span.featured_popup,
div#type_images span.type_popup
{
	display: none;
	
}

div#featured_images a:hover span.featured_popup
{
	position: absolute;
	display: block;
	
	position: absolute;
	left: -388px;
	top: -2px;
	
	margin: 2px 0 2px 0;
	padding: 7px 6px 5px 6px;
	background: #EEEEEE;
	
}

div#type_images a:hover span.type_popup
{
	position: absolute;
	display: block;
	
	position: absolute;
	left: -392px;
	top: -2px;
	
	margin: 2px 0 2px 0;
	padding: 7px 6px 5px 6px;
	background: #EEEEEE;
	
	/* END NEW POPUP STYLES */
}