﻿@import url("reset.css");
@import url("lightbox.css");

/*
	Description: Exhibition Stylesheet
	Media: Screen
	Version: 03 May 2010
	Author: Laurence Lam
*/
.MentoneLigBold {font-family: 'MentoneLigBold', sans-serif;}
.Aller {font-family: 'AllerRegular', sans-serif;}

* {font-family: Arial, Helvetica, sans-serif;margin:0;padding:0;font-size: 12px;}

body {color:black;background:white;text-align:center;}

.clear {clear:both;}
a {color:black;font-weight:600;}
a:hover {color:#666;/*background:#E5E5E5;*/}
a:focus {outline: none;}

.fltLeft {float:left;}
.fltRight {float:Right;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}

.size12px {font-size:100%;}

#wrapper {/*width:960px;*/position:relative;margin:0 auto;padding-bottom:1.5em;}

#header {margin-top:1em;position:relative;}
#header #GiMyaoLogo {background: url(/images/exhibition/GiMyao_Logo.gif) no-repeat 0 10px;display:block;height:62px;width:253px;border:0;text-indent:-9999px;margin:0 auto;padding:10px 0;}
#header #menu {letter-spacing:-0.1em;padding-top:2em;}
#header #menu ul {}
#header #menu li {display:inline;font-weight:600;}
#header #menu li a {font-size:180%;display:inline;}
#header #menu .dot {padding: 0 0.4em;color:black;}

#header ul#ExhibAddress {border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:1em;line-height:1.3em;padding:0.5em 0;}
#header ul#ExhibAddress li {display:inline;font-weight:600;font-size:120%;}
#header ul#ExhibAddress li a {font-size:100%;}
#header ul#ExhibAddress li.padLeft {padding-left:30px;}

#header #ExhibAddress b {font-size:100%;}

#content {margin:0.5em 0 1em 0;}
#content #Width960 {width:960px;margin:auto;}

#footer {padding-bottom:3em;border-top:1px solid #ccc;}
#footer #footermenu {margin-top:1em;}
#footer #footermenu ul {}
#footer #footermenu li {display:inline;font-weight:600;}
#footer #footermenu li a {display:inline;}
#footer #footermenu li a:hover {color:#666;}
#footer #footermenu .dot {padding: 0 0.4em 0 0.6em;color:#black;}

#footer #copyright {margin-top:1em;font-size:95%;text-transform:none;}
#footer ul#conditions {margin-top:0.5em;font-size:95%;float:right;display:inline;}
#footer ul#conditions li {display:inline;margin-right:0.5em;}



/* EXHIBITION */
#Exhibition {margin:2em auto;width:950px;}
#Exhibition .Img {padding-bottom:1em;}
#Exhibition .ImageNumber {color:#666;padding:5px 0 30px 0;}
hr.stroke {display:none;border:0;/*border-bottom:1px solid #EEE;*/margin:0 0 15px 0;}
/* EXHIBITION */


/* LANDING - 16062010 */
ul#LandingPage16062010 {display:inline;}
ul#LandingPage16062010 li {display:inline;float:left;margin:auto;padding:30px;}
ul#LandingPage16062010 li#EnterWebsite a {background: url(/images/exhibition/EnterGiMyao.jpg) no-repeat;width:420px;height:660px;display:block;text-indent:-9999px;}
ul#LandingPage16062010 li#EnterWebsite a:hover {background: url(/images/exhibition/EnterGiMyao_Hover.jpg) no-repeat;width:420px;height:660px;display:block;text-indent:-9999px;}

ul#LandingPage08072010 {display:inline;}
ul#LandingPage08072010 li {display:inline;float:left;margin:auto;padding:0 30px;}
ul#LandingPage08072010 li#EnterExhibition a {background: url(/images/exhibition/EnterExhibition2_01.jpg) no-repeat;width:420px;height:604px;display:block;text-indent:-9999px;margin:30px 0 0 0 ;}
ul#LandingPage08072010 li#EnterExhibition a:hover {background: url(/images/exhibition/EnterExhibition2_Hover_01.jpg) no-repeat;width:420px;height:604px;display:block;text-indent:-9999px;}
ul#LandingPage08072010 li#BuyArtwork a {background: url(/images/exhibition/EnterExhibition2_02.jpg) no-repeat;width:420px;height:56px;display:block;text-indent:-9999px;}
ul#LandingPage08072010 li#BuyArtwork a:hover {background: url(/images/exhibition/EnterExhibition2_Hover_02.jpg) no-repeat;width:420px;height:56px;display:block;text-indent:-9999px;}


/* ******************************************************************************************************************************************
?. HIGHSLIDE
****************************************************************************************************************************************** */

.highslide-container div {/*font-family: Lucida Grande, Verdana, sans-serif;font-size: 13px;*/}
.highslide-container table {/*background: none;*/}
.highslide {/*outline: none;text-decoration: none;*/}
.highslide img {padding:10px;/*border-width: 0px;border-color: #ffffff;border-style: solid;margin-top: 0px;margin-bottom: 0px;*/}
.highslide:hover img {background:#EEE;/*border-width: 0px;border-color: #ffffff;border-style: solid;margin-top: 0px;margin-bottom: 0px;*/}
.highslide img a {text-decoration:none;}
.highslide-active-anchor img, .highslide-active-anchor:hover img {visibility: hidden;} /*ENABLES THUMB TO BE HIDDEN WHEN SELECTED*/ 
.highslide-image {/*border-width: 0px;border-style: solid;border-color: #ffffff;*/}
.highslide-image-blur {}
.highslide-wrapper, .highslide-outline, .highslide-caption, .highslide-heading {/*background: #000000;*/}
/*
.highslide-caption {display: none;border-top: none;font-size: 13px;font-weight: normal;font-style: normal;font-variant: normal;color: #ffffff;text-align: center;padding: 5px;}
.highslide-caption a:link {color: #ffffff;font-weight: bold;text-decoration: none;}
.highslide-caption a:visited {color: #ffffff;font-weight: bold;text-decoration: none;}
.highslide-caption a:hover {color: #9999ff;font-weight: bold;text-decoration: none;}
.highslide-caption a:active {color: #ffffff;font-weight: bold;text-decoration: none;}
.highslide-heading {display: none;font-size: 13px;font-weight: normal;font-style: normal;font-variant: normal;color: #ffffff;overflow: hidden;cursor: default;text-align: center;padding: 5px;}
.highslide-heading a:link {color: #ffffff;font-weight: bold;}
.highslide-heading a:visited {color: #ffffff;font-weight: bold;}
.highslide-heading a:hover {color: #9999ff;font-weight: bold;}
.highslide-heading a:active {color: #ffffff;font-weight: bold;}
*/

.highslide-dimming {position: absolute;background: #ffffff;}
.highslide-loading {display: block;color: #666;font-size:100%;font-weight: bold;text-decoration: none;padding: 3px;border: 1px solid white;background-color: #ffffff;padding-left: 22px;}
.highslide-loading {}
.highslide-loading a:hover {}

.highslide-controls {width: 135px;height:40px;margin:0px 16px 0px 1px;left: -7px;position: static;}
.highslide-controls ul {position: relative;left: 15px;height: 40px;list-style: none;margin: 0;padding: 0;}
.highslide-controls li {float: left;margin: 0;list-style: none;}
.highslide-controls {background: url(../images/exhibition/Controlbar.gif) 0 -90px no-repeat;}
.highslide-controls ul {background: url(../images/exhibition/Controlbar.gif) right -90px no-repeat;}
.highslide-controls li {padding: 5px 0;}
.highslide-controls a {background: url(../images/exhibition/Controlbar.gif);display: block;float: left;height: 30px;width: 30px;outline: none;}
.highslide-controls a.disabled {cursor: default;}
.highslide-controls a span {/* hide the text for these graphic buttons */display: none;}
.highslide-move a {cursor: move;}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {background-position: 0 0;}
.highslide-controls .highslide-previous a:hover {background-position: 0 -30px;}
.highslide-controls .highslide-previous a.disabled {background-position: 0 -60px !important;}
.highslide-controls .highslide-play a {background-position: -30px 0;}
.highslide-controls .highslide-play a:hover {background-position: -30px -30px;}
.highslide-controls .highslide-play a.disabled {background-position: -30px -60px !important;}
.highslide-controls .highslide-pause a {background-position: -60px 0;}
.highslide-controls .highslide-pause a:hover {background-position: -60px -30px;}
.highslide-controls .highslide-next a {background-position: -90px 0;}
.highslide-controls .highslide-next a:hover {background-position: -90px -30px;}
.highslide-controls .highslide-next a.disabled {background-position: -90px -60px !important;}
.highslide-controls .highslide-move a {background-position: -120px 0;}
.highslide-controls .highslide-move a:hover {background-position: -120px -30px;}
.highslide-controls .highslide-full-expand a {background-position: -150px 0;}
.highslide-controls .highslide-full-expand a:hover {background-position: -150px -30px;}
.highslide-controls .highslide-full-expand a.disabled {background-position: -150px -60px !important;}
.highslide-controls .highslide-close a {background-position: -180px 0;}
.highslide-controls .highslide-close a:hover {background-position: -180px -30px;}




/*
.highslide-viewport {display: none;visibility: hidden;position: fixed;width: 100%;height: 100%;z-index: 1;background: none;left: 0;top: 0;}




.text-controls .highslide-controls {
	width: auto;
	height: auto;
	margin: 0;
	text-align: center;
	background: none;
}
.text-controls ul {
	position: static;
	background: none;
	height: auto;
	left: 0;
}
.text-controls .highslide-move {
	display: none;
}
.text-controls li {
	background-image: url(graphics/controlbar-text-buttons.png);
	background-position: right top !important;
	padding: 0;
	margin-left: 15px;
	display: block;
	width: auto;
}
.text-controls a {
	background: url(graphics/controlbar-text-buttons.png) no-repeat;
	background-position: left top !important;
	position: relative;
	left: -10px;
	display: block;
	width: auto;
	height: auto;
	text-decoration: none !important;
}
.text-controls a span {
	background: url(graphics/controlbar-text-buttons.png) no-repeat;
	margin: 1px 2px 1px 10px;
	display: block;
	min-width: 4em;
	height: 18px;
	line-height: 18px;
	padding: 1px 0 1px 18px;
	color: #333;
	font-family: Lucida Grande, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	white-space: nowrap;
}
.text-controls .highslide-next {
	margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
	min-width: 0;
	margin: 1px 0;
	padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
	min-width: 0;
}
.text-controls a:hover span {
	color: black;
}
.text-controls a.disabled span {
	color: #999;
}
.text-controls .highslide-previous span {
	background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
	background-position: 0 -140px;
}
.text-controls .highslide-play span {
	background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
	background-position: 0 -160px;
}
.text-controls .highslide-pause span {
	background-position: 0 -80px;
}
.text-controls .highslide-next span {
	background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
	background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
	background: none;
}
.text-controls .highslide-full-expand a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-close span {
	background-position: 0 -120px;
}
.highslide-thumbstrip {
	height: 100%;
}
.highslide-thumbstrip div {
	overflow: hidden;
}
.highslide-thumbstrip table {
	position: relative;
	padding: 0;
	border-collapse: collapse;
}
.highslide-thumbstrip td {
	padding: 1px;
	
}
.highslide-thumbstrip a {
	outline: none;
}
.highslide-thumbstrip img {
	display: block;
	border: 1px solid gray;
	margin: 0 auto;
	background-color: ;
}
.highslide-thumbstrip .highslide-active-anchor img {
	visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
	position: absolute;
	width: 0;
	height: 0;
	border-width: 0;
	border-style: solid;
	border-color: transparent;
	*/
	/* change this to actual background color in highslide-ie6.css */
	/*
}
.highslide-thumbstrip-horizontal div {
	width: auto;
	
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) left center no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) center right no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal table {
	margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
	margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
	width: auto;
	height: 50px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
	top: 57px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	border-bottom-color: white !important;
}
.highslide-thumbstrip-vertical div {
	height: 100%;
}
.highslide-thumbstrip-vertical a {
	display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
	margin-left: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) top center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
	margin-left: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) bottom center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical table {
	margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical img {
	height: auto;
	width: 75px;
}
.highslide-thumbstrip-vertical .highslide-marker {
	left: 0;
	margin-top: 8px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
	border-left-color: white;
}
.highslide-viewport .highslide-thumbstrip-float {
	overflow: auto;
}
.highslide-thumbstrip-float ul {
	margin: 2px 0;
	padding: 0;
}
.highslide-thumbstrip-float li {
	display: block;
	height: 60px;
	margin: 0 2px;
	list-style: none;
	float: left;
}
.highslide-thumbstrip-float img {
	display: inline;
	border-color: silver;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
	border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
	display: none;
}
.highslide-thumbstrip-float .highslide-marker {
	display: none;
}
*/

.highslide-controls .highslide-full-expand {display: none;}
.text-controls .highslide-full-expand {display: none;}
.highslide-controls .highslide-move {display: none;}
/* ******************************************************************************************************************************************
?. HIGHSLIDE
****************************************************************************************************************************************** */

/* ******************************************************************************************************************************************
?. SHOP
****************************************************************************************************************************************** */
/*
@font-face {
	font-family: 'MentoneLigBold';
	src: url('mentone-semibol-webfont.eot');
	src: local('âº'), url('mentone-semibol-webfont.woff') format('woff'), url('mentone-semibol-webfont.ttf') format('truetype'), url('mentone-semibol-webfont.svg#webfontJBXdoGmH') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
	font-family: 'AllerRegular';
	src: url('aller_rg-webfont.eot');
	src: local('☺'), url('aller_rg-webfont.woff') format('woff'), url('aller_rg-webfont.ttf') format('truetype'), url('aller_rg-webfont.svg#webfontzEorQKad') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* EXHIBITION LEFT ACCORDION NAV - not used */ 
ul#LeftMenu {width:200px;text-align:left;}
ul#LeftMenu li {padding-bottom:3px;}
ul#LeftMenu li a {text-decoration:none;font-family:times;font-style:italic;font-weight:normal;}
ul#LeftMenu li a h2.MenuHeader {font-size:240%;text-transform:uppercase;letter-spacing:1px;color:black;/*font-style:normal;*/}
ul#LeftMenu li a:hover h2.MenuHeader {color:black;text-decoration:underline;/*font-style:normal;*/}

#RightContent {width:720px;}
/* EXHIBITION LEFT ACCORDION NAV - not used */




/* EXHIBITION SHOP LANDING */ 
hr.Line {clear:both;border:0;border-bottom:1px solid #EEE;margin:0 0 15px 0;padding:15px 0 0 0;}
h2.PageHeader {font-size:320%;font-weight:600;text-transform:uppercase;letter-spacing:-1px;color:black;padding-bottom:15px;}

#ShopWrap .PrintInfo {height:410px;width:290px;text-align:left;margin-left:30px;}
#ShopWrap .PrintInfo p {line-height:190%;}
#ShopWrap .PrintInfo p.FirstLine {padding:30px 0 0 0;}
#ShopWrap .PrintInfo h2 {font-size:100%;/*font-weight:600;text-transform:uppercase;letter-spacing:-1px;*/color:black;line-height:190%;}
#ShopWrap .PrintInfo p.LimitedQuantity {padding-bottom:10px;/*font-size:120%;*/}
#ShopWrap .PrintInfo p.PrintPrice {font-size:150%;padding:10px 0;}
#ShopWrap .PrintInfo span.BuyPrint {padding:0 0 20px 10px;text-transform:uppercase;}
#ShopWrap .PrintInfo span.BuyPrint a {font-size:140%;border:2px solid black;padding:0px 10px;}
#ShopWrap .PrintInfo span.BuyPrint a:hover {border:2px solid #666;}
#ShopWrap .PrintInfo p.BuyOriginal {}
#ShopWrap hr.BorderBlack {border:0;border-bottom:1px solid #000;margin:0 0 15px 0;padding:15px 0 0 0;}


/* TERMS */ 
#content #Width960 h3.Terms{font-weight:800;}

/* ******************************************************************************************************************************************
?. SHOP
****************************************************************************************************************************************** */












