/*ArtQuest v.3*/

body {
	font-family: "Museo Sans Cyrl 900", Arial, sans-serif;
	background-color: #FFF;
}

a {
	color: #333;
	outline: none;
}

	a:visited {
		color: #333;
	}

	a:hover {
		color: #FFF;
	}

h1 {
	font-size: 50pt;
}

/* ==================== Layout */

#backdrop {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	background-image: url(../images/backdrop.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.3;
}

#pattern {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	background-image: url(../images/pattern.png);
}

#header {
	position: fixed;
	width: 80%;
	min-width: 950px;
	height: 115px;
	top: 0;
	left: 50%;
	margin-left: -40%;
	z-index: 1;
}

	#headerBack {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #BBB;
		opacity: 0.7;
	}

	#logo {
		position: absolute;
		top: 30px;
		left: 50px;
		float: left;
		font-family: "Museo Slab 1000", Arial, sans-serif;
		letter-spacing: -3pt;
		color: #333;
		cursor: pointer;
	}

		#logo span:nth-child(1) {
			color: #CF1B51;
		}

		#logo span:nth-child(2) {
			color: #82B500;
		}

		#logo span:nth-child(3) {
			position: absolute;
			margin-left: 4pt;
			margin-top: -5pt;
			font-size: 30pt;
			color: #82B500;
		}

	#menu {
		position: absolute;
		height: 100%;
		left: 500px;
	}

		#menu ul {
			height: 100%;
		}

			.menuItem {
				position: relative;
				height: 100%;
				padding-left: 5px;
				padding-right: 20px;
				float: left;
				font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
				font-size: 25pt;
				line-height: 112pt;
				color: #333;
				cursor: pointer;
			}

				.menuItemHover {
					position: absolute;
					width: 100%;
					height: 100%;
					margin-left: -5px;
					padding-left: 5px;
					color: white;
					visibility: hidden;
				}

					#menuWeb {
						background-color: #82B500;
					}

					#menuPrint {
						background-color: #ECC807;
					}

					#menu3d {
						background-color: #9926A3;
					}

					#menuAQ {
						background-color: #CF1B51;
					}

					#menuBanners {
						background-color: #ED711C;
					}

			#menu ul li:nth-child(5) {
				font-size: 18pt;
				line-height: 117pt;
			}

#wrapper {
	position: relative;
	width: 80%;
	min-width: 950px;
	margin: 145px auto 50px;
}

	.cell {
		position: relative;
		margin-bottom: 6px;
		overflow: hidden;
		background-color: #FFF;
		background-image: url(../images/loading.gif);
		background-repeat: no-repeat;
		background-position: center;
		cursor: pointer;
	}

		.cellCanvas {
			position: absolute;
		}

		.cellBorder {
			position: absolute;
			width: 100%;
			height: 100%;
			border-width: 8px;
			border-style: solid;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}

		.cellText {
			position: absolute;
			height: 0.84em;
			bottom: 7px;
			letter-spacing: -0.1em;
			word-spacing: 0.2em;
			text-transform: uppercase;
		}

#footer {
	position: relative;
	width: 80%;
	min-width: 950px;
	height: 80px;
	margin: 0 auto;
	overflow: hidden;
}

	#footerBack {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #BBB;
		opacity: 0.7;
	}

	#footer p {
		position: absolute;
		top: 10px;
		left: 50px;
		font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
		line-height: 17pt;
		color: #333;
	}

	#metrika {
		position: absolute;
		top: 49px;
		right: 0;
	}

/* ==================== Isotope */

.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}