@charset "UTF-8";
body {
	font-family: gill sans, Lucida Sans Unicode,tahoma, sans;
	padding: 0px;
	margin: 0px;
}
h1 {
	width: 130px;
	height: 90px;
	display: block;
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 2000;
	background: url(../graphics/void-logo.png) no-repeat;
	text-indent: -2222px;
	}
h1 a{
	display: block;
	height: 90px;
	}
h3 {
	padding-left: 0px;
	font-size: 27px;
	padding-bottom: 18px;
	margin-bottom: 9px;
	}
a {
	color: black;
	}
a:hover {
	color: white;
	}
a:link, a:hover, a:visited, a:active {
	outline: none;
	}
ul li{
	list-style-type: square;
	}
h3#info {
	font-size: 26px;
	}
.container {
	padding-bottom: 120px;
	position: relative;
	}
#image-holder {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 11;
	}
#background-image {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
	}
#home-flyer img{
	margin-left: 5px;
	margin-top: 60px;
	}
.smaller-header {
	font-size: 20px;
	margin-bottom: 0px;
	}
.secondary-header {
	margin-top: 50px;
	clear: both;
	display: block;
	}
.first-heading {
	margin-top: 50px;
	border-bottom: 1px solid black;
	padding-bottom: 18px;
	}
.first-paragraph {
	font-size: 16px;
	font-family: gill sans, helvetica;
	}
.last-element {
	padding-bottom: 20px;
	}
#left-column a{
	text-decoration: none; 
	font-size: 10px;
	}
#left-column ul{
	margin: 0px;
	padding: 20px;
	padding-top: 54px;
	}
#left-column ul li {
	list-style-type: none;
	}
#right-stuff {
	background: white;
	}
.further-images {
	border-top: black 1px solid;
	margin-top: 18px;
	padding-top: 36px;
	}
.further-images img {
	margin-right: 20px;
	}
	
/* CONTACTS AND FORM */

.contact {
	border-bottom: black 1px solid;
	height: 220px;
	}
.contact h4 {
	padding: 20px;
	padding-bottom: 0px;
	}
.contact p {
	padding: 0px 20px;
	}
.contact a {
	display: block;
	}
.contact-form {
	xbackground: black;
	margin-top: 59px;
	}
#contact-summary p{
	padding: 20px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	}
#map {
	padding-left: 40px;
	line-height: 30px;
	margin-top: 15px;
	margin-left: 20px;
	background: url(../graphics/map.gif) no-repeat;
	}
#map:hover {
	background-position: 0px -30px;
	}
#mailform {
	float: right;
	margin-right: 0px;
	}
#mailform fieldset{
	border: none;
	}
.text-box {
	display: block;
	height: 18px;
	line-height: 18px;
	font-family: gill sans, tahoma, sans;
	font-size: 12px;
	border: none;
	margin-bottom: 9px;
	width: 190px;
	padding-left: 5px;
	background: transparent url(../graphics/white.png);
	}
.mailing-text-box {
	display: block;
	height: 18px;
	line-height: 18px;
	color: #524c3a;
	font-family: gill sans, tahoma, sans;
	font-size: 12px;
	border: none;
	margin-bottom: 9px;
	width: 190px;
	padding-left: 5px;
	background: transparent url(../graphics/white.png);
	}
.message-box {
	width: 190px;
	height: 150px;
	border: none;
	padding-left: 5px;
	padding-top: 5px;
	margin-bottom: 9px;
	font-family: gill sans, tahoma, sans;
	font-size: 12px;
	background: transparent url(../graphics/white.png);
	}
.send-button {
	border: none;
	padding: 5px;
	background: #524c3a;
	margin: 0px;
	font-family: gill sans, tahoma, sans;
	font-size: 12px;
	}
#mailstatus, #thank-you {
	width: 150px;
	}
	
/* INSIDE PAGES */	
	
	
.float-right {
	float: right;
	margin-left: 30px;
	margin-bottom: 10px;
	}
.float-left{
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	}
.padded-right {
	padding-right: 10px;
	}
#sub-menu {
	padding-top: 124px;
	}
#sub-menu a{
	text-decoration: none;
	font-size: 18px;
	display: block;
	padding-bottom: 9px;
	padding-left: 30px;
	margin-bottom: 9px;
	border-bottom: 1px dotted #666666;
	}
#sub-menu .no-border {
	border: 0px none;
	}	
.facilities-header {
	margin-bottom: 0px;
	padding-bottom: 4px;
	}	
.exhibition-title {
	margin-top: 45px;
	margin-bottom: 10px;
	}
.exhibition-date {
	font-size: 14px;
	border-top: 1px solid black;
	margin-top: 10px;
	padding-top: 10px;
	}
.comment {
	font-size: 28px;
	line-height: 40px;
	color: white;
	padding: 10px;
	padding-right: 20px;
	}
.comment-two {
	font-size: 34px;
	line-height: 36px;
	color: white;
	padding-right: 10px;
	}
.comment-three {
	font-size: 18px;
	line-height: 36px;
	color: white;
	padding-right: 20px;
	}
.comment-four {
	font-size: 28px;
	line-height: 40px;
	color: white;
	}
.exhibition-row {
	border-top: 1px solid black;
	padding-top: 18px;
	}
.exhibition-year {
	margin-bottom: 36px;
	}
.exhibition-year h4{
	margin-top: 0px;
	margin-bottom: 23px;
	}
.exhibition-year a{
	background: url(../graphics/white.png);
	text-decoration: none;
	padding-left: 4px;
	display: block;
	color: white;
	margin-bottom: 1px;
	}
.exhibition-year a:hover{
	background: black;
	}
#press-list {
	margin: 0px;
	}
#press-list li {
	list-style-type: none;
	}
#press-list li a{
	display: block;
	border-bottom: 1px dotted black;
	text-decoration: none;
	font-size: 20px;
	}	
.press-thumb {
	margin-right: 20px;
	}
#further-images-right {
	margin-top: 135px;
	}
#section-heading {
	float: left;
	padding-bottom: 21px;
	margin-right: 30px;
	margin-bottom: 20px;
	}
#single-section {
	border-bottom: 1px black solid;
	padding-bottom: 41px;
	margin-bottom: 20px;
	}
#section-menu { 
	margin-bottom: 0px;
	}
#section-menu li {
	float: left;
	list-style-type: none;
	}
#section-menu li a{
	text-decoration: none;
	margin-left: 20px;
	color: white;
	border-bottom: 1px solid white;
	}
#section-menu li a:hover {
	border-bottom: 1px solid #000;
	}
h4#sub-section {
	border-top: 1px solid black;
	padding-top: 18px;
	clear:both;
	}
#myGallery {
	width: 745px;
	height: 495px;
	}
.event-date {
	font-size: 12px;
	margin-left: 20px;
	}
.publication-title {
	margin-bottom: 0px;
	font-size: 24px;
	}
#exhibition-gallery img{
	padding-right: 0px;	
	float: left;
	border: 0px none;
	}
.current-exhibit {
	padding-bottom: 36px;
	margin-bottom: 36px;
	border-bottom: 1px black dotted;
	}
dl {
	padding: 0;
	}
dl dt {
	width: 30%;
	float: left;
	margin: 0 0 0 0;
	border-top: 1px dotted black;
	font-weight: bold;
	clear: left;
	padding: 2px 0px;
	font-weight: normal;
	line-height: 30px;
	}
dl dd {
	width: 70%;
	float: left;
	margin: 0 0 0 0;
	border-top: 1px dotted black;
	padding: 2px 0px;
	line-height: 30px;
	}
/* NEWS */
#calendar {
	margin-bottom: 14px;
	}
.toggler  { 
	cursor:pointer; 
	font-size:22px;
	padding-top: 15px; 
	border-top: 1px solid black;
	}
h3.toggler:hover	 { 
	color: #fff;
	border-top: 1px solid white;
	 }
.element	 { 
	padding:0 5px; 
	}
#facebook {
	padding-left: 60px;
	line-height: 18px;
	height: 18px;
	display: block;
	background: url(../graphics/facebook.jpg) left top no-repeat;
	}
#facebook:hover {
	background-position: 0px -18px;
	}	
	
	
/* SLIDESHOW */
#slideshow{
	position:absolute;
	width: 350px;
}
#slideshow span{
	display:block;
	width: 390px;
	float:left;
}
.mask1{
	position:relative;
	width: 390px;
	height:350px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width: 390px;
	height: 180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width: 390px;
	height:310px;
	overflow:hidden;
}
.mask4{
	position:relative;
	width: 390px;
	height: 230px;
	overflow:hidden;
}
.mask5{
	position:relative;
	width: 390px;
	height:380px;
	overflow:hidden;
}
.mask6{
	position:relative;
	width: 390px;
	height: 290px;
	overflow:hidden;
}
.mask7{
	position:relative;
	width: 390px;
	height:550px;
	overflow:hidden;
}
.mask8{
	position:relative;
	width: 390px;
	height:450px;
	overflow:hidden;
}
.mask9{
	position:relative;
	width: 390px;
	height:560px;
	overflow:hidden;
}
.mask10{
	position:relative;
	width: 390px;
	height:610px;
	overflow:hidden;
}
#home-slide  {
	position:relative;
	width: 500px;
	height: 370px;
	overflow:hidden;
	}
	
#home-slide #slideshow{
	position:absolute;
	width: 500px;
}
#home-slide #slideshow span{
	display:block;
	width: 500px;
	float:left;
}
span img{
	display:block;
	border:none;
}


/* THE BOTTOM */


#footer {
	clear: left;
	border-top: 1px solid black;
	padding-top: 20px;
	display: inline-table;
	margin-top: 100px;
	width: 945px;
	}
#footer a, #tag a {
	text-decoration: none;
	}
.street-address, .country-name {
	display: block;
	}
.email {
	display: block;
	width: 200px;
	height: 12px;
	line-height: 12px;
	margin-top: 5px;
	padding-left: 25px;
	background: url(../graphics/mail.gif) no-repeat;
	}
.email:hover {
	background-position: 0px -12px ;
	}
.thumbnail {
	margin: 0px;
	margin-right: 6px;
	float: left;
	padding: 0px;
	border: 0px none;
	}
.add-contact {
	display: block;
	margin-top: 5px;
	padding-left: 25px;
	height: 14px;
	line-height: 14px;
	width: 200px;
	background: url(../graphics/vcard.gif) no-repeat;
	}
.add-contact:hover {
	background-position: 0px -14px ;
	}
#tag {
	position: absolute;
	bottom: 0;
	left: 40px;
	height: 150px;
	width: 600px;
	display: block;
	text-align: left;
	z-index: 1000;
	text-decoration: none;
	}
.vcard {
	float: left;
	}
#home-mailing {
	float: left;
	border-left: 1px dotted #2c2a22;
	height: 150px;
	padding-left: 30px;
	}
#home-mailing .mailing-text-box {
	color: #ccc;
	background: #2c2a22;
	}
#home-mailing .send-button:hover, #news-mailing .send-button:hover {
	background: #c73c27;
	cursor: pointer;
	color: white;
	}
#news-mailing {
	float: left;
	}
#news-mailing .mailing-text-box {
	color: #ccc;
	}
#still-tag {
	padding-top: 110px;
	float: right;
	}