#header {
	position:relative;
	height: 100px;
	background-color: #d3d8e3;
	background-image:url(images/header-background.png);
	background-repeat: no-repeat;}
	
#logo a {
	position: absolute;
	display: block;
	top: 5px;
	left: 25px;
	width: 650px;
	height: 85px;
	background-image: url(images/plungerpress.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 50;}
	
#icon {
	position: absolute;
	top: 0px;
	left: 341px;
	z-index: 100;}

ul#nav {
	position: relative;
	top: 80px;
	left: -8px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 55;}

ul#nav li {
	float: left;
	margin: 0 17px;
	padding: 0;}
	
ul#nav li.wide-margin {
	margin: 0 62px;
	padding: 0;}

ul#nav li a {
	display: block;
	width: 90px;
	height: 20px;
	font-size: 13px;
	text-decoration: none;
	color: #d0a78b;
	text-align: center;
	line-height: 19px;}

ul#nav li a:hover {
	color: white;
	background-image: url(images/main-menu-background.png);
	background-repeat: no-repeat;}

.concealed {
	visibility: hidden;}
	
ul#nav li a.current {
	color: white;
	background-image: url(images/main-menu-background.png);
	background-repeat: no-repeat;}
	
	

.main {
	position: relative;
	height: 474px;
	width: 650px;
	padding: 13px 25px;
	background-color: #7d8ea9;
	background-image: url(images/main-panel-background.png);
	background-position: 25px 13px;
	background-repeat: no-repeat;}
	
#sidebar {
	float: right;
	width: 100px;
	height: 500px;
	background-color: #264270;
	z-index: 100;
	text-align: right;}
	
#sidebar h2 {
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	color: white;
	margin-top: 13px;
	text-align: center;}
	
ul#nav2 {
	list-style-type: none;
	width: 85px;
	margin-top: 10px;}

ul#nav2 li {
	width: 85px;
	height: 70px;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	}

ul#nav2 li a {
	display: block;
	width: 60px;
	height: 60px;
	nargin: 5px;
	margin-left: 20px;
	text-decoration: none;
	background-color: white;}

ul#nav2 li a:hover {
	background-color: #7d8ea9;
	} 



.main h2 a{
	display: block;}

#index-archive {
	width: 204px;
	height: 171px;
	position: absolute;
	top: 95px;
	left: 365px;
	background-image:url(images/index-archive.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	z-index: 70;}
	
#index-archive:hover {
	background-image:url(images/index-archive-on.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	z-index: 100;}
	
#index-new {
	height: 229px;
	width: 286px;
	position: absolute;
	top: 35px;
	left: 104px;
	background-image:url(images/index-new.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	z-index: 75;}
	
#index-new:hover {
	background-image:url(images/index-new-on.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;}

#index-background {
	position: absolute;
	bottom: -23px;
	left: 0px;
	width: 700px;
	height: 300px;
	background-image:url(images/discoveries.png);
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 90;}
	
	
#projects-cranarium {
	width: 255px;
	height: 160px;
	position: absolute;
	top: 15px;
	left: 200px;
	background-image:url(images/projects-cranarium.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	z-index: 70;}
	
#projects-cranarium:hover {
	background-image:url(images/projects-cranarium-on.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;}
	
#projects-hearth {
	width: 255px;
	height: 205px;
	position: absolute;
	top: 100px;
	left: 440px;
	background-image:url(images/projects-hearth.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	z-index: 75;}
	
#projects-hearth:hover {
	background-image:url(images/projects-hearth-on.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;}

#projects-background {
	position: absolute;
	bottom: -53px;
	left: 30px;
	width: 580px;
	height: 469px;
	background-image:url(images/projects.png);
	background-repeat: no-repeat;
	background-position: bottom;}

	
#product-ephemera {
	position: absolute;
	width: 335px;
	height: 95px;
	top: 52px;
	left: 301px;
	background-image:url(images/product-ephemera.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	z-index: 75;}
	
#product-ephemera:hover {
	background-image:url(images/product-ephemera-on.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;}
	
#product-wearables {
	position: absolute;
	width: 315px;
	height: 95px;
	top: 134px;
	left: 258px;
	background-image:url(images/product-wearables.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	z-index: 70;}
	
#product-wearables:hover {
	background-image:url(images/product-wearables-on.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	z-index: 100;}
	
#product-collectibles {
	position: absolute;
	width: 345px;
	height: 95px;
	top: 248px;
	left: 279px;
	background-image:url(images/product-collectibles.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	z-index: 75;}
	
#product-collectibles:hover {
	background-image:url(images/product-collectibles-on.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;}

#product-background {
	position: absolute;
	bottom: -50px;
	left: 33px;
	width: 233px;
	height: 530px;
	background-image:url(images/product.png);
	background-repeat: no-repeat;
	background-position: bottom;}

	
#profile-directory {
	position: absolute;
	width:415px;
	height:55px;
	top: 490px;
	left: 15px;
	background-image:url(images/profile-directory.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	z-index: 1;}
	
#profile-directory:hover {
	background-image:url(images/profile-directory-on.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;}
	
#profile-message {
	position: absolute;
	width: 365px;
	height: 360px;
	top: 22px;
	left: 15px;
	background-image:url(images/profile-message.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	z-index: 75;}
	
#profile-message:hover {
	background-image:url(images/profile-message-on.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;}
	
#profile-background {
	position: absolute;
	bottom: -31px;
	left: 200px;
	width: 510px;
	height: 445px;
	background-image:url(images/profile.png);
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 5;}
	
#directory-background {
	position: absolute;
	bottom: 13px;
	left: 35px;
	width: 626px;
	height: 469px;
	background-image:url(images/blank.png);
	background-repeat: no-repeat;
	background-position: bottom;}
	
#feature-background {
	position: absolute;
	bottom: 13px;
	left: 35px;
	width: 626px;
	height: 469px;
	background-image:url(images/blank.png);
	background-repeat: no-repeat;
	background-position: bottom;}	
	
#cranarium-background {
	position: absolute;
	bottom: 13px;
	left: 35px;
	width: 626px;
	height: 469px;
	background-image:url(images/blank.png);
	background-repeat: no-repeat;
	background-position: bottom;}
	
#hearth-background {
	position: absolute;
	bottom: 13px;
	left: 35px;
	width: 626px;
	height: 469px;
	background-image:url(images/blank.png);
	background-repeat: no-repeat;
	background-position: bottom;}
	
#ephemera-background {
	position: absolute;
	bottom: 13px;
	left: 35px;
	width: 626px;
	height: 469px;
	background-image:url(images/blank.png);
	background-repeat: no-repeat;
	background-position: bottom;}	
	
#wearables-background {
	position: absolute;
	bottom: 13px;
	left: 35px;
	width: 626px;
	height: 469px;
	background-image:url(images/blank.png);
	background-repeat: no-repeat;
	background-position: bottom;}
	
#collectibles-background {
	position: absolute;
	bottom: 13px;
	left: 35px;
	width: 626px;
	height: 469px;
	background-image:url(images/blank.png);
	background-repeat: no-repeat;
	background-position: bottom;}	



#container {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #d3d8e3;}

a:active {
  	outline: none;}

a {
	text-decoration: none;
	outline: none;}

body {
	margin: 0;
	padding: 0;
	font-family: verdana, helvetica, sans-serif;
	font-size: small;
	color: white;
	background-color: #d3d8e3;}

h2, h1, p, ul, li, div, img {	
	margin: 0;
	padding: 0;}