/*
	 Sitemap Example
	 by Chris Coyier
	 http://css-tricks.com
*/

*					              { margin: 0; padding: 0; }
body				            { font: 14px Georgia, serif; background: #fff url(../images/sitemap/bg.jpg); }

#page-wrap          { width: 800px; margin: 0 auto; background: url(../images/sitemap/content-bg.jpg) no-repeat; }
#page_title      {
	width: 500px;
	margin: 0 auto;
	color: #1e1f21;
	background-color: #ffffff;
	font-family: Helvetica, Arial;
	font-weight: 100;
	font-size: 36px;
	text-align: center;
	padding-top: 30px;
	height: 70px;
}
#sitemap_itself     { font: 14px Georgia, serif; width: 500px; margin: 0 auto; padding: 100px 0 0 0; }

a					              { text-decoration: none; color: #eee; display: block; padding: 4px 0;}
a:hover             { text-decoration: underline; }

ul                  { padding: 8px 25px; list-style: none;
                      -webkit-box-shadow: 2px 2px 5px black;
                      background: #282828; } 
ul ul               { background: #393939; }
ul ul ul			         { background: #4b4b4b; }
ul ul ul ul			      { background: #5a5a5a; }


#header {
	background: #ffffff;
	color: #1e1f21;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	padding: 0;
	margin: 0;
	height: 62px;
	float: none;
	clear: none;	  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#header a:hover {
	color: #d75900;
}
#logo {
	position: absolute;
	z-index: 10000;
	margin: auto;
}