* {
	padding: 0px;
	margin: 0px;

	font-family: Courier, 'Courier New', mono;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 20px;	
}

body {
	overflow: hidden;
}

img {
	border: none;
}

a {
	text-decoration: none;
	color: #666666;
	outline: none;
}

a.act {
	color: #ff0077;
}

a:hover {
	color: #ff0077;
}

a[target='_blank']:hover {
	text-decoration: underline;
	color: #666666;
}


.nowrap {
	white-space: nowrap;
	display: table;
}

.uppercase {
	text-transform: uppercase;
}

.greybar-1 {
	background-color: #f8f8f8;
}
.greybar-2 {
	background-color: #f1f1f1;
}
.greybar-3 {
	background-color: #eaeaea;
}

div#head_lines {
	position: fixed;
	z-index: 2;
	display: table;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 32px;
	background-image: url(/img/bg.gif);
}
div#head_title {
	position: fixed;
	z-index: 3;
	display: table;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 32px;
	color: #ff0077;
}
div#head_title a {
	text-decoration: none;
	color: #ff0077;
}

div#menu_top {
	position: fixed;
	z-index: 4;
	display: table;
	left: 0px;
	top: 32px;
	width: 100%;
	height: 32px;
	text-transform: uppercase;
}
div#menu_sub {
	position: fixed;
	z-index: 5;
	display: table;
	left: 0px;
	top: 64px;
	width: 100%;
	height: 32px;
	text-transform: uppercase;
}

p.head {
	padding: 6px 0px 0px 30px;
	white-space: nowrap;
}

p {
	font-family: Courier, 'Courier New', mono;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 19px;	
}


div#content {
	position: fixed;
	z-index: 1;
	top: 64px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

div#title_hidden {
	display: none;
}

div.content-title {
	height: 26px;
	padding: 6px 0px 0px 30px;
}

div.page-content {
	padding: 38px 30px 0px 30px;
	width: 520px;
	height: auto;
	position: relative;
	display: table;
}

div#thumbnails_mask {
	width: 100%;
	height: 140px;
	overflow: hidden;
}

div#thumbnails_scroll {
	white-space: nowrap;
	width: 100%;
	height: 164px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

div#thumbnails {
	margin: 0px 30px;
}

div#thumbnails img {
	margin-right: 16px;
}

div#content_short {
	position: fixed;
	z-index: 1;
	top: 264px;
	left: 30px;
	right: 0px;
	bottom: 0px;
	overflow: auto;
	border-top: solid 1px #ff0077;
	white-space: nowrap;
	overflow: hidden;
}

div#content_short.exhibition {
	top: 264px;
}
div#content_short.artist {
	top: 232px;
}

div#images {
	position: absolute;
	left: 0px;
	
	right: 500px;
	
	top: 0px;
	bottom: 0px;
	white-space: normal;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

div#images div.image {
	margin-top: 16px;
	padding-right: 12px;
}

div#images div.image img {
	width: 100%;
	height: auto;
}

div.image p {
	font-size: 11px;
	line-height: 14px;
	margin-top: 6px;
	margin-bottom: 14px;
}
div.image p * {
	font-size: 11px;
	line-height: 14px;
}

div#text_column {
	position: absolute;
	right: 0px;
	width: 480px;
	top: 0px;
	bottom: 0px;
	padding-left: 20px;
	white-space: normal;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
div#text_column div {
	padding: 16px 16px 32px 0px;	
	height: auto;
	display: table;
}

.hilight-color {
	color: #ff0077;
}

div#artists_list {
	float: left;
	clear: none;
	width: 480px;
	margin-bottom: 40px;
}
div#artists_images {
	float: left;
	clear: none;
}


.alert {
	color: #c00;
	font-weight: bold;
}

div#preview_hint {
	background-color: #f00;
	color: #000;
	border: solid 1px black;
	padding:4px 10px;
	position:fixed;
	z-index: 20;

	right:16px;
	bottom:16px;
	
	font-family:helvetica,arial,sans-serif;
	font-size: 16px;
	line-height: 21px;
	text-align: center;
}

@media only screen and (min-width: 1518px) {
	div#images {
		right: auto;
		width: 988px;
	}
	div#text_column {
		left: 988px;
		width: auto;
	}
}


@media only screen and (max-width: 1000px) {
	
	* { -webkit-text-size-adjust: 133%; }
	
	p.head, div.content-title, div.page-content { padding-left: 16px; padding-right: 16px; }
	div#thumbnails { margin-left: 16px; }	
	
	
	div#content_short {
		position: absolute;
		height: auto;
		top: 168px;
		left: 16px;
		overflow: visible;
		bottom: none;
	}

	div#content_short.exhibition {
		top: 168px;
	}
	div#content_short.artist {
		top: 168px;
	}
	
	div#images {
		position: relative;
		display: block;
		left: 0px;
		right: 0px;
		width: auto;
		padding-right: 4px;
	}
	
	div#text_column {
		position: relative;
		display: block;
		left: 0px;
		right: 0px;
		width: auto;
		padding-left: 0px;
	}
	
}


@media only screen and (max-width: 650px) {
	
	body {
		overflow: auto;
	}

	div#head_title, div#menu_top, div#menu_sub, div#content {
		position: static;
	}
	
	div.page-content {
		width: auto;
/* 		padding-right: 16px; */
	}
	
	div#content {
		height: auto;
		bottom: none;
		overflow: visible;
	}
	
	div#content_short.exhibition {
		top: 264px;
	}
	div#content_short.artist {
		top: 232px;
	}


	div#text_column {
		width: 100%;
	}	
}