/*
	@font-face {
		font-family: 'DINProBold';
		src: url('DINPro-Bold.eot');
		src: local('?'), url('DINPro-Bold.woff') format('woff'), url('DINPro-Bold.ttf') format('truetype'), url('DINPro-Bold.svg') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	*/
	/*
	@font-face {
		font-family: 'DINProMedium';
		src: url('fonts/DINPro-Medium.eot');
		src: local('?'), url('fonts/DINPro-Medium.woff') format('woff'), url('fonts/DINPro-Medium.ttf') format('truetype'), url('fonts/DINPro-Medium.svg#webfontoOpRRVVJ') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	*/
/*
	@font-face {
	    font-family: 'DINProMedium';
	    src: url('fonts/DINPro-Medium.eot');
	    src: url('fonts/DINPro-Medium.woff') format('woff'),
             url('fonts/DINPro-Medium.otf') format('opentype'),
	    	 url('fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
	         url('fonts/DINPro-Medium.ttf') format('truetype'),
	         url('fonts/DINPro-Medium.svg#DINProMedium') format('svg');
	    font-weight: normal;
	    font-style: normal;

	}
*/
	@font-face {
	    font-family: 'DINProRegular';
	    src: url('fonts/DINPro-Regular.eot');
	    src: url('fonts/DINPro-Regular.woff') format('woff'),
             url('fonts/DINPro-Regular.otf') format('opentype'),
	    	 url('fonts/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
	         url('fonts/DINPro-Regular.ttf') format('truetype'),
	         url('fonts/DINPro-Regular.svg#DINProMedium') format('svg');
	    font-weight: normal;
	    font-style: normal;

	}

	html,
	body { background-color: #ff1d24; color: #000; font-family: Arial, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif; font-weight: normal; }

	input { font-family: Arial, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif; font-weight: normal; }
	
	.hide { display: none; } 	

	h1 { font-size: 14px; line-height: 15px; letter-spacing: 2px; margin: 0; padding: 0; font-family: "DINProRegular", Arial, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif; font-weight: normal; }
	h2 { font-size: 14px; color: #000; margin: 0 0 24px 0; padding: 0; font-family: "DINProRegular", Arial, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;font-weight: normal; }

	p { font-size: 12px; margin: 0 0 20px 0; color: #fff; }
	li { font-size: 12px; }

	a,
	a:link { color: #393839; text-decoration: none; }
	a:hover,
	a:focus { color: #ee2d30; }

	a#prev,
	a#prev:link,
	a#prev:hover { position: fixed; top: 50%; left: 70px; margin: -15px 0 0 0; display: block; width: 31px; height: 30px; text-indent: -5000px; background: url(../images/but-pagination-left.png) 0 0 no-repeat; z-index: 999; }

	a#next,
	a#next:link,
	a#next:hover { position: fixed; top: 50%; right: 70px; margin: -15px 0 0 0; display: block; width: 31px; height: 30px; text-indent: -5000px; background: url(../images/but-pagination-right.png) 0 0 no-repeat; z-index: 999; }

	#outer { display: none; }

	#header { float: left; width: 100%; height: 75px; background-color: #ff1d24; position: relative; z-index: 99; }
		#header-toggle,
		#header-toggle:link,
		#header-toggle:hover { position: absolute; bottom: -13px; left: 70px; display: block; width: 31px; height: 22px; text-indent: -5000px; background: url(../images/but-down.png) 0 0 no-repeat; }
		#header-toggle.active { background: url(../images/but-down.png) -30px 0 no-repeat; }

		#navigation { position: absolute; top: 16px; left: 150px; z-index: 9999; }
			#navigation-alpha { float: left; width: 150px; }
			#navigation-beta { float: left; width: 150px; }
			#navigation-gamma { float: left; width: 150px; }
				#navigation-beta span,
				#navigation-gamma span { float: left; font-size: 14px; letter-spacing: 2px; margin: 16px 0 0 0; padding: 0; font-family: "DINProRegular", Arial, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif; font-weight: normal; }
			#navigation a,
			#navigation a:link { color: #fff; }
			#navigation a:hover { color: #000; }
			#navigation a.current,
			#navigation a.section { color: #000; }
		#project-selection { display: none; float: left; width: 100%; position: relative; }
			#project-selection-inner { float: left; width: 1215px; margin: 150px 0 0 150px; }
				#project-selection .project { display: none; float: left; position: relative; width: 140px; height: 140px; margin: 0 10px 10px 0; }
					#project-selection .project img { position: absolute; top: 0; left: 0; }
					#project-selection .project .over { display: none; }
					#projects { float: left; width: 1215px; height: 290px; overflow: hidden; position: relative; }

				a#project-prev,
				a#project-prev:link,
				a#project-prev:hover { position: fixed; top: 370px; left: 70px; margin: -15px 0 0 0; display: block; width: 31px; height: 30px; text-indent: -5000px; background: url(../images/but-pagination-left.png) 0 0 no-repeat; z-index: 999; }

				a#project-next,
				a#project-next:link,
				a#project-next:hover { position: fixed; top: 370px; right: 70px; margin: -15px 0 0 0; display: block; width: 31px; height: 30px; text-indent: -5000px; background: url(../images/but-pagination-right.png) 0 0 no-repeat; z-index: 999; }

			.carousel ul { position:absolute; overflow:hidden; margin:0; padding:0; list-style:none; }
				.carousel .mask { position:relative; overflow:hidden; width: 740px; height: 290px;  }
				.carousel ul li { float:left; width:140px; height:140px; margin:0 10px 10px 0; position: relative;}
				.carousel ul li img { position: absolute; top: 0; left: 0; }
				.carousel ul li img.over { display: none; }
				.carousel .pagination-links { list-style:none; margin:0; padding:0; }	 
				.carousel .pagination-links li { display:inline; }
				.carousel .pagination-links li a { padding:2px 6px; }
				.carousel .pagination-links li a:hover {text-decoration:none;}
				.carousel .pagination-links li.current a {color:#fff; }
				.carousel .disabled { color:gray; cursor:default; }

		#content { position: fixed; top: 75px; width: 100%; height: 100%; overflow: hidden; }
			
			#details { position: absolute; top: 0; left: 0; z-index: 5; }
				#icon { position: absolute; top: 135px; left: 70px; }
				#copy { position: absolute; top: 150px; left: 150px; width: 410px; height: 420px; padding: 30px 20px 0 20px; background-color: #ff1d24; }
					#copy a,
					#copy a:link { color: #fff; }
					#copy a:hover { color: #000; }

			#background { display: none; position:fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:1; }
				#background .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; -ms-behavior: url(css/backgroundsize.min.htc); }