/* */
html, body, h1, h2, h3, h4, dl, dt, dd, form, fieldset, ul, li, blockquote, p {margin: 0; padding: 0;}


/* body default */
body {font: 0.625em/1.5em verdana, helvetica, arial, tahoma, sans-serif; background: #0e0e0e; color: #fff;}

hr {display: none;}

img {display: block; border: 0;}

#wrapper {margin: 0 auto; width: 800px;}

/* modules */
.none {display: none;}

form {}
	form fieldset {border: 0;}

/* header */
#header h1 {width: 288px; height: 49px; margin: 25px auto 35px auto;}
	#header h1 a {display: block; position: relative; width: 288px; height: 49px; cursor: pointer;}
		#header h1 a span {position: absolute; top: 0; left: 0; width: 288px; height: 49px; background: url(../images/logo.jpg) no-repeat;}
	
/* content */	
#content {background: #2c2c2c; padding: 0 0 100px 0;}
	
ul#menu {width: 654px; height: 39px; list-style: none; padding: 0 0 61px; margin: 0 auto;}
	ul#menu li {width: 107px; float: left; display: inline; margin: 0 1px; background: #212121;}
		ul#menu li a {width: 79px; height: 24px; display: block; padding:5px 0 0 28px; color: #6e6e6e; text-decoration: none; background: url(../images/bg-menu-item.jpg) left bottom no-repeat;}
			ul#menu li a:hover, ul#menu li a.current {height: 24px; padding:15px 0 0 28px; color: #ffcc00;}

	
ul#main-menu {width: 537px; list-style: none; padding: 100px 0 0 0; margin: 0 auto;}
ul#main-menu:after {display: block; clear: both; height: 0; content: "."; visibility: hidden;}
	ul#main-menu li {width: 171px; height: 163px; float: left; display: inline; padding: 4px; position: relative;}
		ul#main-menu li a {width: 141px; height: 153px; padding: 10px 0 0 30px; color: #fff; display: block; text-decoration: none;  background: #0e0e0e url(../images/arrow.jpg) 19px 15px no-repeat; cursor: pointer;}
		ul#main-menu li a:hover {color: #ffcc00;}
			ul#main-menu li a span {width: 171px; height: 133px; position: absolute; top: 35px; left: 4px;}
			
			ul#main-menu li a#people span {background: url(../images/menu/ppl.jpg) no-repeat;}
			ul#main-menu li a#events span {background: url(../images/menu/events.jpg) no-repeat;}
			ul#main-menu li a#objects span {background: url(../images/menu/objects.jpg) no-repeat;}
			ul#main-menu li a#about-me span {background: url(../images/menu/about-me.jpg) no-repeat;}
			ul#main-menu li a#nature span {background: url(../images/menu/nature.jpg) no-repeat;}
			ul#main-menu li a#contact span {background: url(../images/menu/contact.jpg) no-repeat;}
			ul#main-menu li a:hover span {background-position: 0 -133px !important;}
			
/* main */	
#main {width: 654px; margin: 0 auto; padding-bottom: 34px; background: #0e0e0e; }
	#main * {font-size: 1em;}
	
	ul.information {list-style: none; padding: 34px 34px 0 34px; margin: 0;}
	ul.information:after {display: block; clear: both; height: 0; content: "."; visibility: hidden;}
		ul.information li {width: 171px; float: left; display: inline;  padding:0 11px; border-right: 1px solid #1d1d1d;}
			ul.information li.last {padding:0 0 0 11px; border: 0; }
			ul.information li .content {}
				ul.information li .content p {color: #9b9b9b; margin: 9px; }
	
	
	#main h2.title {padding: 8px 20px; background:#212121 url(../images/arrow.jpg) 10px 13px no-repeat;}
	
ul.gallery {list-style: none; margin: 0;}
ul.gallery:after {display: block; clear: both; height: 0; content: "."; visibility: hidden;}
	ul.gallery li {width: 148px; height: 112px; float: left; display: inline; margin: 34px 34px 0 34px;}
		ul.gallery li a {width: 148px; height: 112px; float: left; display: inline;}
			ul.gallery li a img {border: 1px solid #1d1d1d;}
			ul.gallery li a:hover img {border: 1px solid #ffcc00;;}
	
/* footer */
#footer {}
	#footer .copyrights {width: 400px; margin: 10px auto; text-align: center; color: #6e6e6e;}
	#footer a {color: #6e6e6e;}
		#footer a:hover {color: #fff;}