@media screen, projection {
	.HelveticaNeueLTPro-Lt {
		font-family: HelveticaNeueLTPro-Lt;
		font-weight: normal;
		font-style: normal;
	}

	body {
		font-family: 'HelveticaNeueLTPro-Lt', sans-serif;
		margin: 0px;
		padding: 0px;
		color: #fff;
		font: 11px/1.6 "HelveticaNeueLTPro-Lt", "Arial CE", "Helvetica CE", "Arial", "Helvetica", "sans-serif";
		background: #000;
	}

	a, a.link, a.visited, a.active {
		color: #fff;
	}

	img {
		border: none;
	}

	h1 {

	}

	h2 {

	}

	p {
		margin: 0;
		padding: 0;
	}

	.clearFix:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		visibility: hidden;
		font-size: 0;
	}
	.clearFix {
		display: inline-block;
	}
	.clearFix {
		display: block;
	}
	* html .clearFix {
		height: 1%;
	}

	.center {
		text-align: center;
	}

	.under-menu-row {
		height: 50px;
		width: 100%;
		background-color: #000;
		position: absolute;
		top: 0;
	}

	#linkHolder {
		height: 1px;
		width: 100%;
		position: absolute;
		top: 50px;
		z-index: 10000;
		background: url('/gfx/link.png');
	}

	#pageHolder {
		position: relative;
		width: 100%;
		max-width: 1600px;
		min-width: 980px;
		margin: 0 auto;
		padding: 0;
	}

	ul#menu {
		float: left;
		padding: 27px 0px 0px 80px;
		margin: 0;
		list-style: none;
		background-color: black;
	}

	ul#menu li {
		float: left;
		height: 23px;
		vertical-align: top;
		margin-right: 57px;
	}

	ul#menu li a{
		font-size: 125%;
		line-height: 100%;
		vertical-align: top;
		text-decoration: none;
	}

	ul#menu li a:hover, ul#menu li a.active, #projectsBoxHolder ul li a:hover, #projectsBoxHolder ul li a.active {
		color: #7fc2c3;
	}

	a#info {
		position: relative;
		z-index: 10;
		float: right;
		margin: 10px 10px 0px 0px;
		display: block;
		width: 14px;
		height: 14px;
		font-size: 1%;
	}

	a#info span {
		position: absolute;
		top: 0;
		left: 0;
		width: 14px;
		height: 14px;
		background: url('/gfx/info.png') no-repeat;
	}

	.logoHolder {
		margin-bottom: 52px;
		display: block;
		width: 110px;
		height: 186px;
		font-size: 1%;
		font-weight: normal;
		line-height: 1%;
		color: #000;
		background: url('/gfx/logoSmaller.png') no-repeat;
	}

	h1#logo {
		position: absolute;
		z-index: 10000;
		right: 50px;
		margin: 100px 0px 0px 0px;
		width: 130px;
		height: 220px;
		font-size: 1%;
		font-weight: normal;
		line-height: 1%;
		color: #000;
		background: url('/gfx/logo.png') no-repeat;
	}

	.transparentBcg {
		display: none;
		position: absolute;
		top: 50px;
		z-index: 1000;
		background: url('/gfx/opacityBcg.png');
	}

	.activeBoxHolder {
		display: block;
	}

	.opacity0 {
		filter: alpha(opacity=0);
		opacity: 0;
	}

	#o-nasBoxHolder {
		xwidth: 851px;
		width: 60%;
		padding: 84px 84px 36px 25px;
		margin: 0px 0px 0px 55px;
	}

	#o-nasBoxHolder p {
		margin-bottom: 48px;
		font-size: 115%;
		line-height: 210%;
	}

	#kontaktBoxHolder {
		max-width: 208px;
		padding: 84px 84px 36px 25px;
		margin: 0px 0px 0px 355px;
	}

	#kontaktBoxHolder p {
		margin-bottom: 48px;
		font-size: 115%;
		line-height: 210%;
	}

	#projektyBoxHolder, #realizaceBoxHolder {
		padding: 72px 84px 84px 25px;
		margin: 0px 0px 0px 145px;
	}

	#realizaceBoxHolder {
		margin-left: 250px;
	}

	#projektyBoxHolder ul, #realizaceBoxHolder ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#projektyBoxHolder ul li, #realizaceBoxHolder ul li {
		padding: 4px 0px;
	}

	#projektyBoxHolder ul li a, #realizaceBoxHolder ul li a {
		font-size: 115%;
		text-decoration: none;
	}

	#projektyBoxHolder ul li a:hover, #realizaceBoxHolder ul li a:hover {
		color: #7fc2c3;
	}

	#projektyBoxHolder ul li#allProjects  {
		padding-top: 25px;
	}

	#projectBoxHolder, #realizationBoxHolder {
		max-width: 196px;
		padding: 84px 84px 36px 25px;
		margin: 0px 0px 0px 512px;
	}

	#projectBoxHolder p, #realizationBoxHolder p {
		margin-bottom: 48px;
		font-size: 115%;
		line-height: 210%;
	}

	.hiddenImage {
		display: none;
	}

	h2#projectTitle {
		float: left;
		margin: 27px 26px 0px 53px;
		padding: 0;
		font-size: 115%;
		line-height: 100%;
		vertical-align: top;
		font-weight: normal;
		color: #7fc2c3;
	}

	ul#projectImageList {
		float: left;
		list-style: none;
		margin: 29px 0px 0px 0px;
		padding: 0;
	}

	ul#projectImageList li {
		float: left;
	}

	ul#projectImageList li a {
		display: block;
		width: 1px;
		height: 11px;
		font-size: 1%;
		line-height: 1%;
		text-decoration: none;
		padding: 0 5px;
		background: url('/gfx/picLink.gif') 5px 0px no-repeat;
	}

	ul#projectImageList li a:hover, ul#projectImageList li a.active {
		background-position: 5px -11px;
	}

	a#projectDescription {
		display: block;
		width: 11px;
		height: 11px;
		float: left;
		margin: 29px 0px 0px 5px;
		background: url('/gfx/description.png') no-repeat;
	}

	a#projectDescription:hover, a#projectDescription.active {
		background-position: 0px -11px;
	}

	#disclaimerBoxHolder {
		position: absolute;
		z-index: 1;
		right: 20px;
		margin-top: -43px;
		width: 0px;
		overflow: hidden;
		white-space: nowrap;
		color: #808080;
	}

	#disclaimerBoxHolder a {
		color: #808080;
		font-size: 105%;
		text-decoration: none;
	}

	#disclaimerBoxHolder.active {
		width: 428px;
	}

	#notFound {
		position: absolute;
		top: 250px;
		padding:0;
		margin: 0px 0px 0px 90px;
		font-size: 135%;
	}

	img.expandImage {
		position: absolute;
		top: 50px;
		width: 100%;
		z-index: 10;
	}

	.left-arrow-wrapper, .right-arrow-wrapper {
		position: absolute;
		width: 45px;
		height: 86px;
		top: 50%;
		margin-top: -43px;
		cursor: pointer;
		display: none;
	}

	.left-arrow-wrapper {
		background: url('/gfx/left-arrow.png') no-repeat;
		margin-left: 50px;
	}

	.right-arrow-wrapper {
		background: url('/gfx/right-arrow.png') no-repeat;
		margin-left: -95px;
		left: 100%;
	}

	#swipe-wrapper {
		display: block;
		width: 100%;
	}
}