/*	Reset & global styles
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

	html, body, div, p, hr, img,
	ul, ol, li, dl, dt, dd,
	h1, h2, h3, h4, h5, h6,
	blockquote {
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
	}

	a {
		color: #5c3b1d;
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
	}


/*	Layout > Top
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

	body {
		background: #000 url(images/wooden-background.jpg) repeat-x;
		font: 68.75%/100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		padding: 50px 0;
	}
	
	#wrap {
		width: 648px;
		margin: 0 auto;
		background: url(images/container-top.png) no-repeat;
	}
	
	#wrap-in {
		background: url(images/container-bottom.png) bottom no-repeat;
		padding: 0 12px 26px;
	}
	
	#brush {
		position: absolute;
		width: 205px;
		height: 235px;
		background: url(images/brush.png) no-repeat;
		margin: -50px 0 0 430px;
	}
	
	#logo {
		position: absolute;
	}
	
	#logo a {
		display: block;
		width: 100px;
		height: 70px;
		overflow: hidden;
		text-indent: -9999em;
	}
	
	#menu {
		height: 112px;
		margin-left: 110px;
	}
	
	#menu li {
		padding-top: 14px;
		float: left;
		margin-right: 10px;
	}
	
	#menu li a {
		display: block;
		line-height: 50px;
		padding: 0 5px;
		color: #fff;
	}
	
	#menu li.active a {
		font-weight: bold;
		text-decoration: underline;
	}
	
	#container {
		background: url(images/painted-background.png) right repeat-y;
		padding: 4px 0;
	}
	
	#content {
		background: #fff url(images/painted-background.png) right repeat-y;
		padding: 20px;
		height: 100%;
		overflow: hidden;
		line-height: 1.5em;
	}
	
	#content h2 {
		font-size: 1em;
	}
	
	#left-side {
		float: left;
		width: 350px;
		margin-bottom: -15px;
	}
	
	#left-side a {
		color: #5c3b1d;
		text-decoration: underline;
	}
	
	#left-side a:hover {
		text-decoration: none;
	}
	
	#left-side p,
	#right-side h2,
	#right-side ul {
		padding-bottom: 15px;
	}
	
	#right-side {
		float: right;
		width: 170px;
		margin-top: 50px;
	}
	
	#right-side li {
		background: url(images/indicator.gif) no-repeat;
		background-position: 15px 6px;
		padding: 0 0 10px 30px;
	}
	
	#gallery {
		width: 550px;
		margin: 20px auto;
		padding-left: 80px;
		height: 100%;
		overflow: hidden;
	}
	
	#gallery li {
		float: left;
		margin-right: 80px;
		padding-bottom: 30px;
	}
	
	#gallery a {
		display: block;
		border: 5px solid #fff;
	}
	
	#gallery a:hover {
		border-color: #ffd201;
	}
	
	#gallery img {
		display: block;
	}
	
	#credits {
		padding-right: 140px;
		color: #5e5e5e;
		text-align: right;
	}
	
	#credits, #made-by {
		width: 620px;
		margin: 0 auto;
	}
	
	#made-by a {
		float: right;
		width: 58px;
		height: 26px;
		background: url(images/szekely-logo.png);
		overflow: hidden;
		text-indent: 9999em;
		margin: -20px 0 0 0;
	}