@font-face {
      font-family: "AvantGarde";
      src: url('otf/ITCAvantGardeStd-Bk.otf');

}@font-face {
	font-family: "AvantGarde";
	src: url('otf/ITCAvantGardeStd-Md.otf');
	font-weight: bold;
}@font-face {
	font-family: "AvantGarde";
	src: url('otf/AvantGardeBookObliqueBT.otf');
	font-style: italic;
	font-style: oblique;
}

em{
    font-family: "AvantGarde", arial, helvetica, verdana, sans-serif;
    font-style: italic;
}




.avant a{
	color: #000;
	text-decoration: none;
}body{
    margin: 0px 0px 0px 20px;
    background: #FFFFFF;
    text-align: left;
}body, table{
    font-family: "AvantGarde", arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	line-height: 15px;
}strong{
    font-family: "AvantGarde";
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
}bold{
    font-family: "AvantGarde";
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
}em{
    font-family: "AvantGarde";
    font-size: 12px;
    line-height: 15px;
}a {
    font-weight: normal;
    text-decoration: none;
    color: #000;
}a:hover{
    color: #000;
    text-decoration: none;
    cursor: pointer;
}a img{
    border: none;
}.bold{
    font-family: "AvantGarde", arial, helvetica, verdana, sans-serif;
    font-weight: bold;
}
.yeartitle{
    font-family: "AvantGarde", arial, helvetica, verdana, sans-serif;
    font-size: 17px;
    font-weight: bold;
}



.auerglassholder{
	box-sizing: border-box;
	max-width: 1020px;
	width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 100px .8% 0px .8%;
	position: relative;
	overflow: auto;
}.auerrow{
	box-sizing: border-box;
	width: 100%;
	position: relative;
	text-align: center;
	float: left;
	margin: 0px 0px 1.6% 0px;
	padding: 0px;
}.auerimg{
	box-sizing: border-box;
	margin: 0px .8% 0px .8%;
	display: inline-block;
	vertical-align: top;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}.auerimg.wide{
	width: 38.4%;
	padding-bottom: 25%;
}.auerimg.thin{
	width: 18.4%;
	padding-bottom: 25%;
}.auerimg.large{
	width: 58.4%; /* 38.4 + 18.4 + 1.6*2 */
	padding-bottom: 25%;
}.auerimg.huge{
	width: 78.4%; /* 38.4*2 + 1.6 */
	padding-bottom: 50%;
}.auerimg.tl{
	width: 44%; /* 38.4*2 + 1.6 */
	padding-bottom: 30%;
}.auerimg.tr{
	width: 52%; /* 38.4*2 + 1.6 */
	padding-bottom: 0px;
	text-align: left;
}.auerimg img{
	width: 100%;
}.auertype{
	box-sizing: border-box;
	display: block;
	text-align: center;
	width: 100%;
	padding: 16px .8%;
	overflow: auto;
}.auertype.left{
	padding-bottom: 4px;
	text-align: left;
}.auertype a{
	color: #1155cc;
}

#exright{
    display: block;
    position: fixed;
    width: 50%;
    top: 25px;
    overflow: auto;
    background: #fff;
    float: left;
    text-align: center;
	height: 100%;
}#exright::-webkit-scrollbar {
    display: none;
}

#exhibitionblockcenter {
    display: block;
    margin: 0px 0px 0px -15px; /*37 if not fixed, top was 97 */
    float: left;
    text-align: center;
    width: 100%;
}#worksblockcenter {
    display: block;
    margin: 110px 0px 0px -15px; /*37 if not fixed, top was 97 */
    float: left;
    text-align: center;
    width: 100%;
}#worksblock {
    display: block;
    margin: 97px 0px 0px 0px; /*37 if not fixed */
    float: left;
    width: 100%;
}#bibliographyblock {
    display: block;
    margin: 117px 0px 0px 0px; /*57 if not fixed */
    float: left;
    width: 100%;
}.bibliographycell{
    display: inline;
    margin: 0px 18px 20px 0px;
    width: 210px;
    height: 725px;
    float: left;
}#diagonalblock{
    position: relative;
    height: 100%;
    display: block;
}#diag {
    z-index: -100;
}#diag2 {
    margin-top: 112px;
    display: block;
    float: left;
    width: 100%;
    text-align: middle;
}

.exhibitioncredit{
	width: 100%;
	text-align: right;
	padding: 4px 30px 0px 0px;
}

.diagwidth { width: 100%; }
.diagheight { height: 100%; }
#diagonal{height: 100%; width: 100%;}
#bg { margin: -10px auto 0px auto; display: block;}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }


#menuholder {
	float: left;
	width: 100%;
	border: 0px solid #000000;
	background: #888888;
	z-index: 400;
}#menublock {
	z-index: 500;
	position: fixed;
	width: 250px; /*size of link on top */
	height: 53px;
    margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
}#menublockfixed {
	z-index: 500;
	position: fixed;
	width: 250px; /*size of link on top */
	height: 53px;
    margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
}#menuspace {
	float: left;
	width: 15px;
	height: 20px;
	 margin: 30px 0px 0px 0px;
}#menufill {
	display: block;
	float: left;
	width: 400px;
	height: 30px;
	border: 1px solid #000000;
	background: none;
}

/*
#bookthumb{
    width: 200px;
    height: 200px;
    margin: 0px 50px 50px 0px;
    float: left;
    display: inline;
    background: #efefef;
}#bookthumb:hover{
    background: #dddddd;
}*/

#wholethumb{
    height: 120px;
    margin: 0px 15px 28px 15px;
    display: inline-block;
    z-index: 100;
}#wholethumb:hover{
    background: none;
}#wholethumb:hover img{
    opacity: 0.01;
    filter:alpha(opacity=00);
}.innerthumb{
    text-align: middle;
}

#exwhole{
    height: 120px;
    width: 120px;
    margin: 0px 4px 28px 4px;
    border: 0px solid #f8f8f8;
    display: inline-block;
    z-index: 100;
    position: relative;
    vertical-align: top;
}#exinner{
    display: inline-block;
    top: 0;
}#exinner:hover img{
    opacity: 0.01;
    filter:alpha(opacity=00);
}

#wholethumbblock{
    height: 120px;
    width: 120px;
    margin: 0px 4px 28px 4px;
    border: 0px solid #f8f8f8;
    display: inline-block;
    z-index: 100;
    position: relative;
    vertical-align: top;
}#innerimage{
    display: inline-block;
    top: 0;
}#innerimage:hover img{
    opacity: 0.01;
    filter:alpha(opacity=00);
}

#divy200{
    margin: 10px 0px 0px 0px;
}


.specialimg{
    max-width: 120px;
}#wholethumbblock:hover{
    background: none;
}


.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: ...;
    height: ...;
}
.wraptocenter * {
    vertical-align: middle;
}



/* BOOKS & EDITIONS CELLS/HOVERING */
#bookcellmaster{
    width: 210px;
    height: 200px;
    margin: 0px 15px 30px 0px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 100;
}#bookcell, #bookcell a{
    width: 210px;
    height: 200px;
    display: block;
    float: left;
    z-index: 200;
}#bookcell:hover{
    cursor: pointer;
}#bookcell:hover img{
    display: none;
}#bookcellunder{
    position: absolute;
    top: 0;
    left: 0;
    padding: 0px 0px 0px 0px;
    width: 210px;
    height: 200px;
    z-index: -100;
    color: #000;
    display: block;
    text-align: left;
}#bookcellunder:hover{
    position: absolute;
    color: #000;
    top: 0;
    left: 0;
    padding: 0px 0px 0px 0px;
    width: 210px;
    height: 200px;;
    z-index: -100;
    display: block;
    text-align: left;
    display: block;
}#bookthumb{
    display: table;
    float: left;
    text-align: center;
    vertical-align: middle;
    width: 210px;
    height: 200px;
    margin: 0px;
    background: #fff;
    position: relative;
}#bookthumb:hover{
    cursor: pointer;
    background: none;
}#bookthumb:hover img{
    display: none;
}

#imgview{
    display: block;
    width: 100%;
    height: 100%;
/*   background: #cfa; */
}#imgview img{
    height: 50%;
}

#arrowblock{
    display: inline;
    float: left;
    height: 31px;
    width: 16px;
    margin: 0px 0px 30px 0px;
}#arrowblock:hover img{
 /*   display: none; */
}#menuicon{
    display: inline;
    float: left;
    height: 31px;
    width: 31px;
    margin: 0px 6px 30px 6px;
}#menuicon:hover img{
 /*   display: none; */
}#viewtypeblock{
    display: inline;
    float: left;
    width: 230px;
    margin: 0px 0px 0px 0px;
}#extrathumbblock{
    display: inline;
    float: left;
    width: 230px;
    margin: 8px 0px 0px 0px;
}#extrathumbblock img{
    margin: 0px 8px 8px 0px;
    height: 60px;
}.viewtype{
    font-size: 11px;
    }

#mainview{
    float: left;
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
   /* margin: 0px auto 0px auto;*/
    margin: 0px 0px 0px -10px;

}/*#viewimage{
    display: float;
	top: 0px;
	left: 0px;
	padding: 38px 0px 0px 0px;
	width: 100%;
	height: 96%;
	text-align: center;
	position: absolute;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
}#viewimage img{
	height: 94%;
	overflow: hidden;
}*/

#viewimage{
    opacity: 0.01;
}

#viewimagewide{
    background: #ccc;
    display: none;
}#holderdiv{
    height: 90%;
    width: auto;
    display: block;
    position: relative;
    text-align: center;
}.valign{
vertical-align: middle;
}

#navbar{
    width: 230px;
    height: 100%;
    position: fixed;
    right: 10px;
    top: 0px;
    display: block;
    z-index: 200;
  /*  background: #fca;*/
}


.albumholder{
	width: 100%;
}.album{
	display: inline;
	width: 200px;
	height: 200px;
	margin: 10px 10px 0px 0px;
}.albuminfo{
	clear: both;
	margin: 5px 0px 35px 0px;
}

#fpholder{
	text-align: center;
	padding-top: 110px;
	padding-right: 20px; /* to offset the body 20px left margin */
}.frontthumb{
  height: 120px;
	width: 120px;
  margin: 0px 6px 28px 6px;
	padding: 0px;
  display: inline-block;
	text-align: center;
	vertical-align: top;
}.thumbimg{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin: 0px auto;
	overflow: hidden;
	top: 0; left: 0; bottom: 0; right: 0;
}.thumbimg img{
	display: inline-block;
	vertical-align: middle;
	margin: 0px auto;
	max-width: 120px;
}.thumbimg:hover img{
	opacity: 0;
	cursor: pointer;
}.vcenter{
	width: 0px;
	height: 120px;
	display: inline-block;
	vertical-align: middle;
}

.vm{
	position: fixed;
	z-index: 500;
	top: 28px;
	left: 20px;
	height: auto; /*400*/
	float: left;
	overflow: auto;
}.vm ul{
	box-sizing: border-box;
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}.vm li{
	box-sizing: border-box;
	float: left;
	text-align: left;
	height: 48px;
	width: 440px;
	display: block;
	clear: both;
	margin-bottom: 5px;
	background-size: contain;
	background-position: center left;
	background-repeat: no-repeat;
}.vm li img{
	height: 48px;
	width: auto;
}.vm li svg{
	float; left;
	height: 48px;
	width: auto;
}.vm li:hover{
	cursor: pointer;
}.off{
	display: none;
}.fullmenu{
	position: relative;
	overflow: auto;
}

/* The various rollover colors */

.color0{
    color: #56D8BF;
}.color1{
    color: #0825F9;
}.color2{
    color: #EABEA0;
}.color3{
    color: #FCFC42;
}.color4{
    color: #870B2F;
}.color5{
    color: #C0B1DD;
}.color6{
    color: #3D7717;
}


/* common styling */
.menu {font-family: helvetica, arial, verdana, sans-serif; width:150px; height:53px; position:relative; font-size:11px; z-index:2000;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:439px; height:53px;text-align:left; color:#fff; border:0px; line-height:19px; font-size:11px; overflow:hidden; z-index:2000;}
.menu ul {padding:0; margin:0; list-style: none; z-index:2000;}
.menu ul li {float:left; position:relative; z-index:2000;}
.menu ul li ul {display: none; z-index:2000;}

/* specific to non IE browsers */
.menu ul li:hover a {}
.menu ul li:hover ul {display:block; position:absolute; top:53px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {color:#fff;}
.menu ul li:hover ul li:hover a.hide {color:#000;}
.menu ul li:hover ul li ul {display: none;}
/* drop downs */
.menu ul li:hover ul li a {color:#000; padding:0px 0px 0px 0px; font-weight: none; }
.menu ul li:hover ul li a:hover {color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0; }
.menu ul li:hover ul li:hover ul.left {left:-105px;}


/*
.works2{color:#000; background:url('images/link_works.png')no-repeat;}
.works2:hover{color:#000; background:url('images/link_works_14.png')no-repeat;}
.exhibitions2{color:#000; background:url('images/link_exhibitions.png')no-repeat;}
.exhibitions2:hover{color:#000; background:url('images/link_exhibitions_14.png')no-repeat;}
.auerglass2{color:#000; background:url('images/link_auerglass.png')no-repeat;}
.auerglass2:hover{color:#000; background:url('images/link_auerglass_14.png')no-repeat;}
.galleries2{color:#000; background:url('images/link_galleries.png')no-repeat;}
.galleries2:hover{color:#000; background:url('images/link_galleries_14.png')no-repeat;}
.books2{color:#000; background:url('images/link_books.png')no-repeat;}
.books2:hover{color:#000; background:url('images/link_books_14.png')no-repeat;}
.diagonal2{color:#000; background:url('images/link_diagonal_2.png')no-repeat;}
.diagonal2:hover{color:#000; background:url('images/link_diagonal_14.png')no-repeat;}
.bibliography2{color:#000; background:url('images/link_bibliography.png')no-repeat;}
.bibliography2:hover{color:#000; background:url('images/link_bibliography_14.png')no-repeat;}
.other2{color:#000; background:url('images/link_other.png')no-repeat;}
.other2:hover{color:#000; background:url('images/link_other_14.png')no-repeat;}

.works3{color:#000; background:url('images/works_black.svg')no-repeat; height: 48px; width: auto; margin-bottom: 5px;}
.works3:hover{color:#000; background:url('images/works_color.svg')no-repeat;}
.exhibitions3{color:#000; background:url('images/exhibitions_black.svg')no-repeat; height: 48px; width: auto; margin-bottom: 5px;}
.exhibitions3:hover{color:#000; background:url('images/exhibitions_color.svg')no-repeat;}
.auerglass3{color:#000; background:url('images/auerglass_black.svg')no-repeat; height: 48px; width: auto; margin-bottom: 5px;}
.auerglass3:hover{color:#000; background:url('images/auerglass_color.svg')no-repeat;}
.galleries3{color:#000; background:url('images/galleries_black.svg')no-repeat; height: 48px; width: auto; margin-bottom: 5px;}
.galleries3:hover{color:#000; background:url('images/galleries_color.svg')no-repeat;}
.diagonal3{color:#000; background:url('images/diagonal_black.svg')no-repeat; height: 48px; width: auto; margin-bottom: 5px;}
.diagonal3:hover{color:#000; background:url('images/diagonal_color.svg')no-repeat;}
.bibliography3{color:#000; background:url('images/bibliography_black.svg')no-repeat; height: 48px; width: auto; margin-bottom: 5px;}
.bibliography3:hover{color:#000; background:url('images/bibliography_color.svg')no-repeat;}
.other3{color:#000; background:url('images/other_black.svg')no-repeat; height: 48px; width: auto; margin-bottom: 5px;}
.other3:hover{color:#000; background:url('images/other_color.svg')no-repeat;}
*/
.works{color:#000; background:url('images/link_works.png')no-repeat;}
.works:hover{color:#000; background:url('images/link_works_ff9000.png')no-repeat;}
.worksblue{color:#000; background:url('images/link_works_blue.png')no-repeat;}
.workspeach{color:#000; background:url('images/link_works_peach.png')no-repeat;}
.worksyellow{color:#000; background:url('images/link_works_yellow.png')no-repeat;}
.worksmaroon{color:#000; background:url('images/link_works_maroon.png')no-repeat;}
.workspurple{color:#000; background:url('images/link_works_purple.png')no-repeat;}
.worksgreen{color:#000; background:url('images/link_works_green.png')no-repeat;}

.exhibitions{color:#000; background:url('images/link_exhibitions.png')no-repeat;}
.exhibitions:hover{color:#000; background:url('images/link_exhibitions_hover.png')no-repeat;}
.exhibitionsteal{color:#000; background:url('images/link_exhibitions_teal.png')no-repeat;}
.exhibitionspeach{color:#000; background:url('images/link_exhibitions_peach.png')no-repeat;}
.exhibitionsyellow{color:#000; background:url('images/link_exhibitions_yellow.png')no-repeat;}
.exhibitionsmaroon{color:#000; background:url('images/link_exhibitions_maroon.png')no-repeat;}
.exhibitionspurple{color:#000; background:url('images/link_exhibitions_purple.png')no-repeat;}
.exhibitionsgreen{color:#000; background:url('images/link_exhibitions_green.png')no-repeat;}

.auerglass{color:#000; background:url('images/link_auerglass.png')no-repeat;}
.auerglass:hover{color:#000; background:url('images/link_auerglass_hover.png')no-repeat;}
.auerglassblue{color:#000; background:url('images/link_auerglass_blue.png')no-repeat;}
.auerglassteal{color:#000; background:url('images/link_auerglass_teal.png')no-repeat;}
.auerglassyellow{color:#000; background:url('images/link_auerglass_yellow.png')no-repeat;}
.auerglassmaroon{color:#000; background:url('images/link_auerglass_maroon.png')no-repeat;}
.auerglasspurple{color:#000; background:url('images/link_auerglass_purple.png')no-repeat;}
.auerglassgreen{color:#000; background:url('images/link_auerglass_green.png')no-repeat;}

.galleries{color:#000; background:url('images/link_galleries.png')no-repeat;}
.galleries:hover{color:#000; background:url('images/link_galleries_hover.png')no-repeat;}
.galleriesblue{color:#000; background:url('images/link_galleries_blue.png')no-repeat;}
.galleriespeach{color:#000; background:url('images/link_galleries_peach.png')no-repeat;}
.galleriesteal{color:#000; background:url('images/link_galleries_teal.png')no-repeat;}
.galleriesmaroon{color:#000; background:url('images/link_galleries_maroon.png')no-repeat;}
.galleriespurple{color:#000; background:url('images/link_galleries_purple.png')no-repeat;}
.galleriesgreen{color:#000; background:url('images/link_galleries_green.png')no-repeat;}

.books{color:#000; background:url('images/link_books.png')no-repeat;}
.books:hover{color:#000; background:url('images/link_books_hover.png')no-repeat;}
.booksblue{color:#000; background:url('images/link_books_blue.png')no-repeat;}
.bookspeach{color:#000; background:url('images/link_books_peach.png')no-repeat;}
.booksyellow{color:#000; background:url('images/link_books_yellow.png')no-repeat;}
.booksteal{color:#000; background:url('images/link_books_teal.png')no-repeat;}
.bookspurple{color:#000; background:url('images/link_books_purple.png')no-repeat;}
.booksgreen{color:#000; background:url('images/link_books_green.png')no-repeat;}

.diagonal{color:#000; background:url('images/link_diagonal.png')no-repeat;}
.diagonal:hover{color:#000; background:url('images/link_diagonal_hover.png')no-repeat;}
.diagonalblue{color:#000; background:url('images/link_diagonal_blue.png')no-repeat;}
.diagonalpeach{color:#000; background:url('images/link_diagonal_peach.png')no-repeat;}
.diagonalyellow{color:#000; background:url('images/link_diagonal_yellow.png')no-repeat;}
.diagonalteal{color:#000; background:url('images/link_diagonal_teal.png')no-repeat;}
.diagonalpurple{color:#000; background:url('images/link_diagonal_purple.png')no-repeat;}
.diagonalgreen{color:#000; background:url('images/link_diagonal_green.png')no-repeat;}
.diagonalmaroon{color:#000; background:url('images/link_diagonal_maroon.png')no-repeat;}

.bibliography{color:#000; background:url('images/link_bibliography.png')no-repeat;}
.bibliography:hover{color:#000; background:url('images/link_bibliography_hover.png')no-repeat;}
.bibliographyblue{color:#000; background:url('images/link_bibliography_blue.png')no-repeat;}
.bibliographypeach{color:#000; background:url('images/link_bibliography_peach.png')no-repeat;}
.bibliographyyellow{color:#000; background:url('images/link_bibliography_yellow.png')no-repeat;}
.bibliographymaroon{color:#000; background:url('images/link_bibliography_maroon.png')no-repeat;}
.bibliographyteal{color:#000; background:url('images/link_bibliography_teal.png')no-repeat;}
.bibliographygreen{color:#000; background:url('images/link_bibliography_green.png')no-repeat;}

.other{color:#000; background:url('images/link_other.png')no-repeat;}
.other:hover{color:#000; background:url('images/link_other_0c4e01.png')no-repeat;}
.otherblue{color:#000; background:url('images/link_other_blue.png')no-repeat;}
.otherpeach{color:#000; background:url('images/link_other_peach.png')no-repeat;}
.otheryellow{color:#000; background:url('images/link_other_yellow.png')no-repeat;}
.othermaroon{color:#000; background:url('images/link_other_maroon.png')no-repeat;}
.otherpurple{color:#000; background:url('images/link_other_purple.png')no-repeat;}
.otherteal{color:#000; background:url('images/link_other_teal.png')no-repeat;}

.white{color:#000; width: 20000px; background: #fff; position: absolute; z-index: -2000; top: -105px; left: -20px; height: 20000px; opacity: .75; display: none;}
.whitecover{color:#000; width: 470; border: 1px solid #000; position: absolute; z-index: 100; top: -105; left: -20; height: 425; opacity: .01;}