@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;

}

body { background-image:url(../JPGs/bg-pattern.gif);}
	

a:link {color: #999; text-decoration: none;}	 
a:visited {color: #999; text-decoration: none;}

#wrapper_main {
	background-image: url(../pngs/wrapper.png);
	
	width: 990px;
	height: 820px;
	margin-left: auto;
	margin-right: auto;
	
	
}
#header {
	height: 192px;
	width: 990px;
	background-image:url(../pngs/header.png)
}
#spacer {width: 990px; height: 1px;; background-color:#999; float: left;}

#footer {font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase; text-align: center; color: #999; font-size: 8px;}

#content {
	height: 590px;
	width: 990px;
}

#logo {
	background-image: url(../JPGs/logo.jpg);
	
	height: 150px;
	width: 156px;
	float: right;
	margin-right: 60px;
	margin-top: 10px;
}

#top {
			width: 500px;
			height: 192px;
			position: relative;
			left: 150px;
			z-index: 1;
			float: left;
		}
	.navigation {
			padding: 0;
			margin: 0;
			list-style: none;
			position: absolute;
			left: 0;
		}
	li {
			z-index: 2;
			float: left;
		}
	img {
			border: none;
		}
	li.one {
			z-index: 9; /* 2nd INACTIVE button from top*/
			background: url(../pngs/menu/who.png);
			width: 137px;
			height: 184px;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
		}
	li.one:hover {
			z-index: 20; /* HOVER state*/
			background: url(../pngs/menu/who_hover.png);
			width: 137px;
			height: 184px;
			display: block;
		}
	li.two {
			z-index: 10; /* Top INACTIVE button from top*/
			background: url(../pngs/menu/what.png);
			width: 137px;
			height: 184px;
			display: block;
			position: absolute;
			top: 0;
			left: 60px;
		}
	li.two:hover{
			z-index: 20; /* HOVER state*/
			background: url(../pngs/menu/what_hover.png);
			width: 137px;
			height: 184px;
			display: block;
		}
	li.three {
			z-index: 8; /* 3 INACTIVE button from top*/
			background: url(../pngs/menu/when.png);
			width: 137px;
			height: 184px;
			display: block;
			position: absolute;
			top: 0;
			left: 140px;
		}
	li.three:hover{
			z-index: 22; /* HOVER state*/
			background: url(../pngs/menu/when_hover.png);
			width: 137px;
			height: 184px;
			display: block;
		}
	li.four {
			z-index: 7; /* 4th INACTIVE button from top*/
			background: url(../pngs/menu/where.png);
			width: 137px;
			height: 184px;
			display: block;
			position: absolute;
			top: 0;
			left: 210px;
		}
	li.four:hover{
			z-index: 23; /* HOVER state*/
			background: url(../pngs/menu/where_hover.png);
			width: 137px;
			height: 184px;
			display: block;
		}