body {
  margin: 0;
  color: black;
  font-family: Arial, sans-serif;
  font-size: 70%;
  background-color: #C7C7C7;
  text-align: center; }
p, form, ul, li, h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  font-size: 100%; }
ul, li { list-style-type: none; }
h1 span, h2 span { display: none; }
img { border: 0; }
hr { display: none; }
a {outline:none; }

/* CONTAINERS ************************************************************/
#horizon {
	position:absolute;
	top:50%;
	left:0;
	width:100%; }
#main {
	text-align:left;
	margin:0 0 0 -485px;
	position:absolute;
	top:-274px;
	left:50%;
	width: 970px;
	height: 548px; }

	/* header with logo */
	#main #head {
		height: 50px; }
		#main #head h2 {
			float: left;
			width: 186px;
			height: 23px; 
			background: url(../gfx/emiellamers.gif) no-repeat; }
		#main #head h1 {
			float: left;
			width: 186px;
			height: 23px; 
			background: url(../gfx/architectuur.gif) no-repeat; }
		#main #head a.home {
			display: block;
			position: absolute;
			right: 0px;
			top: 6px;
			height: 40px;
			background: url(../gfx/grid_grey.gif) no-repeat 37px 0;
			padding: 4px 37px 0 0;
			color: #c7c7c7; }
			#main #head a.home:hover {
			background: url(../gfx/grid_color.gif) no-repeat 37px 0;
			color: #999;
			text-decoration: none; }
		#main #head iframe.like-button {
			position: absolute;
			left: 692px;
			top: 6px;
			text-align: right; }

	/* lightbox with grid */
	#lightbox {
		background: white;
		width: 650px;
		height: 490px;
		float:left;
		padding: 10px 0 0 10px;
		margin: 0 33px 0 0;
		text-align: center; }
		#lightbox img {
			float:left;
			width: 151px;
			height: 111px;
			background: #ddd;
			margin: 0 11px 12px 0; }
			#lightbox a:hover img {
				opacity: .70;
				filter: alpha(opacity=70) /*gray*/; }

	/* slideshow gallery */
	#main #galleryContainer {
		float: left;
		margin-right: 33px;
		padding: 10px;
		background: white; }
	#main #galleryContainer #myGallery {
		background: white;
		width: 640px;
		height: 480px; }

	/* right column containing text */
	#main #text {
		background: white;
		position: relative;
		float:left;
		width: 277px;
		height: 490px;
		padding-bottom: 10px;
		overflow: auto; }
		#main #text p, #main #text address {
			margin: 10px 10px 10px 10px;
			line-height: 125%;
			color: #777; }
		#main #text .info {
			position: absolute;
			bottom: 0px;
			width: 267px;
			color: #777;
			line-height: 120%;
			font-style: italic; }
			#main #text .info em {
				display: block;
				float: left;
				width: 78px;
				font-style: normal; }
		#main #text h3 {
			padding: 10px 0 0 10px; }
		#main #text h4 {
			padding: 0 10px;
			margin-top: -9px;
			font-weight: normal;
			color: #aaa;
			font-size: 90%;
			text-transform: uppercase; }
		#main #text a {
			color: #444;
			text-decoration: none; }
			#main #text a:hover {
				color: black; }
			
	/* credits */
	.credits {
		position: absolute;
		top: 544px;
		margin: 10px 0;
		color: #999; }
		.credits a {
			text-decoration: none;
			color:white; }
			.credits a:hover {
				color: black; }