@charset "utf-8";	
/* CSS Document */

/* Fonts **************************************************/
html {font-size: 62.5%; /* =10px */
	  font-family:'Source Sans Pro', sans-serif;
	  font-weight: 400;
}
body { font-size: 1.4rem; /* =14px */
	background-repeat:no-repeat;
	background-size:cover;
	z-index:-10;
} 
article {bottom:0;
margin-bottom:0;
padding-bottom:0;
}
h1 { font-size: 2.4rem;  /* =24px */
	} 
h2 {font-size:1.8rem; /*20px*/
	color:#999;
}

h3 {font-size:1.6rem; /*20px*/
	color:#999;
}
p  {font-size: 1.4rem;  /* =14px */
	line-height: 1.6;
	margin: 0;
} 
p.clear {
    clear: both;
}
a {color: #cc9c6c;
   text-decoration:none;}
a:visited {color: #cc9c6c;
}
.helv-semibold {
	font-family:"Source Sans Pro", Helvetica, Arial,  Gotham, sans-serif;
	font-weight: 700;
}
.helv-normal {
	font-family:"Source Sans Pro", Helvetica, Arial,  Gotham, sans-serif;
	font-weight:normal;	
}
.italics {
	font-style: italic;
}
.smaller {
	font-size:1.2rem; /* = 12px */
}

	
li { font-size: 1.4rem;  /* =14px? */} 


/* Logo **************************************************/
.mafishco {
	float:left;
	position:relative;
	padding:1rem 0 4rem 0;
	width: 30rem;
	height:4rem;
	color:#999;
	a href: url(index2.htm);
}
.mafishcoP {
	font-family:'Syncopate', sans-serif;
	font-weight:400;
	font-size: 3rem;
	color:#cc9c6c;
	letter-spacing: 1rem;
	margin:0;
	padding:0;
	text-decoration:none;
	a href: url(index2.htm);

}
.mafishcoP a {
	font-family:'Syncopate', sans-serif;
	font-weight:400;
	color: #cc9c6c;
	a href: url(index2.htm);
}
.mafishcoP a:visited {
	font-color: #cc9c6c;
	a href: url(index2.htm);

}
.mafishcoS {
	font-size:4.2rem;
}

/* General Page Styles, some universal ****************************/
.linediv {
	width:72.8rem;
	height:2rem;
	margin:1rem;
	padding-bottom: 6rem;
	border-top:thin #999999 solid;
	float:left;
	position:relative;
	z-index: 18;
}

.performHist { /* style for indenting paragraphs in performance history */
	margin-left: 3.2rem;
	text-indent: -3.2rem;
}	
/*********************** Might Delete ***********************/
.worksParagraph {
	font-family: "Syncopate", sans-serif;
	font-weight:300;
	font-size: 2rem;
	color:#999;
	margin:2.6rem 0 0; 0;
\
}	
.footerParagraph {	
	font-family: "Source Sans Pro Light", sans-serif;
	font-weight: 300;
	font-size: 1.2rem;
	text-align:center;
	font-style:normal;
	color:#999;
	margin:2.6rem 0 0 0;
	padding:0;
}	
.footer a {
	font-family: "Source Sans Pro Light", sans-serif;
	font-weight: 300;
	font-size: 1.2rem;
	color:#999;
	text-decoration: none;
}
/* .container is the class for the box that holds all of the page content */
.container {
	border:thin;
	margin:auto;	
	width: 72.8rem;
	padding:0;
	position:relative;
	background-color: white;
	opacity: 1;
	z-index:20;
}
.contained {
	float:left;
	position:relative;
	border:none;
	margin: 2;	
	width: 72.8rem;
	padding:0;
	bottom: -5rem;
	z-index:18;
}
.containedIndividualWork {
	float:left;
	position: relative;
	top:8rem;
	border:none;
	margin: 0;	
	margin-bottom: -5rem;
	width: 72.8rem;
	padding:0;
	z-index:18;
}

/* Class for the image on individual pages */
/*changed .workcontainerPortrait from 50 to 35 */
/* .workcontainer is retained for backward compatibility for any content pages that used it. 
New content shouldnt use the class .workcontainer */
.workcontainer {
	margin:auto;	
	width: 50rem;
	padding:0;
	position:relative;
	z-index:12;
}
.workcontainerPortrait {
	margin:auto;
	width: 35rem;
	padding:0;
	position:relative;
	z-index:12;
}	
.workcontainerLandscape {
	margin:auto;	
	width: 56rem; /*Dirk had 70rem*/
	padding:0;
	position:relative;
	z-index:12;
}	
.aboutWorkTemplate {
	float: left;
	position:relative;
	/*margin:auto;	*/
	margin-bottom:0;
	width: 72.8rem;
	padding:0;
	top: -8rem;
}

.workSection {
	float: left;
	position:relative;
	margin-bottom:0;
	width: 72.8rem;
	padding:0;
	top: -8rem;
}
	
/* Works Page Arrow and Next/Previous Image Styles *************************************/
/*.arrows-div {
	float:left;
	position: relative;
	width: 28rem;
	text-align: left;
	top: -80.5rem;
	right: 3.1rem;
	z-index:30;
	color:#cc9c6c;
}
.arrows-div p {
	margin: 0 -2rem 0 0;
	color:#cc9c6c;
}
*/
.next-image {
	font-size:1.2rem;
	margin:0;
	text-align:left;
	top:-2rem;
}
.previous-image {
	font-size:1.2rem;
	margin:0;
	text-align:left;
	top:-2rem;
}

/* Work Image Classes **********************************/
img.ind-work {
/*	display:block; */
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}
.work-caption {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-size: 1.4rem;
	font-style: normal;
}
.work-caption-more {
	text-decoration: none;
	font-style: italic;
}
.aboutWork {
	font-family:"Helvetica Neue", Helvetica, Arial,  Gotham, sans-serif;
	font-weight:normal;
	margin-left:4rem;
	padding:0;
}
.leftAudio {
	float:left;	
	left: 4rem;
	width: 27rem;
	padding:0;
	position:relative; /*left and right audio changed from 20 to 27rem*/
}
.rightAudio {
	float:right;
	position:relative;	
	right: 10rem;
	width: 27rem;
	padding:0;
}
.audio-caption {
	width:30rem;
	padding:0;
	margin:0;
	
	font-size:1.4rem;
	font-style:italic;
}
/*.video {
	float:left;	
	left: 4rem;
	width: 48rem;
	padding:0;
	position:relative;
}*/
.video {
	margin:auto;	
	width: 56rem; 
	padding:0;
	position:relative;
	z-index:12;
}



.leftVideoL {
	float:left;	
	left: 4rem;
	width: 27rem;
	padding:0;
	position:relative;
}
.rightvideoR {
	float:right;	
	left: 05rem;
	width: 27rem;
	padding:0;
	position:relative;
}
ul.credits, ul.credits li {
	font-family:"Helvetica Neue", Helvetica, Arial,  Gotham, sans-serif;
	font-weight:normal;	
	list-style:none;
	line-height: 2rem;
}
ul.credits a {
	font-family:"Helvetica Neue", Helvetica, Arial,  Gotham, sans-serif;
	font-weight:normal;	
	font-style:italic;
	text-decoration:none;
	color: #cc9c6c;
}
ul.credits a:visited {
	/*color: #cc9c6c;*/
}
	
.header {
	margin: 3rem 0 0 0;
	padding:0;
	width:72.8rem;
	height:9rem;
	/*height:15vmin;*/
	/*background-color:#CCC;*/
	position:relative;
	z-index:20;
}
/* Top Left image 1 of 10 */
.one-div {
	float: left;
	margin: .2rem .2rem .2rem 0;
	width:24rem;
	height:24rem;
	background-color:#D4D4D4;
	border:thin;
	position:relative;
	/*z-index:2; */
}
.one-div img {
	width: 100%;
	height: 100%
}
/* Top Middle image 2 of 10*/
.two-div {
	float:left;
	margin:.2rem .2rem .2rem .2rem;
	width:24rem;
	height:24rem;
	background-color:#D4D4D4;
	border:thin;
	position:relative;
	/* z-index:3; */
}
.two-div img {
	width: 100%;
	height: 100%
}
/* Top Right image 3 of 10 */
.three-div {
	float:left;
	margin:.2rem 0 .2rem .2rem;
	width:24rem;
	height:24rem;
	background-color:#D4D4D4;
	border:thin;
	position:relative;
	/* z-index:4; */
}
.three-div img {
	width: 100%;
	height: 100%
}
/* Middle Left image 4 of 10 */
.four-div {
	float:left;
	margin:.2rem .2rem .2rem 0;
	width:24rem;
	height:24rem;
	background-color:#D4D4D4;
	border:thin;
	position:relative;
}
.four-div img {
	width: 100%;
	height: 100%
}
/* Middle Middle image 5 of 9 */
.five-div {
	float:left;
	margin:.2rem .2rem .2rem .2rem;
	width:24rem;
	height:24rem;
	background-color:#D4D4D4;
	border:thin;
	position:relative;
}
.five-div img {
	width: 100%;
	height: 100%
}
/* Middle Right image 6 of 9 */
.six-div {
	float:left;
	margin:.2rem 0 .2rem .2rem;
	width:24rem;
	height:24rem;
	background-color:#D4D4D4;
	border:thin;
	position:relative;
}
.six-div img {
	width: 100%;
	height: 100%
}
/*you can use more than 9 if you want to by inserting a second (or any multiple of) seres of the middle three (images 4 - 6) 
after the first instance of images 4 - 6. The margins are what make the difference. The middle row is made to work with a row 
above it and a row below it. In this way, you could have as many rows of three as you want.
*/

/* Bottom Left image of 9 */
.seven-div {
	float:left;
	margin:.2rem .2rem 0 0;
	width:24rem;
	height:24rem;
	background-color: background-color:#D4D4D4;
	border:thin;
	position:relative;
}
.seven-div img {
	width: 100%;
	height: 100%
}
/* Bottom middle image of 9 */
.eight-div {
	float:left;
	margin:.2rem .2rem 0 .2rem;
	width:24rem;
	height:24rem;
	background-color:#D4D4D4;
	border:thin;
	position:relative;
}
.eight-div img {
	width: 100%;
	height: 100%
}
/* Bottom right image of 9 */
.nine-div {
	float:left;
	margin:.2rem 0 0 .2rem;
	width:24rem;
	height:24rem;
	background-color:#D4D4D4;
	border:thin;
	position:relative;
}
.nine-div img {
	width: 100%;
	height: 100%
}
.ten-div {
	float:right;
	margin:.2rem 0 0 .2rem;
	right:3.9rem;
	top: -.35rem;
	width:15.3rem;
	height:14.2rem;
	background-color:#D4D4D4;
	border:thin;
	position:relative;
	z-index: -20;
}
.ten-div img {
	width: 100%;
	height: 100%
}

.footer {
	float:left;
	margin:auto;
	width:72.8rem;
	height:9rem;
	margin:6rem 0 0 0;
	padding:0;
	border-top:thin #999999 solid;
	position:relative;
	z-index:5;
}
.footerIndWork {
	float: left;
	margin: auto;
	top: -3rem;
	width: 72.8rem;
	height: 9rem;
	margin: 2 0 0 0;
	padding: 0;
	border-top: thin #999999 solid;
	position: relative;
	z-index: 5;
}	
/* small popup information boxes (tooltips) for links */

a.tooltipsSmall {
  position: relative;
  display: inline;
}
a.tooltipsSmall span {
  position: absolute;
  min-width:12rem;
  min-height: 4rem;
  height:auto;
  padding:1.5rem;
  font-size:1rem;
  color: #FFFFFF;
  background: #000000;
  opacity: 0.8;
  line-height: 1.5rem;
  text-align: left;
  display:table-cell;
  vertical-align:middle;
  visibility: hidden;
  border-radius: 6px;
}
a.tooltipsSmall span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltipsSmall span {
  visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

/* medium popup information boxes (tooltips) for links */
a.tooltipsMedium {
  position: relative;
  display: inline;
}
a.tooltipsMedium span {
  position: absolute;
  min-width:14rem;
  min-height: 6rem;
  height:auto;
  padding:1.5rem;
  font-size:1rem;
  color: #FFFFFF;
  background: #000000;
  opacity: 0.8;
  line-height: 1.5rem;
  text-align: left;
  display:table-cell;
  vertical-align:middle;
  visibility: hidden;
  border-radius: 6px;
}
a.tooltipsMedium span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltipsMedium span {
  visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

/* large popup information boxes (tooltips) for links */
a.tooltipsLarge {
  position: relative;
  display: inline;
}
a.tooltipsLarge span {
  position: absolute;
  min-width:16rem;
  min-height: 8rem;
  height:auto;
  padding:1.5rem;
  font-size:1rem;
  color: #FFFFFF;
  background: #000000;
  opacity: 0.8;
  line-height: 1.5rem;
  text-align: left;
  display:table-cell;
  vertical-align:middle;
  visibility: hidden;
  border-radius: 6px;
}
a.tooltipsLarge span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltipsLarge span {
  visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

/* large popup information boxes (tooltips) for links */
a.tooltipsLargeWhite {
  position: relative;
  display: inline;
}
a.tooltipsLargeWhite span {
  position: absolute;
  min-width:16rem;
  min-height: 8rem;
  height:auto;
  padding:1.5rem;
  font-size:1rem;
  color: #000000;
  background: #FFFFFF;
  line-height: 1.5rem;
  text-align: left;
  display:table-cell;
  vertical-align:middle;
  visibility: hidden;
  border-radius: 6px;
}
a.tooltipsLargeWhite span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltipsLargeWhite span {
  visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

/* 	Popup information boxes (tooltips) for pictures 
	We probably don't want to use this. */
/*figcaption {
  float:left;
  position: absolute;
  width:16rem;
  min-height: 4rem;
  top: -3rem;
  margin-left:11rem;
  padding:1.5rem;
  color: #FFFFFF;
  background: #000000;
  opacity:0.8;
  line-height: 1.5rem;
  text-align: left;
  border-radius: 6px;
  border: 8px solid #000000;
  display: none;
  z-index:99;
}
/*
/*
figure:hover figcaption {
	display: block;
}
*/

figcaption.white {
  position: absolute;
  min-width:16rem;
  min-height: 4rem;
  top: -3rem;
  margin-left:11rem;
  padding:1.5rem;
  color: #000000;
  background: #FFFFFF;
  opacity:0.8;
  line-height: 1.5rem;
  text-align: left;
  border-radius: 6px;
  border: 8px solid #FFFFFF;
  display: none;
  z-index:99;
}
figure:hover figcaption.white {
	display: block;
}


/*Reviews page accordion CSS */

.h2reviews {font-size:1.8rem; /*20px*/
	color:#99999;
}

.readmore {
	font-size:1.0rem; /* = 12px */
	margin-top:0;
}
/*span class for teaser*/
.teaser-pub {
	font-size: 1.4rem;
	font-style: italic;
	font-weight: normal;
	color: #cc9c6c; 
}
.teaser-author-date {
	font-size: 1.4rem;
	font-style: normal;
	font-weight: normal;
	color: #999;
}
/*bring the top of the 1st paragraph after the teaser up a little to compensate for the various spacings
 so it spaces like the other paragraphs in the section. */
.teaser-margin {
	top: -.2rem;
}

/*Demo Classes for review styling possibilities */
.demo-bold-italic {
	font-weight: bold;
	font-style: italic;
	color: #999;
}
.demo-small-caps {
	font-family: Source Sans Pro;
	font-weight: regular;
	font-variant: small-caps;
	color: #999;
}

/*Define Accordion box*/
.accordion { width: 100%; float: left; overflow:hidden; margin:auto; }

/*General Accordion****************************************************************************/
/*Set style of open slide*/
.accordion article:target {background-color:#EAE8CC; }
.accordion article:target:hover { background-color:#f2f1e0; } 
.accordion article:target h2 {width:100%;}
.accordion article:target h2 a{color:#666666; padding:0;}
.accordion article:target p {display:block; margin-right: 3rem; margin-bottom:1.4rem; font-family: "Libre Baskerville", serif;}
.accordion article h2 a{color: black; display:block; text-decoration:none;}

/*set style of closed slide*/
.accordion article{ float:left;	overflow:hidden; cursor:pointer; margin-top: 3rem;}
.accordion article:hover {background-color:#f5ede5;}  /*was #fcfcf9*/
.accordion article p { display:none; }
.accordion article:after{position:relative;}
/*End General Accordion****************************************************************************/


/*Vertical Accordion *************************************************************************/
.vertical article {
	Float: left;
	width: 100%;
	max-height:180rem;
	margin: auto;
	padding: 0 2rem 2rem 2rem;
	-webkit-transition:height 0.2s ease-out;
	-moz-transition:height 0.2s ease-out;
  	-o-transition:height 0.2s ease-out;
	-ms-transition:height 0.2s ease-out;
  	transition:height 0.2s ease-out;
}
/*Set height of the slide*/
.vertical :target{ max-height:180rem; width:100%; }

.vertical article h2 { position:relative; left:0; }

/*Individual Lines********************************************************************************/
/* 
The nav selector is styled here for a horizontal menu with dropdown.
All of the entries that begin with "nav" have to do with the menu. 
*/
.menuTop {
	position:relative;
	float:right;
	width: 41rem;
	height:4rem;
	display:inline;
	font-family: "Source Sans Pro Light", sans-serif;
	font-weight:300;
	padding-top:2rem;
	transition-property:visibility 0s;
	z-index: 49;

	-webkit-transition-property: visibility 0s;
       -moz-transition: visibility 0s;
        -ms-transition: visibility 0s;
         -o-transition: visibility 0s;
            transition: visibility 0s;
}
/* Color for menu category of current page. This goes inside of a <span> element ***********************/
.menuTopCurrentPage {
	color: #cc9c6c;
}

.menuTop ul {
	-webkit-font-smoothing:antialiased;
	text-shadow:0 1px 0 #FFF;
    /*background: #ddd;*/
	margin-bottom:2rem;
	float:right;
	display:block;
    list-style: none;
    padding: 0;
	width: 40rem;
	margin:0;
	text-align:right;
	font-size:1.4rem;
	z-index: 50;
}
.menuTop ul li {
    float: right;
    margin: 0;
    padding: 0;
	display:block;
	text-align:right;
    position: relative;
	z-index: 48;
    /*min-width: 8mvh; */
}

/*  */
.menuTop a {
    color:#666666;
    display: block;
	position:inherit;
    padding: 0 .5rem;
    text-align: left;
    text-decoration: none;
	transition-property:visibility 0s;
	-webkit-transition-property: visibility 0s;
       -moz-transition: visibility 0s;
        -ms-transition: visiblity 0s;
         -o-transition: visibility 0s;
            transition: visibility 0s;
}

/*Second Level Menu Items*/
.menuTop ul li:hover a {
    background:#FFF;
}
.menuTop ul li ul {
	margin-top: 0;
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
   top: 2rem; 
   display:block;
   	text-align:left;
      visibility: hidden;
	transition-property:visibility 0s;
	-webkit-transition-property: visibility 0s;
       -moz-transition: visibility 0s;
        -ms-transition: visiblity 0s;
         -o-transition: visibility 0s;
            transition: visibility 0s;
}
.menuTop ul li ul:hover {
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
   top: 2rem; 
   	text-align:left;
      visibility: visible;
	transition-property:visibility 0s;
	-webkit-transition-property: visibility 0s;
       -moz-transition: visibility 0s;
        -ms-transition: visiblity 0s;
         -o-transition: visibility 0s;
            transition: visibility 0s;
}
.menuTop ul li:hover > ul { 
 	opacity: 1;
    visibility: visible;
	top: 1.5rem;
	width:20rem;
	font-size:1.4rem;
	text-align:left;
	z-index:18;
	border: 1px solid grey;
	transition-property:visibility 0s;
	-webkit-transition-property: visibility 0s;
       -moz-transition: visibility 0s;
        -ms-transition: visiblity 0s;
         -o-transition: visibility 0s;
            transition: visibility 0s; 
}

.menuTop ul li ul li {
	display:block;
    width:20rem;
	height:2rem;
	background-color:#FFFFFF;
	padding-top:.5rem;
	padding-bottom:.5rem;
	border-bottom: 1px solid grey;
	text-align:left;
}
/* Third Level Menu Items */
/*.menuTop ul li ul li ul {
    float: left;
    left: 20rem;
    opacity: 1;
    position: absolute; 
   	text-align:left;
      visibility: hidden;
			z-index:20;

}
.menuTop ul li ul li ul li {
	display:block;
    width:20rem;
	height:2rem;
	background-color:#FFFFFF;
	padding-top:.5rem;
	padding-bottom:.5rem;
	border-bottom: 1px solid grey;
	text-align:left;
}
*/
.menuTop ul li ul li:hover ul {
    	top: 0;
    float: left;
    left: 20rem;
    opacity: 1;
    position: absolute; 
   	text-align:left;
}


/* *************************/
/*********About Page Styles**********/
.about-heading {
	font-family:'Source Sans Pro', sans-serif;
	font-style:normal;
	font-weight: normal;
	text-align:center;
	margin-top: .5rem;
	margin-bottom:0;
}

.about-text {
	text-align:justify;
	margin-top:.2rem;
	margin-right:1rem;
	margin-left:1rem;
	font-size: 1.4rem;
	line-height: 110%;
}
.aboutImage {
	float: left;
	position: absolute;
	width:24rem;
	height:24rem;
	z-index=35;
}

/*div .aboutImage:hover {
	display: none;
	opacity:0;
}*/
	
/*About Page Left box 1 of 3 */
.about-one-div {
	float: left;
	margin: 0 .2rem .2rem 0;
	width:24rem;
	height:24rem;
	background-color:#D4D4D4;
	border:thin;
	position:relative;
	/*z-index=38;*/
}
.about-one-div img {
	width: 100%;
	height: 100%
}

/* About Page Middle box 2 of 3*/
.about-two-div {
	float:left;
	margin: 0 .2rem .2rem 0;
	width:24rem;
	height:24rem;
	/*Change the line below to change the background color */
	background-color:#D4D4D4;
	border:thin;
	position:relative;


}
.about-two-div img {
	width: 100%;
	height: 100%
}
/* About Page Right box 3 of 3 */
.about-three-div {
	float:left;
	margin: 0 .2rem .2rem 0;
	width:24rem;
	height:24rem;
		/*Change the line below to change the background color */
	background-color:#D4D4D4;
	border:thin;
	position:relative;

}
.about-three-div img {
	width: 100%;
	height: 100%
}

/*for the Links in the Boxes****************/


.box-link {
	font-size: 1.2rem;
	font-style: italic;
}
.box-link a:link {
	text-decoration: none;
}
.box-link a:visited {
	text-decoration: none;
}
.box-link a:hover {
	text-decoration: none;
}
.box-link a:active {
	text-decoration: none;
}

/* Contact Page Styles **********************/

/*columns************************************/

.columnz2 {
	column-count:2;
	-webkit-column-count:2;
	-moz-column-count: 2;
	-ms-column-count: 2;
	-o-column-count: 2;	
	column-gap: 17rem;
	-webkit-column-gap: 17rem;
	-moz-column-gap: 11rem;
	-o-column-gap: 17rem;
	z-index: 8;
}
.columnz2 address {
	break-after: column;
	-webkit-column-break-after: always;
	-moz-column-break-after: always;
	-ms-column-break-after: always;
	-o-column-break-after: always;
	text-decoration:none;
	font-style:normal;
}
.columnz2 address p {
	font-family: "Inconsolata",Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
}
.columnz2 p, .columnz3 p /*, a */  {
	color: #999;
	margin:0;
	padding:0;
}
.columnz3 {
	float:left;
	position:relative;
	width:90rem;
	padding:0;
	margin:0;
	column-count:3;
	-webkit-column-count:3;
	-moz-column-count: 3;
	-ms-column-count: 3;
	-o-column-count: 3;	
	column-width: auto;
	-webkit-column-width: auto;
	-moz-column-width: auto;
	-ms-column-width: auto; 
	-o-column-width: auto;
}
.subheadcolor {
	color: #cc9c6c;
}

.smallitalic {
	font-size: 1.2rem;
	font-style: italic;
}