/* hopped-up */

*{
	padding:0;
	margin:0;	
}

body{
	background-color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #666;
}

#wrapper{
/*	width: 1280px; 
	height: 855px; */
}

#intro{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px; 
	height: 530px;
	margin-left: -400px;
	margin-top: -265px;
}

img{
	border: none;
}

a{
	color: #666;
	text-decoration: none;
}

a:hover, a.linkToBlog{
	color: #CC0000;
}

.activeLink {
	color: #CC0000;
}

#box{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	
	margin: 10px;
}

#top{
}

#logo{
	width: 285px;
	height: 80px;
}

#menu{
	background-color: #f2efef;
	height: 15px;
	padding: 0 5px;
	width: 275px;
}

#menu ul{
	display: inline;
	list-style: none;
}

#menu li{
		display: inline;
}

#content{
	margin-top: 5px;
}

.hideOnLoad{
	display:none;
}

.column{
	
	background-image: url(../img/opaque_bg.png);
	width: 285px;
	float: left;
	margin-right: 5px;
	padding: 10px 0;
	
	text-align: justify;
}

.column2 {
	background-image: url(../img/opaque_bg.png);
	float: left;
	margin-right: 5px;
	padding: 10px 0;
	
	text-align: justify;
	width: 575px;
}

.column p, .column2 p{
	padding: 5px 5px 8px;
}

.border{
	border-bottom: 1px dashed #666;
}

.date, .headline{
	display: block;
}
.headline{
	font-style: italic;
}

.gallery_navigation{
	z-index: 3;
	position:absolute;
	top:0;
	left:0;
	
	margin-top: 550px;
/*	display: none;*/
}

#back{
	float: left;
}

#forth{
	margin-left: 1200px;
}

#gallery{
	z-index: 1;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
}

#gallery_image{
	margin: 0;
}

#credits{
	display: none;
}

.selectable{
	display: none;
}