/*
DESIGN PATRIK HERMANSSON 
*/
body {
background-color:#ababab;
}

@font-face {
font-family:'BebasNeueRegular';
src:url('bebasneue-webfont.eot?iefix') format('eot'), url('bebasneue-webfont.woff') format('woff'), url('bebasneue-webfont.ttf') format('truetype'), url('bebasneue-webfont.svg#webfont39b8d5iu') format('svg');
font-weight:400;
font-style:normal;
}

.instructions {
background:url(ob40.png);
background:rgba(0, 0, 0, 0.4);
color:#e4e4e4;
font-style:italic;
font-size:12px;
font-family:Helvetica;
width:220px;
position:fixed;
right:30px;
bottom:60px;
padding:15px;
}

.instructions .keyexp {
margin-left:95px;
margin-top:10px;
}

.instructions .arrow {
left:3px;
top:3px;
position:relative;
}

#head {
color:#f7f7f7;
position:absolute;
top:80px;
left:80px;
z-index:100;
width:40%;
}

h1 {
letter-spacing:2px;
text-transform:uppercase;
font:67px 'BebasNeueRegular', Helvetica, Arial, Sans-serif;
text-shadow:2px 2px 15px rgba(0, 0, 0, 0.4);
margin:0;
}

.exp {
position:absolute;
margin-top:-20px;
font-style:italic;
font-family:Georgia;
text-shadow:2px 2px 15px rgba(0, 0, 0, 0.0);
font-size:14px;
}

#menu {
left:30px;
width:100%;
bottom:26px;
position:fixed;
z-index:3000;
color:#f9f9f9;
text-transform:uppercase;
letter-spacing:2px;
font:16px 'BebasNeueRegular', Helvetica, Arial, Sans-serif;
}

#menu a {
margin-right:50px;
color:#f9f9f9;
text-decoration:none;
background:url(ob40.png);
background:rgba(0, 0, 0, 0.4);
text-shadow:0 0 1px rgba(0, 0, 0, 0.01);
padding:4px;
}

#menu ul {
list-style:none;
margin:0;
padding:0;
}

#menu li {
cursor:pointer;
float:left;
position:relative;
}

#menu li ul {
float:left;
position:absolute;
bottom:20px;
margin-left:1px;
display:none;
}

#menu li ul li {
font-size:16px;
margin-top:-1px;
height:30px;
width:300px;
}

#menu li ul li a {
background:url(ob75.png);
background:rgba(0, 0, 0, 0.75);
margin-left:-2px;
padding:6px;
}

#menu li a:hover {
background:#f7f7f7;
color:#282828;
}

#slidecaption {
font-family:Helvetica, Arial, Sans-serif;
line-height:20px;
text-align:right;
font-size:12px;
color:#f7f7f7;
position:fixed;
top:30px;
right:30px;
background:rgba(0, 0, 0, 0.4);
max-width:300px;
}

h3 {
font-style:normal;
text-align:right;
letter-spacing:1px;
text-transform:uppercase;
font:20px 'BebasNeueRegular', Helvetica, Arial, Sans-serif;
text-shadow:0 0 1px rgba(0, 0, 0, 0.01);
margin:10px 10px 0 20px;
}

p {
margin:4px 10px 10px 20px;
}

#navigation {
position:fixed;
right:30px;
bottom:26px;
z-index:5000;
}

#nextthumb,#prevthumb {
z-index:6;
display:none;
text-shadow:0 0 1px rgba(0, 0, 0, 0.01);
letter-spacing:2px;
font:16px 'BebasNeueRegular', Helvetica, Arial, Sans-serif;
color:#f9f9f9;
margin-left:10px;
}

#nextthumb span,#prevthumb span {
background:url(ob40.png);
background:rgba(0, 0, 0, 0.4);
padding:4px;
}

#nextthumb {
right:12px;
float:right;
}

#prevthumb {
left:12px;
float:right;
}

#nextthumb:active,#prevthumb:active {
bottom:10px;
}

#navigation > :hover,#nextthumb:hover span,#prevthumb:hover span {
cursor:pointer;
background:#f7f7f7;
color:#282828;
}

.hover {
background:#f7f7f7 !important;
color:#282828;
}

#menu li:hover ul,li.over ul,#omli:hover ul,#fordjup:hover ul {
display:block;
}

/*
	Supersized - Fullscreen Slideshow jQuery Plugin
	Version 3.1.2
	www.buildinternet.com/project/supersized
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License*/
	
img {
border:none;
}

#supersized-loader {
position:absolute;
top:50%;
left:50%;
z-index:10;
width:60px;
height:60px;
text-indent:-999em;
background-color:#111;
background:rgba(0,0,0,0.8) url(progress.gif) no-repeat center center;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
margin:-30px 0 0 -30px;
}

#supersized {
position:fixed;
left:0;
top:0;
overflow:hidden;
z-index:-999;
height:100%;
width:100%;
}

#supersized img {
width:auto;
height:auto;
position:relative;
display:none;
outline:none;
border:none;
}

#supersized.speed img {
-ms-interpolation-mode:nearest-neighbor;
image-rendering:0;
}

#supersized.quality img {
-ms-interpolation-mode:bicubic;
image-rendering:optimizeQuality;
}

#supersized a {
z-index:-30;
position:absolute;
overflow:hidden;
top:0;
left:0;
width:100%;
height:100%;
background:#111;
}

#supersized a.prevslide {
z-index:-20;
}

#supersized a.activeslide {
z-index:-10;
}

#supersized a.prevslide img,#supersized a.activeslide img {
display:inline;
}