@font-face {
	font-family: 'Liberation Sans';
	src: url('Fonts/LiberationSans-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Liberation Sans';
	src: url('Fonts/LiberationSans.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Liberation Sans';
	src: url('Fonts/LiberationSans-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Liberation Sans';
	src: url('Fonts/LiberationSans-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

html { overflow-y: scroll; }
body { background: #FFFFFF; font-family: "Liberation Sans","HelveticaNeueW02-55Roma",Helvetica,Arial,sans-serif; font-size: 15px; color: #000000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; }

#page { margin: 0px auto; position: relative; width: 950px; }

	#debug { clear: both; color: #000000; font-size: 11px; padding: 20px; font-family: Consolas, "Courier New"; }
	
	.clr { clear: both; display: block; height: 0px; }
	a { color: #666666; }
		a:hover { color: #000000; }

	#navigation { width: 175px; float: left; text-align: right; padding-right: 30px; }
		#navigation a { text-decoration: none; }
	
		#navigation .logo { padding-top: 137px; }
			#navigation .logo a { font-family: "Liberation Sans",Helvetica,Arial,sans-serif; font-size: 32px; color: #000000; text-transform: lowercase; font-weight: bold; }
		
		#navigation ul.navigation { padding-top: 20px; }
		
		#navigation ul.navigation li { font-size: 15px; color: #000000; text-transform: uppercase; line-height: 20px; padding-top: 7px; }
			#navigation ul.navigation li.sub { font-size: 13px; line-height: 20px; padding-top: 0px; text-transform: none; }
			#navigation ul.navigation li a { color: #000000; }
				#navigation ul.navigation li.active a { border-bottom: 1px solid #000000; }
				#navigation ul.navigation li a:hover { border-bottom: 1px solid #000000; }
		
	#stage { width: 745px; float: right; padding-bottom: 70px; }
		
		#stage .content { padding-top: 150px; }
		#stage .content.top { padding-top: 0px; }
		
		#stage h1 { font-family: "Liberation Sans",Helvetica,Arial,sans-serif; line-height: 22px; font-size: 22px; font-weight: bold; }

		#stage .content h1 { text-transform: uppercase; }
		#stage .content h2 { line-height: 22px; font-size: 17px; padding-top: 25px; }
		#stage .content img { padding: 0px 0px 10px 0px; }
		#stage .content.top .content-gallery { height: 600px; position: relative; }
			#stage .content.top .content-gallery img { padding: 0px; position: absolute; bottom: 0px; }
		
		#stage .content .description { line-height: 20px; font-size: 15px; }
		#stage .content .footer { line-height: 17px; font-size: 13px;  }
		#stage .content .attachment { line-height: 17px; font-size: 13px; padding-top: 20px; }
		
		.c_contact #stage .content .description { font-size: 13px; }
			.c_contact #stage .content .description a:hover { color: #000000; }
		
		#stage .project { }
			#stage .project h1 { text-transform: uppercase; }
			#stage .project .teaser { line-height: 22px; font-size: 17px; padding-top: 5px; }
			#stage .project .footer { line-height: 17px; font-size: 13px; padding-top: 20px; }
			#stage .project .description { line-height: 20px; font-size: 15px; padding-top: 10px;  }
			#stage .project .attachment { line-height: 17px; font-size: 13px; padding-top: 20px; }
			
			#stage .project .nogallery { display: block; width: 600px; height: 174px; }
			
			#stage .project .gallery { position: relative; width: 600px; height: 600px; background: url(../_img/ajax-loader.gif) center center no-repeat;  margin-bottom: 24px; }
				#stage .project .gallery .image { display: none; width: 600px; height: 600px; background-position: 350px 350px; background-repeat: no-repeat; }
					#stage .project .gallery .image:first-child { display: block; }
					#stage .project .gallery .image .theimage { width: 600px; height: 600px; background-position: bottom left; background-repeat: no-repeat; }
					#stage .project .gallery .image a { position: absolute; top: 150px; display: block; }
				
				#stage .project .gallery .image .x2 { display: none; -webkit-background-size: 600px 600px; }

				@media only screen and (-webkit-min-device-pixel-ratio: 2)
				{
    				#stage .project .gallery .image .x1 { display: none; }
    				#stage .project .gallery .image .x2 { display: block; }
				}
				
					
				#stage .project .thumbs { position: absolute; display: block; width: 50px; top: 150px; left: 630px; }
					#stage .project .thumbs a { display: block; width: 45px; height: 45px; margin-bottom: 5px; background-position: top left; background-repeat: no-repeat; }
						#stage .project .thumbs a img { display: none; }
							#stage .project .thumbs a:first-child img { display: inline; }
				
				#stage .project .captions { position: absolute; display: block; width: 105px; bottom: 0px; left: 630px; }
					#stage .project .captions div { display: none; font-family: "Liberation Sans",Helvetica,Arial,sans-serif; font-size: 12px; color: #000000; }
						#stage .project .captions div:first-child { display: block; }
				
		
		#stage .markdown { width: 600px; }
	
	.markdown em { font-style: italic; }
	.markdown strong { font-family: "Liberation Sans",Helvetica,Arial,sans-serif; font-weight: bold; }
	.markdown p, ul, ol { padding: 1px 0px 9px 0px; }
	.markdown blockquote { margin: 10px 0px 0px 0px; padding: 5px 0px 5px 15px; border-left: 1px solid #662D91; font-style: italic; }
	.markdown ul { list-style: disc outside; margin-left: 15px; }
		.markdown ul li { display: list-item; font-weight: inherit; padding: 0px 0px 5px 30px; }
	.markdown ol { list-style: decimal outside; margin-left: 21px; }
		.markdown ol li { display: list-item; font-weight: inherit; padding: 0px 0px 5px 24px; }