/***********************************************************************************************************************
BODY & CONTAINER
************************************************************************************************************************/
	
body,html {
	padding:0;
	margin:0;
}

img { 
	border:none; 
}

body {
	background:#FFF;
	font-family:Lekton, Monaco, "Lucida Console", monospace;
	font-size:10px;
	letter-spacing: 0.09em;
}

#container {
	width:960px;
	height:720px;
	background:none;
	margin:50px auto 0 50px;
}


#header {
	height:120px;
	width:230px;
	padding:0;
}

#header a:link, a:visited {
	background:none;
    text-decoration:none;	
}

#header a:hover, a:active {
	background:none;
    text-decoration:none;	
}

#nav {
	width:230px;
	height:540px;
	background:none;
	float:left;
	border-top: 2px solid #000;
}

#content {
	width:730px;
	height:540px;
	background:none;
	float:left;
}

#intro{
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-56px;
	margin-left:-150px;
	font-family:Lekton, Monaco, "Lucida Console", monospace;
	font-size:12px;
	color:#000;
	letter-spacing:0.1em;
	line-height:1.4em;
	
}

#intro a:link, a:visited {
	background:none;
    text-decoration:none;	
}

#intro a:hover, a:active {
	background:none;
    text-decoration:none;	
}

#intro .block a:link, a:visited {
	display:block;
	width:300px;
	color:#000;
	background:none;
    text-decoration:none;	
}

#intro .block a:hover, a:active {
	height:16px;
    background-color:#000;
	color:#FFF;
}

#gallery {
	width:730px;
	height:540px;
	margin:20px auto 0;
}

#picture1 {
	position:relative;
	top:-20px;
	left:40px;
	
}

#footer {
	height:60px;
	width:220px;
	background:none;
	clear:both;
	text-align:center;
	padding:0;
}

/***********************************************************************************************************************
ACCORDIAN
************************************************************************************************************************/

#wrapper {
	width: 230px;
	height:540px;
	margin-left: auto;
	margin-right: auto;
	}

	
.accordionButton {	
	width: 230px;
	height:30px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background:#FFC;
	border-bottom: 1px solid #000;
	border-top: 0.5px solid #000;
	cursor: pointer;
	}
	
.accordionContent {	
	width: 195px;
	max-height:250px;
	text-decoration:none;
	font-family:Lekton, Monaco, "Lucida Console", monospace;
	font-size:12px;
	letter-spacing:0.15em;
	line-height:1.2em;
	padding: 15px 20px 10px 15px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	border-bottom: 2px solid #000;
	background:#F0ECC2;
	overflow:hidden;
	diplay:none;
	}
	
.accordionContent:hover {
	overflow:auto;
}

.accordionContent a:link, .accordionContent a:visited {
	text-decoration:none;
	font-family:Lekton, Monaco, "Lucida Console", monospace;
	letter-spacing:0.15em;
	color:#000;
	background:none;	
}

.accordionContent a:hover, .accordionContent a:active {
	font-family:Lekton, Monaco, "Lucida Console", monospace;
	letter-spacing:0.15em;
	color:#666;
	background:none;
    text-decoration:none;	
}

.accordionContent .block{
	display:block;
	width:195px;
	background:none;
    text-decoration:none;
	font-family:Bebas Neue, Lekton, Monaco, "Lucida Console", monospace;
	letter-spacing:0.05em;
	font-size:13px;
	color:#000;	
}

overflow:auto; a.selected	{
	color:#C0F;
	cursor:default;
}



	
/***********************************************************************************************************************
SUPERSIZED
************************************************************************************************************************/

.on {
	background: #990000;
	}
	
.over {
	background: #CCCCCC;
	}
	
		
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
	#supersized {  display:block; 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: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
			
			
/***********************************************************************************************************************
SHADOWBOX
************************************************************************************************************************/
		
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:Lekton, Monaco, "Lucida Console", monospace;font-size:10px;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;left:-3%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:14px;}
#sb-info,#sb-info-inner{height:25px;line-height:25px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(close.png);}
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
	
			
/***********************************************************************************************************************
FONTS
************************************************************************************************************************/
			
@font-face {
	font-family: Bebas Neue;
	src:url(../fonts/bebasneue-webfont.ttf);
}

@font-face {
	font-family: Lekton;
	src:url(../fonts/Lekton-Regular-webfont.ttf);
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Lekton;
	src:url(../fonts/Lekton-Bold-webfont.ttf);
	font-weight:bold;
}

@font-face {
	font-family: Elementa;
	src:url(../fonts/Lekton-Italic-webfont.ttf);
	font-style:italic;
}