/*
@font-face {
	font-family:Univers;
	src:url(ps_13501.ttf);
	}

@font-face {
	font-family:Univers-bold;
	src:url(UNVR65W.TTF);
	}
*/

body {
	background-color:black;
	color:white;
	font-family: 'Helvetica Neue', Helvetica, Arial, "Microsoft Sans Serif";
	font-size:100%;
	cursor:default;
	margin:0px;
	text-align:center;
	}

#page-container {
	background-color:black;
	position:relative;
	width:900px;
	height:600px;
	margin: 20px auto;
	padding: 0px 20px;
	text-align:left;
	}

p, img.title, img.slide, .info {
	font-weight:100;
	font-size:smaller;
	}

p {
	letter-spacing:1.2px;
	}
	
.info {
	letter-spacing:2px;
	}

ul {
	list-style:none;
	margin:0px;
	padding:0px;
	}
	
img.title, img.slide {
	margin-left:0;
	}

a.menulink {
	display:block;
	}

a:link {
	color:rgb(235,235,235);
	text-decoration:none;
	}
	
a:hover, li:hover, #home:hover, #info:hover, .jFlowControl:hover, .jFlowControl:active {
	background-color:rgb(40,40,40);
	}

a:visited {
	color:rgb(235,235,235);
	}

a:visited, li.visited {
	text-decoration:line-through;
	}

#loading {
	position:absolute;
	right:20px;
	top:20px;
	visibility:hidden;
	z-index:5;
	}



#construction {
	cursor:pointer;
	position:absolute;
	bottom:25px;
	left:0px;
	padding-left:20px;
	background-color:black;
	opacity:0;
	width:230px;
	z-index:11;
	}
	
#footer {
	opacity:0;
	background-color:black;
	position: absolute;
	width: 890px;
	bottom:0px;
	padding:6px 0px 6px 10px;
	border-width:0px;
	border-top-width:1px;
	border-style:solid;
	border-color:gray;
	font-weight:100;
	color:#BBB;
	font-size:0.7em;
	letter-spacing:1.2px;
	z-index: 20;
	cursor: pointer;
	}
	
#fb-like {
	opacity:0.6;
	position:absolute;
	bottom:-50px;
	z-index:10;
	} 
	
#menu {
	width:230px; 
	position:absolute; 
	margin:15px;  
	letter-spacing:2px;
	font-size:18px;
	line-height:100%;
	z-index:100;
	opacity:0;
	}

#menu a {
	color:white !important;
	}

#menu:hover {
	background-image:url('menu-background.png');
	}

.submenu_item, #home, #info {
	display:none;
	font-weight:100;
	font-size:smaller;
	color:rgb(235,235,235);
	text-transform:capitalize;
	cursor:pointer;
	}

#info-content {
	display:none;
	}

.info {
	display:block;
	padding:10px;
	line-height:115%;
	}

.menu_item {
	cursor:pointer;
	font-weight:bolder;
	text-transform:uppercase;
	text-shadow:2px 1px 4px lightgrey;
	}

#centre-frame {
	position:absolute;
	max-width:400px;
	left:300px;
	padding:20px;
	}
	
#img-viewer {
	z-index:2;
	position:absolute;
	width:900px;
	/*border:1px solid rgb(235,235,235);*/
	}

#controller {
	display:none;
	position:absolute;
	z-index:4;
	text-align:center;
	font-weight:100;
	font-size:medium;
	margin-top:20px;
	}

.jFlowControl {
	cursor:pointer;
	}
	
#prevButton {
	left:0%;
	cursor:w-resize;
	}

#nextButton {
	left:50%;
	cursor:e-resize;
	}
	
#prevButton, #nextButton {
	position:absolute; 
	background-color:black;
	filter:alpha(opacity=0);
	opacity:0;
	height:80%;
	width:50%;
	z-index:3;
	}

.caption {
	position:relative;
	display:block;
	top:-20px;
	padding-left:20px;
	line-height:20px;
	height:20px;
	font-size:11px;
	letter-spacing:1.2px;
	font-weight:100;
	vertical-align:middle;
	color:rgb(235,235,235);
	z-index:5;
	}
	
#bottomfill {
	background:black;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	bottom:0px;
	z-index:1;
	}
	

@media handheld, only screen and (max-device-width: 480px) {
    /* overrides or style additions for iPhone */

html {
	-webkit-text-size-adjust: 250%;
	}
	
#page-container, #img-viewer {
	padding:0;
	text-align:left;
	}
	
#menu {
	width:430px; 
	margin:15px;
	}

#centre-frame {
	left:450px;
	max-width:400px;
	}
	
.menu_item {
	text-shadow:3px 2px 10px lightgrey;
	}

.caption {
	-webkit-text-size-adjust: 150%;
	}

#prevButton, #nextButton {
	height:100%;
	width:50%;
	}

#prevButton {
	left:0;
	}

#nextButton {
	left:50%;
	}


#copyright {
	bottom:-40px;
	}

#bottomfill {
	display:none;
	}
	
}