.coca form,
.coca input {
    margin: inherit;
    padding: inherit;
    font: inherit;
    color: inherit;
    background: inherit;
    border: inherit
}

pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

ul {
margin:0 !important; line-height: 14px !important; 
}

.showonhover:hover .showhover {
     display: block;  
}

/*****************************************************************************
slides, fancybox
******************************************************************************/

#fancybox-overlay { position: fixed !important; }

.flick:hover, .flick a:hover, .flick img:hover { height: 100px; }

.cyclehide { left:-1000px; top:-1000px; }

.coverslides {
  width: 920px; height: 320px;
  top: 0; left: 0; overflow: hidden;
}

.coversmallslides {
  width: 640px;
  top: 0; left: 0; overflow: hidden;
}

#pager {
  /* you can add positioning properties here if needed */
  width: 75px; /* change as required */
  padding: 0;
  height: 14px;
  z-index: 999;
}

#pager a {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  text-indent: -999em;
  background: #fff;
  border-radius: 10px; /* must be the same as width and height */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0 0 1px 1px #707173; /* border color */
  margin-right: 10px;
}

#pager a {
  background: #c0c0c0; /* optional: color when hovered */
}

#pager a.activeSlide {
  background: #707173; /* color when active */
}

/*****************************************************************************
body, global container
******************************************************************************/

body {
  background-color: #FFFFFF; 
  background-repeat: repeat-y;
  background-position: top center;
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  top: 0px;
}

p,a,h1,h2,h3,h4,h5,h6,.col-space {margin:0; padding:0;}

#globalcontainer, #nav-personal, #navheader, #showcase-bg1, #footer1 {text-align: left;}
#globalcontainer, #header, #navheader, #showcase-bg1, #nav-personal, #footer1, #navbar, #subnavbar { width:920px; }
#globalcontainer { /*font-family: Verdana, Arial, Helvetica, sans-serif; */ margin: auto; }  /* position:relative; left:-3%;  absolute center before 2017 change: margin: auto; */

.contentcontainer { width:920px; } 
.contentcontainerphotography { }  /* photography */ 
.photocaption { /*float: left; position: absolute; width:920px; left: 250px; margin-top: -40px; */
font-size: 0.9em; 
width:920px;
color: #333;
line-height: 16px;
}   
                                 
/*****************************************************************************
navigation
******************************************************************************/

#nav { 
  height: 44px; width: 920px; top: 0px; position: relative; clear: both; margin: 0px auto; z-index: 7998; 
  background-image: url(elements.png); background-repeat: no-repeat; background-position: 0 -85px; 
}

#nav { margin-bottom: 8px; margin-top: 30px; } /* this line is not automatically generated */

#nav #navcontent { margin: 0; padding: 0; overflow: hidden; }
#nav #navcontent ul { margin: 0; padding: 0; list-style-type: none; }
#nav #navcontent li { display: inline; }
#nav #navcontent li a { float: left; position: absolute; height: 44px; overflow: hidden; text-indent: -900%; outline: none; }
#nav #navcontent li a, #nav #navcontent { background-image: url(elements.png); background-repeat: no-repeat; }


/* BUTTONS */
#nav #navcontent li#nav_ a { left: 280px; top: 30px; background-position: -280px -115px; width: 36px; height: 12px; }
#nav #navcontent li#nav_photography a { left: 347px; top: 30px; background-position: -347px -115px; width: 87px; height: 12px; }
#nav #navcontent li#nav_mediaart a { left: 466px; top: 30px; background-position: -466px -115px; width: 64px; height: 12px; }
#nav #navcontent li#nav_news a { left: 560px; top: 30px; background-position: -560px -115px; width: 35px; height: 12px; }
#nav #navcontent li#nav_about a { left: 625px; top: 30px; background-position: -625px -115px; width: 40px; height: 12px; }
#nav #navcontent li#nav_contact a { left: 697px; top: 30px; background-position: -697px -115px; width: 56px; height: 12px; }


/* OVER STATES */
#nav #navcontent li#nav_ a:hover { left: 280px; top: 30px; background-position: -280px -152px; width: 36px; height: 12px; }
#nav #navcontent li#nav_photography a:hover { left: 347px; top: 30px; background-position: -347px -152px; width: 87px; height: 12px; }
#nav #navcontent li#nav_mediaart a:hover { left: 466px; top: 30px; background-position: -466px -152px; width: 64px; height: 12px; }
#nav #navcontent li#nav_news a:hover { left: 560px; top: 30px; background-position: -560px -152px; width: 35px; height: 12px; }
#nav #navcontent li#nav_about a:hover { left: 625px; top: 30px; background-position: -625px -152px; width: 40px; height: 12px; }
#nav #navcontent li#nav_contact a:hover { left: 697px; top: 30px; background-position: -697px -152px; width: 56px; height: 12px; }


/* ON STATES */
#nav.navactive #navcontent li#nav_ a { left: 280px; top: 30px; background-position: -280px -189px !important; width: 36px; height: 12px; }
#nav.navactivephotography #navcontent li#nav_photography a { left: 347px; top: 30px; background-position: -347px -189px !important; width: 87px; height: 12px; }
#nav.navactivemediaart #navcontent li#nav_mediaart a { left: 466px; top: 30px; background-position: -466px -189px !important; width: 64px; height: 12px; }
#nav.navactivenews #navcontent li#nav_news a { left: 560px; top: 30px; background-position: -560px -189px !important; width: 35px; height: 12px; }
#nav.navactiveabout #navcontent li#nav_about a { left: 625px; top: 30px; background-position: -625px -189px !important; width: 40px; height: 12px; }
#nav.navactivecontact #navcontent li#nav_contact a { left: 697px; top: 30px; background-position: -697px -189px !important; width: 56px; height: 12px; }


/* SEARCH
#navsearch { width: 209px; height: 37px; position: absolute; top: 0; right: 0; background-repeat: no-repeat; background: url(elements.png); background-position: -591px -100px; overflow: hidden; }
#navsearch-form { position: absolute;}
.g-prettysearch { margin-top: 12px; margin-left: 50px; border:0px solid #fff; width: 120px; height: 13px; position: absolute;}
.g-prettysearch-safari { border: none; text-decoration: none; margin-top: 11px; margin-left: 47px; background: transparent; width: 120px; height: 13px; position: absolute; display: block; }
#navsearch label .prettyplaceholder { display: none; }
*/

/*****************************************************************************
subnavigation
******************************************************************************/

#subnav { 
  border-top-style:solid; border-top-width: 1px; border-top-color: #cccccc;
  height: 25px; padding-left: 258px; /*background-image: url(elements.png); background-position: 0px -211px; background-repeat: no-repeat; overflow: hidden; position:relative; clear: both; !: important; v6*/ 
}
#subnavbarpos { padding-top: 4px; }

.subnavbarinnerpos { padding-left: 22px; }

.subnavbartxt { line-height: 15px; font-family: "proxima-nova", "Trebuchet MS"; font-size: 12px; color: #333333; font-weight: 200; letter-spacing: 0.01em; }
.subnavbartxt a { text-decoration: none; /*text-transform: uppercase;*/ }
.subnavbartxt .grey1 { color: #999999; }
.subnavbartxt a:hover { color: #333333; font-weight: 400; }
.subnavbartxthl { color: #333333; font-weight: 400; } 

/*****************************************************************************
content container, columns
******************************************************************************/

#globalcontainer .maincol { margin-left: 0px; display:inline; }
#globalcontainer .col { margin-left: 30px; display:inline; }

.contentcontainer { margin-left:0px; position: relative; float: none; background-repeat: repeat-y; }

.content-topbg1 { background-image: url(elements.png); background-position: 0px -272px; background-repeat: no-repeat; height: 10px !important; }
.content-botbg1 { clear:both; background-position: bottom left; background-repeat: no-repeat; height: 20px; position: relative !important; }

/*****************************************************************************
maincol (content container)
******************************************************************************/

.maincol { float: left; position:relative; padding-bottom: 30px; padding-top: 31px; line-height: 20px; } /* photography width: 480px; */
.startpage { padding-top: 11px; }
.archivepage { padding-top: 24px; }

/*
.maincol h1 { font-size: 23px; font-family: "Trebuchet MS", Helvetica, sans-serif;}
.maincol, .maincol h2, .maincol h4 { font-size: 11px; font-family: Helvetica, sans-serif; font-weight: normal; }
.maincol h3, .maincol h5 { font-size: 12px; }
*/

.maincol h1 { left:0px; line-height: 26px; font-weight: normal; }
.maincol h2 { left:0px; line-height: 20px; padding-top:0px; padding-bottom:4px; }
.maincol h3 { line-height: 20px; font-weight: bold; }
.maincol h5 { padding-top: 10px; padding-bottom: 24px; line-height: 15px; font-weight: bold; }
.maincol h6 { padding-top: 10px; padding-bottom: 0px; line-height: 18px; font-weight: normal; }
.styleonly h6 { padding-top: 0px; padding-bottom: 0px; font-weight: normal; }

.maincol #extras { margin-top: 40px; margin-bottom: 20px;  }

.fullsize { width: 920px; } /*width: 720px; } */

.col120 { position: relative; float: left; width: 70px; overflow: hidden; padding-bottom: 20px; }
.col360 { position: relative; float: left; width: 410px; overflow: hidden; padding-bottom: 20px; }

.colleft { position: relative; float: left; width: 234px; overflow: hidden; padding-bottom: 0px; margin-right: 6px; display: inline; }
.colright { position: relative; float: right; width: 234px; overflow: hidden; padding-bottom: 0px; margin-left: 6px; padding-right: 160px; display: inline; }

/* contacts overview */
#contactwrapper {
  display: table;
  /*width: 100%;*/
  /*min-width: 1000px;*/
  /*width: 930px; works well for no column view*/
  width: 720px;
  /*min-height: 400px;*/
}
.contactcol {
  /*display: table-cell;*/
  /* background: #DDF;*/
  width: 560px;
  min-width: 240px;
  /* width and min-width: 310px; works well for no column view*/
}
.contactoverviewcol {
  display:table-cell;
  /* background: #DDF;*/
  width: 380px;
  min-width: 240px;
  /* width and min-width: 310px; works well for no column view*/
}
.contactrow {

  display: table-row;
  height: 106px;
}
.contactsocial {
  margin-top: 3px;
  letter-spacing: 0.5px;
}
.contactinnercol b {
	font-size: 1.01em;
	line-height: 1.9em;

}
.contactinnercolright {
	font-size: 1.01em;
	line-height: 1.9em;

}
.contactinnercol {
width: 50%;
  /*background: #DDF;*/
vertical-align: top;
display:inline-block;
margin-left: 0px;
margin-top: 0px;
font-size: 0.88em;
line-height: 1.35em;
}
.contactoverviewinnercol {
  /*background: #DDF;*/
vertical-align: top;
display:inline-block;
margin-left: 0px;
margin-top: 0px;
font-size: 0.88em;
line-height: 1.35em;
}

.colleft img, .colright img {float:left; padding-right: 8px; vertical-align: top;}
.colleft .nopadding img, .colright .nopadding img {float:left; padding-right: 0px; vertical-align: top;} 
.colthumb { position: relative; float: left; width: 70px; overflow: hidden; padding-bottom: 20px; }
.colthumbsplit { position: relative; float: left; width: 170px; overflow: hidden; padding-bottom: 20px; }

/*
.blogdate { background-image: url(blogdatebg.png); height: 60px; position: relative; float: left; width: 54px; margin-right: 14px; background-color: #CCCCCC; }
.blogdate h4 { font-size: 38px; color: #FFFFFF; text-align: center; border-style: none; line-height: 38px; margin-top:0px;}
.blogdate h3 { font-size: 10px; color: #999999; text-align: center; }
*/

/*****************************************************************************
admin
******************************************************************************/

.maincol { 
  font-family: "proxima-nova", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  font-size: 12px; color: #999999;
}

.maincol h2 { font-size: 12px; }

.edit:hover {
 background-color: #ffffcc; 
}	

.edit {
    display: inline-block;
    min-height: 16px;
    min-width: 16px;
}    

.editbox {
  background-color: #fff6bf;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #ffd324;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #ffd324;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  padding: 10px;
  padding-bottom: 14px;
  background-image: url("admin_editbox_bg.png");  
}

.editboxinner {
  background-color: #fff6bf;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 6px;
  padding-bottom: 6px;
  display: block;
}

.editbox .edit:hover {
 background-color: #ffffff; 
}

.editbox table.listing thead th { 
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  text-transform: none !important; letter-spacing: normal !important;
  font-size: 11px; line-height: 10px; color: #666; text-align: left; font-weight: bold;
  border-bottom: 1px solid #ddd; /* background: #cccccc; */ height: 12px; padding: 0 0 0 0; /* 10px; */ 
  top: 0px; margin: 0; padding-top: 4px; padding-bottom: 10px; 
  white-space: nowrap; vertical-align: top; font-weight:normal !important; 
}
  

/* ++ + - >> in admin mode */
.access_admin, .admin .contentlink, h2 .admin .contentlink, .admin .toggler { color: red !important; }
.admin .contentlink, .admin .toggler { padding-left: 1px; padding-right: 2px; text-decoration:none !important; border-bottom: 0px !important;  }
.admin .contentlink:hover, .admin .toggler:hover { color: #fff !important; background-color: red !important; }

.idTabs {
  list-style: none;
  line-height: 2em;
  margin: 0; padding: 0; list-style-type: none;
  margin-bottom: -7px;
}

.idTabs li { display: inline; }

.idTabs a {
  color: #fff;
  background: #ccc;
  /*border: 1px solid #aaa;*/
  text-transform: uppercase;
  border-bottom: none;
  position: relative;
  padding: 4px 10px 6px;
  top: 2px;
  text-decoration: none;
}  

.idTabs a:hover,.idTabs .tab_active a {
  background: #ffd324;
  color: #fff;
}

.idTabs .Tablight a {
  margin-left: 6px;
  background: #eee;
  color: #999;
}

.idTabs .Tablight  a:hover {
  color: #666;
}

/*****************************************************************************
content link colors
******************************************************************************/

.contentlink { color: #333333; text-decoration: none; }
.contentlinkintern { text-decoration: none; line-height: 20px; }
.contentlinkintern, .contentlink { border-bottom: 1px dotted #666666; font-weight: normal; }
.contentlinkintern, .navstatuscolor { color: #333333; }
.contentlinkintern:hover, .contentlink:hover { color: #666; } /*color: #FFFFFF; background-color: #ababab;*/

.grey1 { color: #FFFFFF; }
.grey4 { color: #666666; }
.grey4new { color: #757575; }

/*****************************************************************************
interactive elements
******************************************************************************/

img.loading { height: 40px; vertical-align:middle; padding-right: 10px; }

.ia:hover {
	  text-decoration:none;
	  border:0;
	  opacity: 0.6;
      filter:alpha(opacity=60);
}

.arrowback { height:120px; margin-left: 24px; padding-left: 5px !important; padding-top: 2px !important; margin-top: 0px; border-left-style:solid; border-left-width: 1px; border-left-color: #cccccc; font-family: "Trebuchet MS"; font-size: 22px; color: #333; }
.activeelement:hover { cursor:pointer; color: #999999; }

/*****************************************************************************
leftcol (small content col for title, toc, etc)
******************************************************************************/

.leftcolbox {
  border-top-style:solid; border-top-width: 8px; border-top-color: #777777;
  border-bottom-style:solid; border-bottom-width: 1px; border-bottom-color: #cccccc; padding-bottom: 40px; margin-bottom: 60px;
  padding-top: 41px;
  padding-right: 30px;  
}

.leftupdatecolbox {
  padding-top: 0px !important;
  margin-top: 0px !important;
  border-top-style:solid; border-top-width: 8px; border-top-color: #777777;
  /*border-bottom-style:solid; border-bottom-width: 1px; border-bottom-color: #cccccc; padding-bottom: 0px; margin-bottom: 0px;*/
  padding-left: 30px; 

  font-family: "proxima-nova", Helvetica, "Helvetica Neue", Arial, sans-serif; 
  text-align:left; font-size: 10px; text-transform: uppercase; color: #777777;
  padding-top: 4px;
}

.leftupdatecolboxend {
  margin-top: -30px !important;
  height: 1px;
  border-bottom-style:solid; border-bottom-width: 1px; border-bottom-color: #cccccc; padding-bottom: 40px; margin-bottom: 60px;
}

/*
.leftupdatecolbox + .leftupdatecolbox {
  border-bottom-style:solid; border-bottom-width: 10px !important; border-bottom-color: #cccccc; padding-bottom: 0px; margin-bottom: 0px;
}
*/
.leftupdatecolbox .synopsisbold { 
  margin-bottom: -20px; font-size: 10px; color: #555555; font-weight: bold; 
}

.leftcol .leftupdatecolbox h1 {
  text-align:left !important;
}

.leftcol { 
  position: relative; float:left; width: 220px; height: 100%; display:inline;  
  margin-right: 30px; 
}
.leftcolhl { padding-bottom: 0px; }
.leftcol h1 { 
  font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; 
  font-style:italic; text-align:right; font-size: 28px; color: #333333;
  margin-bottom: 20px; text-transform: uppercase;
}
.leftcol h1 .smaller {
  font-size: 70%;
}
.leftcol .synopsis { 
  font-family: "proxima-nova", Helvetica, "Helvetica Neue", Arial, sans-serif; 
  text-align:right; font-size: 10px; text-transform: uppercase; color: #777777; letter-spacing: 0.02em;
  padding-top: 4px; padding-bottom: 8px; 
}
.leftcol .synopsis .synopsisbold, .leftcol .synopsis .contenttag { 
  margin-bottom: -30px; font-size: 10px; color: #555555; font-weight: bold; 
}
.leftcol .synopsis .contenttag {display:block !important; margin-bottom: 10px !important;}

/* .toc-h2, .toc-h2first { padding-left: 0px; font-weight: normal; line-height: 25px; background-color: #d0d0d0; margin-bottom: 1px; }
.toc-h3, .toc-h3first { padding-left: 10px; font-weight: normal; line-height: 20px; background-color: #eeeeee; margin-top: 1px; }
.toc-button a { padding-left: 8px; width: 202px; height:25px; display:block; } v6 ->*/

.toc-h2, .toc-h2first, .toc-h2tag { 
  font-family: "proxima-nova", Helvetica, "Helvetica Neue", Arial, sans-serif; 
  font-weight: normal; line-height: 20px; text-align: right; font-size: 10px; color: #bbbbbb;
  margin-bottom: 1px; text-transform: uppercase;
}

.toc-h2 a:hover, .toc-h3 a:hover { color: #777777; }
.toc-button a { height: 20px; }
.toc-buttontag, .toc-buttontag a, .toc-buttontagcurrent, .toc-buttontagcurrent a, .toc-buttontagedit, .toc-buttontagedit a, .activetagedit, .activetagedit a {
  text-decoration: none; border: 0px; border-style: none; margin-bottom: 0px;
  border-bottom-style: none;
  background-color: #ddd;	
  color: #fff !important;
  height: 22px;	
  padding: 1px;
  margin: 2px;
  display:inline;
  white-space: nowrap;
}

.toc-buttontagcurrent, .toc-buttontagcurrent a, .activetag, .activetag a  {
  background-color: rgb(243, 218, 153) !important;		
  color: #fff !important;
  display:inline;
}

.toc-buttontagcurrentedit, .toc-buttontagcurrentedit a, .activetagedit, .activetagedit a  {
  background-color: rgba(243, 174, 153, 1) !important;		
  color: #fff !important;
}

.activefiltertag, .activefiltertag a {
  padding-left: 1px;
  padding-right: 1px;
  text-decoration: none; border: 0px; border-style: none; margin-bottom: 0px;
  /* border-bottom: 1px dotted rgb(243, 218, 153) font-weight: normal; */
}	
	

/*****************************************************************************
rightcol (main content area)
******************************************************************************/

.standardheadline {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; 
  text-align:left; margin-top: 0px; margin-bottom: 0px; font-size: 18px; letter-spacing: 1px; font-weight:normal;	
}

.rightcol h1, .rightcol h2 {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; 
  text-align:left; margin-top: 30px; margin-bottom: 6px; font-size: 18px; letter-spacing: 1px; font-weight:normal;
}
.standardheadline, .rightcol h1, .rightcol h2, .rightcolshortphotography .flickrcontent:first-letter { color: #333333; }
.flickrcontent:first-letter { 
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; 
  font-style:italic; font-size: 24px; 
}
.rightcol h3 {
  font-family: "proxima-nova", "Trebuchet MS", Tahoma, Arial, sans-serif;	
  font-size: 12px;
}
.rightcol { 
  font-family: "proxima-nova", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  font-size: 12px; color: #777777;
  position: relative; padding-top: 0px; height: 100%; display:inline; 
          font-weight: 200;

}
.rightcol b { 
  font-weight: 500;	color: #333; 
}
.rightcolshort { float:right; width: 640px; }
.rightcolfull, .rightcolfullphotography { float:left; width: 920px; }
.rightcolshortphotography { /*position:absolute; left: 280px; */ }
.rightcolshortphotography .flickrcontent { border-top-style:none; border-top-width: 1px; border-top-color: #cccccc; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; width: 640px; font-size: 11px; margin-top: 41px; padding-top: 30px; position: relative; float:left; }

/*****************************************************************************
col3 (3 columns in maincol fullsize)
******************************************************************************/

.col3container { width: 920px; clear: both; margin-top: -10px; padding-top: 0; }                    
.threecols { width: 920px; }                                      

.col3, .col3last { position: relative; float: left; width: 290px; margin-bottom: 40px; display:block !important; }       
.col3 { margin-right: 25px; }                  
.col3last { margin-right: 0px; }

.col3header { 
  margin: 0px; padding: 0px; height: 26px; 
  /*border-bottom-style:solid; border-bottom-width: 1px; border-bottom-color: #cccccc;*/ 
}
.col3 h6, .col3last h6 { 
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  text-align:left; font-size: 14px; font-style: italic; text-transform: uppercase; color: #333333;
  margin-bottom:6px; margin-top:0px;   
}            

.col3synopsis { 
  font-family: Helvetica, "Helvetica Neue",  Arial, sans-serif; 
  text-align:left; font-size: 9px; text-transform: uppercase; line-height: 14px;
  margin-top: 10px; padding:0;   
}
.col3synopsis .synopsisbold, .col3synopsis .contenttag {margin-bottom: 8px; display:block; color: #666666; font-size: 9px; font-weight:bold; }

.threecolsspace { clear:both; height:30px; border-bottom-style:solid; border-bottom-width: 1px; border-bottom-color: #cccccc; }

/*****************************************************************************
presentation_list (exhibitions, awards, etc)
******************************************************************************/

.present_list { 
  margin-bottom: 16px; margin-top: 34px;
}

.present_list .synopsis { 
  padding:0; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; 
  text-align:left; font-size: 9px; text-transform: uppercase; line-height: 14px; 
  margin-top: 10px;
}

.present_list .synopsis b {
 margin-bottom: 8px; display:block; color: #666666; font-size: 9px; font-weight:bold;
}

.present_list h6 {
 font-size: 10px !important;
 font-style: italic;
 font-family: Georgia, Times, "Times New Roman", serif !important;
 color: #999999;
 margin-bottom: 6px;
}

.present_list .contentlink {
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; 
  font-style: italic !important; font-size:14px !important; text-transform: uppercase !important;
}

/*****************************************************************************
bars, stars rating
******************************************************************************/
.relatedbar { 
  border-top: 1px solid #CCCCCC;
  font-size: 11px; width: 480px; height: 20px; line-height: 11px; padding-top: 0px; margin-top: 24px; margin-bottom: 4px; 
  /* background-image: url(elements.png); background-position: 0 -378px; background-repeat: no-repeat; */ clear: both; 
}
.relatedbar p { 
position: relative; font-weight: bold; left: 0px; top: 4px; font-family: Georgia, Times, "Times New Roman", serif !important; }

.stars, tr.r0 .stars { margin-top: 0px; vertical-align: middle; }

/*****************************************************************************
media gallery
******************************************************************************/

div.imgtop { margin-bottom: 8px; width: 640px; }
div.imgborder { padding: 0px 0px 6px 0px; }
div.innercontent { width: 640px; }
img { border:0px; }
.imgthumb img { width: 75px; height: 75px; border: 0px; }

/* this can one day replace the current img spacer gallery layouts for public pages */
#intranet .fgroup { 
    margin-right: 14px;
    margin-left: 0px;
    padding: 0px;
    display: inline-block;
    margin-bottom: 20px; 
	/*width: 95px;
	height: 70px; */
}
	
#intranet li:nth-of-type(6n+6) {	
    margin-right: -14px !important;
}

	
.imgcaptioncontainer { padding-left: 8px; padding-right: 8px; }
.imgcaptiontitle { color: #FFFFFF; font-size: 10px; line-height: 16px; }
.imgcaption { color: #888888; font-size: 9px; line-height: 13px; vertical-align: bottom; }

/*****************************************************************************
input forms
******************************************************************************/

form {margin: 0px 0px 0px 0px; padding: 0px; display: inline;}

.inputtxt, .input, .inputshort {
  font-family: "proxima-nova", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; 
  font-size: 11px; 
}
.input { margin-top: 4px; color: #999; border: 1px solid #CCCCCC; width: 476px; height: 18px; overflow: auto; }
.inputshort { margin-top: 4px; color: #666666; border: 1px solid #CCCCCC; width: 230px; height: 16px; overflow: auto; }
.inputtxt { color: #ababab; }
.inputtxt:focus { outline-style: none; outline-color: #FFFFFF; } /* don't display safari's standard focus indicator on search form focus */
.inputbutton { margin-top: 20px; }
.messageheight  { height: 80px; } /* comment input field height */
.wardrobecreditsheight { height: 64px; width: 376px; }
.compressedparagraph { 
	line-height: 0.9em; 
	width: 640px;
	}

.colleft .input { width: 230px; }
.colright .input { width: 230px; }

/*****************************************************************************
contacts
******************************************************************************/

.contacts_screenshot img {
 margin-top: 15px;	
 margin-right: 8px;	
 margin-bottom: 15px;
 border:1px solid #eeeeee; 
 }
 
 .contacts_screenshot .ia:hover {
	  text-decoration:none;
	  border:0;
	  opacity: 1; /* 0.6 */
      filter:alpha(opacity=0);
	  cursor: pointer;
 }

/* 
.contacts_screenshot:hover img {
transform: scale(.5);
 }
 */
 
.contacts_screenshothover img:hover {
transform: scale(2.6); 
border:0.1px solid #eeeeee !important;
}

.contacts_screenshot img:hover {
	  text-decoration:none;
	  /* border:0; */
	  /*
	  opacity: 0.6;
      filter:alpha(opacity=60);
	  */
}


.contacts_emailheadericon {
  margin-right: 6px;	
  
}

.contacts_emaildate {
  font-weight: normal;  
}

.contacts_emailsubject {
  font-weight: bold;	
}



.contacts_emailheader {
  color: #333; 
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 6px;
  font-size: 0.95em; 
  line-height: 1.8em;  
  letter-spacing: 0.02em; 
  background-color: #fff;  
  overflow-x: scroll;
  margin-top: 16px;
  /*width: 640px;*/
  width: 630px;
  /*
  border-left-style:solid;
  border-left-width: thin;
  border-left-color: #c8d5d9;
  */
  background-color: rgba(240, 240, 240, 0.49);  
}
.contacts_emailheader1 {
  color: #333; 
  padding-left: 5px;
  padding-bottom: 2px;
  font-size: 0.95em; 
  line-height: 1.8em;  
  letter-spacing: 0.02em; 
  background-color: #ababab;  
  overflow-x: scroll;
  margin-top: 10px;
  font-style: italic;
  width: 620px;
}

.contacts_emailbody { /* crmemail */
  color: #333; 
  font-size: 0.9em; 
  line-height: 1.6em;  
  letter-spacing: 0.05em;   
  background-color: rgba(239, 214, 190, 0.37); 
  padding: 10px; 
  padding-top: 0px; 
  margin-bottom: 10px;
  width: 620px;
   
  overflow-x: scroll;
  /*
  border-left-style:solid;
  border-left-width: thin;
  border-left-color: #c8d5d9;
  */ 
}
.contacts_emailbodyger {
  color: #333; 
  font-size: 0.9em; 
  line-height: 1.6em;  
  letter-spacing: 0.05em; 
  background-color: rgba(241, 224, 208, 0.25);  
  padding: 10px; 
  padding-top: 0px; 
  margin-bottom: 10px;
  /* width: 598px; */
  width: 620px;
  overflow-x: scroll;
  /*
  border-left-style:solid;
  border-left-width: thin;
  border-left-color: #c8d5d9;
  */
}
.contacts_emailbodymatt {
  color: #333; 
  font-size: 0.9em; 
  line-height: 1.6em;  
  letter-spacing: 0.05em; 
  background-color: rgba(172, 203, 217, 0.16); 
  padding: 10px; 
  padding-top: 0px; 
  margin-bottom: 10px;
  /* width: 598px; */
  width: 620px;
  overflow-x: scroll;
  /*
  border-left-style:solid;
  border-left-width: thin;
  border-left-color: #c8d5d9;
  */  
}
.contacts_emailbodykate {
  color: #333; 
  font-size: 0.9em; 
  line-height: 1.6em;  
  letter-spacing: 0.05em; 
  background-color: rgba(181, 171, 199, 0.21); 
  padding: 10px; 
  padding-top: 0px; 
  margin-bottom: 10px;
  /* width: 598px; */
  width: 620px;
  overflow-x: scroll;
  /*
  border-left-style:solid;
  border-left-width: thin;
  border-left-color: #c8d5d9;
  */  
}
.contacts_emailbodysandra {
  color: #333; 
  font-size: 0.9em; 
  line-height: 1.6em;  
  letter-spacing: 0.05em; 
  background-color: rgba(226, 20, 41, 0.14); 
  padding: 10px; 
  padding-top: 0px; 
  margin-bottom: 10px;
  /* width: 598px; */
  width: 620px;
  overflow-x: scroll;
  /*
  border-left-style:solid;
  border-left-width: thin;
  border-left-color: #c8d5d9;
  */
}

.contacts_emailbody a {
  color: #333;	
}

.avatarthumb {
  width: 80px;
  height: 80px;
  display: inline;
  vertical-align:text-top;	
  


}
.contactcol img {
	  
    filter: none;
    -webkit-filter: grayscale(30%);
    -moz-filter:    grayscale(30%);
    -ms-filter:     grayscale(30%);
    -o-filter:      grayscale(30%);
    cursor: pointer;
	
}

.contactcol img:hover {

}

/*
.avatarthumb img {
  width: 100%;
  height: auto;	
}*/



/*****************************************************************************
tables
******************************************************************************/

table { border-collapse: collapse; margin: 0; clear:both; }
td { vertical-align: top; padding: 0; }

/*
table.listing { background: transparent url(elements.png) 0px -322px no-repeat !important; margin: 0 0 1px; width: 100%; font-size: 100%; }
.fullsize table.listing { background: transparent url(elements.png) 0px -300px no-repeat !important; }
before v6, new->*/
table.listing {  /*background: #cccccc; border-radius: 4px; border-bottom: 4px; border-bottom-color: #fff;*/ margin: 0 0 1px; width: 100%; font-size: 100%; }
.fullsize table.listing { /*background: #cccccc;*/ border-radius: 4px; border-bottom: 0px; border-bottom-color: #fff; }

table.listing thead th { 
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 1px; font-size: 11px; text-transform: uppercase; line-height: 17px; color: #ababab; text-align: left; 
  border-bottom: 2px solid #999999; /* background: #cccccc; */ height: 18px; padding: 0 0 0 0; /* 10px; */ 
  top: 0px; margin: 0; padding-top: 4px; padding-bottom: 10px; 
  white-space: nowrap; vertical-align: top; font-weight:normal !important; }
table.listing td { padding: 0.3ex 0 0.3ex 0; /*10px;*/ font-size: 0.9em; border-bottom: 1px solid #DDDDDD; height: 26px !important; vertical-align:middle; }
table.listing tr.rcolor { background: #CCCCCC; color: #FFFFFF;}
table.listing tr.r0 { /*background: #FFFFFF;*/ }
table.listing tr.r1 { /*background: #FFFFFF;*/ /* #EEEEEE; */ }

table.listingnopadding { background: transparent url(elements.png) 0px -322px no-repeat !important; margin: 0 0 1px; width: 100%; }
.fullsize table.listingnopadding { background: transparent url(elements.png) 0px -300px no-repeat !important; }
table.listingnopadding thead th { background: none; height: 22px; line-height: 17px; padding: 0 0 0 2px; top: 0px; margin: 0px; color: #FFFFFF; text-align: left; white-space: nowrap; vertical-align: top; }
table.listingnopadding td { padding: 0.2ex 0 0.2ex 0px; font-size: 0.9em; border-bottom: 1px solid #DDDDDD; height: 16px; vertical-align: top; }
table.listingnopadding tr.r0 { background: #EEEEEE; }
table.listingnopadding tr.r1 { background: none; }

table.listingsmall { margin: 0 0 1px; width: 100%; }
table.listingsmall thead th { background: none; height: 22px; line-height: 17px; padding: 0 0 0 2px; top: 0px; margin: 0px; color: #FFFFFF; text-align: left; white-space: nowrap; vertical-align: top; }
table.listingsmall td { 
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  padding: 0.2ex 0 0.2ex 0px; font-size: 10px;  border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; height: 16px; vertical-align: top; letter-spacing: 0 !important;}
table.listingsmall b { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; letter-spacing: 0.03em; font-weight: 500; }
table.listingsmall tr.r0 { background: #EEEEEE; }
table.listingsmall tr.r1 { background: none; }

.tablesorter th { cursor:pointer; }

.comments table.listing td { padding: 0.7ex 10px 0.7ex 10px; font-size: 0.9em; border-bottom: 1px solid #DDDDDD; height: 16px; vertical-align: top; line-height: 1.4em; }
.comments table.listing td h4 { font-size: 30px; text-align: center; border-style: none; line-height: 30px;}
.author table.listing tr.r0 { background: #CCCCCC; color: #FFFFFF; }
.author table.listing td { border-bottom: 1px solid #AAAAAA; }
.author_admin table.listing tr.r0 { background: #CCCCCC; }
.author_admin table.listing td { border-bottom: 1px solid #AAAAAA; }

/*****************************************************************************
blog
******************************************************************************/

.startpagecol { width: 670px !important; }

.blog { margin-bottom: 0px; padding-top: 16px; border-top: 1px solid #999999; }
.blog .separator { margin-top: 8px; /*border-bottom: 1px solid #cccccc;*/ /*border-bottom: 1px dotted #bbaea2; line-height: 11px;*/ }

.blogdate { 
width: 60px; border-right-style:solid; border-right-width: 1px; border-right-color: #cccccc; padding-right: 8px;
font-family: Georgia, Times, "Times New Roman", serif; 
font-style:italic; height: 120px; position: relative; float: left; width: 54px; margin-right: 17px; margin-bottom: 20px; 
  
 }
.blogdate h4 { font-size: 40px; color: #333333; text-align: center; border-style: none; line-height: 38px; margin-top:0px;}
.blogdate h3 { font-size: 11px; color: #333333; text-align: center; }

.blog h1, .blog h2 { 
  position:relative; letter-spacing:normal !important; font-size: 20px !important; /* width: 500px !important; */ 
  margin-top: 10px !important; margin-bottom: 4px !important; font-family: "Trebuchet MS" !important; text-transform: uppercase !important; 
  font-style: italic !important; 
}

.blogshare {
  vertical-align: middle;
  margin-bottom: 30px;
  font-family: Helvetica;
  font-family: Georgia, Times, "Times New Roman", serif;
  /* font-style: italic; */
  text-align:left; font-size: 8px; color: #999 !important; line-height: 16px;
}

.blogshare b {
  font-style: normal !important; 
  margin-right: 4px; color: #999; font-size: 11px; font-weight: normal; 
}
.blogshare .contentlink:hover b, .blogshare .contentlink:hover {
  color: #FFFFFF !important;
}

.blogshare .contentlink {
  margin-right: 15px !important; text-decoration: none !important; border-bottom:none !important; color: #ababab !important;
}

.blogcontent {
  width:581px; float:right;margin:0 !important; padding:0 !important;
}

/*****************************************************************************
footer
******************************************************************************/

#footer1 { 
  clear: both !important; border-top-style:solid; border-top-width: 3px; border-top-color: #cccccc; 
  margin-left: 0px; margin-right: 0px;
  position:relative; height: 88px; margin-bottom: 20px !important;
}

.footer-l, .footer-r2, .footer-m2 { color: #bbbbbb; }
.footer-m1, .footer-r1 { color: #777777; }

.footer-l { 
  width: 220px; height: 80px; position: relative; float: left; text-align: right; padding-right: 30px; padding-top: 8px;
  border-right-style:solid; border-right-width: 1px; border-right-color: #cccccc;
}
.footer-m1, .footer-m2 { 
  width: 70px; height: 80px; position: relative; float: left; padding-left: 29px; padding-right: 30px; padding-top: 8px;     
}
.footer-m1 {margin-right:34px;}
.footer-m2 { 
  border-right-style:solid; border-right-width: 1px; border-right-color: #cccccc; text-align: right;
}
.footer-r1 { 
  width: 140px; position: relative; float: left; text-align: left; padding-top: 8px; padding-left: 29px; 
}
.footer-r2 { 
  width: 166px; position: relative; float: left; text-align: left; padding-top: 8px; padding-left: 29px; 
}

.footertxt { 
  font-family: "proxima-nova", "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: 10px;
  position: relative; line-height: 13px; top: 10px;  
}
.footertxt h3 { 
  font-family: "proxima-nova", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; text-transform: uppercase;
  font-size: 10px; margin-bottom: 4px; 
  letter-spacing: 0.01em;
}
.footer-l .contentlink, .footer-r2 .contentlink { text-decoration: none; border-bottom-style: none; color: #bbbbbb}
.footer-l .contentlink:hover, .footer-r1 .contentlink:hover, .footer-r2 .contentlink:hover { color: #333333; background-color:transparent; }
.footer-m1 .contentlink, .footer-r1 .contentlink, .footer-m2 .contentlink { text-decoration: none; border-bottom-style: none; color: #777777}
.footer-m1 .contentlink:hover, .footer-m2 .contentlink:hover { color: #333333; background-color:transparent; }


/*****************************************************************************
sandbox tests
******************************************************************************/

/*****************************************************************************
unsorted
******************************************************************************/

div.spacer {height: 1px; margin: 0px 0 0px 0; background-color: #CCCCCC;}

/* ------------------------------------------------------------------------- */

.spaceleft {
	float: left;
}

.contentlist {
  list-style-type: none;
}

/* ------------------------------------------------------------------------- */

.col-container {
  position: relative;
  float: left;
  width: 100%;
}

.col-2L {
	clear: both;
	width: 49%;
	float: left;
}
.col-2R {
	float: right;
	width: 50%;
}
.col-2L > * {
	margin-right: 5px;
	margin-bottom: 10px;
}
.col-2R > * {
	margin-left: 5px;
	margin-bottom: 10px;
}

.col-space {
  position: relative;
  float: left;
  height: 3px;
  width: 100%;
}

/* ------------------------------------------------------------------------- */

.relative {
  position: relative;
  float: left;
  width: 168px;
  margin-left: 10px;
}

.oupdateimg {
  position: relative;
  float: left;
  margin-right: 0px;
}  

.col-showcase {
  position: relative;
  float:left;
  left: 0px;
  top: 0px;
  margin-right: 0px;
  width: 217px;
  height: 112px;
  background-image: url(assets/t1/col_showcasebox1.gif);
}

.col-showcaseimg {
  position: absolute;
  top: 9px;
  left: 9px;
}
.col-showcaseimg-r {
  position: relative;
  top: 9px;
  left: 109px;
}

/*****************************************************************************
common
******************************************************************************/

.nodecoration, .nodecoration h2 { text-decoration: none; border: 0px; border-style: none; margin-bottom: 0px; }
.clear { clear: both; }
.abs { position: absolute; }
.right { text-align: right; }
.minus { position:relative; left: -12px; margin-bottom: 22px; }
.green {color: #9BA777;}  /* currently used for: your message has been sent */
.red {background-color: #ffffcc; font-weight: bold;}  /* currently used for: your message has been sent */
.black {color: #333333;}
.grey {color: #ababab;}
.blue {color: #3498db;}
.orange {color: #e74c3c;}
.orangetag {
	background-color: #e74c3c;
}
.nocolor { background-color:transparent; }
.errormessage { color: #cc0000; padding-bottom: 10px; }
.center { text-align: center; }
.right { text-align: right; float:right; }
.toggler { cursor:pointer; }

#preload img {
  height: 0; width: 0; border-width: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -30;
}

/*****************************************************************************
retina
******************************************************************************/

.retina50percent {
    width:50%;
    height: auto;	
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  #nav, #nav #navcontent li a, #nav #navcontent, 
  .content-topbg1, 
  .fullsize table.listingnopadding, table.listingnopadding {
    /* Reference the @2x Sprite */
    background-image: url(elements@2x.png);
	/* Translate the @2x sprite's dimensions back to 1x */
	background-size: 920px 480px; 
  }
}


#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortable li { padding-right:6px; padding-bottom:10px; display:inline-block; vertical-align:top; position: relative; }



@font-face {
  font-family: 'ChaletNewYorkNineteenEighty';
  src: url('Chalet-NewYorkNineteenEighty.eot?#iefix') format('embedded-opentype'),  url('Chalet-NewYorkNineteenEighty.otf')  format('opentype'),
	     url('Chalet-NewYorkNineteenEighty.woff') format('woff'), url('Chalet-NewYorkNineteenEighty.ttf')  format('truetype'), url('Chalet-NewYorkNineteenEighty.svg#Chalet-NewYorkNineteenEighty') format('svg');
  font-weight: normal;
  font-style: normal;
}

#splashcontainer {
  position: relative;
  float: left;
  margin-left: 250px; /* mimics 2 column layout, alternative: 118px; in line with logo */
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;  
  color: #ababab;  /* Fallback: assume this color ON TOP of image */

}
#splashcontainer .section {
	
  font-family: 'ChaletNewYorkNineteenEighty', sans-serif;	
  font-weight: bold;
  font-size: 44px;	
  line-height: 44px;
  color: #ababab;
}
#splashcontainer .sub {
	
  font-family: 'ChaletNewYorkNineteenEighty', sans-serif;	
  font-weight: bold;
  font-size: 12px;	
  margin-top: -28px;
  text-transform: uppercase;
  color: #ababab;  
}

img.map, map area{
    outline: none;
}

.contenttag {
	background-color: #fff6bf;
}
.col3synopsis .contenttag, .synopsis .contenttag { 
	background-color: #fff;
}	

a .fa {
color: #ccc;
}

.bb {
text-transform: uppercase;
letter-spacing: 0.02em;	
font-size: 0.8em;

}
.bb a {
color: #999; font-weight: 200; text-decoration: none; border-bottom-style: none;

}

#archiveslideshow {
width: 640px;	
	
}

.protect, #fancybox-overlay {
user-drag: none; 
-moz-user-select: none;
-webkit-user-drag: none;
}


.archivecaption, #archiveslideshownav {
font-size: 0.9em;
color: #333;
line-height: 16px;
margin-top: 20px;
}

#archiveslideshownav {	
  margin-bottom: 6px;
  margin-top: 14px;
}	

.archivenav {
  margin-right:4px;	
  color: #666;
}	

.disabled {
/*    color:#000;
    cursor:default;  
    background-color:#ddd;
*/	
}

.archivenav:hover {
	color: #333;
	cursor:pointer;
}

#archivesyndication {
text-transform: uppercase;	
letter-spacing: 0.02em;	
font-size: 9px;
color: #666;
line-height: 16px;
margin-top: 12px;
}

#archivesyndication a {
color: #999; font-weight: 200; text-decoration: none; border-bottom-style: none;
}

#archivesyndication a:hover {
color: #666;
}

img { background: white; color: white; } /* make the alt text invisible */

.bolder {
	
text-decoration: underline;	
}

.archivetoc {
  
  font-size: 0.9em;
	
  display: inline-block;
  width: 320px;
  height: 100px;
  margin: 0px;
  /*
  border-top-style:solid; border-top-width: 8px; border-top-color: #777777;
  border-bottom-style:solid; border-bottom-width: 1px; border-bottom-color: #cccccc; padding-bottom: 40px; margin-bottom: 60px;
  padding-top: 41px;
  
   text-align: right; */
  
}
#archiveshowcase {
  display: inline-block;
  width: 580px;
  height: 100%;
  margin-left: 20px;
  vertical-align: top;
  margin-top: -35px;

}

#archiveshowcase h2 {
 font-size: 12px;
}
.archiveajax a, .archiveajax, .tt {
  color: #333; font-weight: bold !important;
}
.archiveajax:hover { 
  color: #333333; background-color:transparent; 
  font-weight: bold; 
}

.archivedate {
font-size: 12px;	
font-family: Georgia, Times, "Times New Roman", serif; 
color: #666;
margin-top: 10px;
margin-bottom: -10px;
	
}
.archivedateactive {
 
color: #333;
margin-top: 10px;
margin-bottom: -10px;
	
}
.archivetitle {
/*font-size: 11px;*/
/* padding-top: 10px; */
margin-bottom: 14px;
	
}
.archivesectiontitle {
	
  font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; 
  font-style:italic; font-size: 28px; color: #333333;
  text-transform: uppercase;	
}