body[m] [o] {
	outline: 1px solid red;			
}
body[m] [o2] {
	outline: 1px solid blue;			
}
body[m] [b] {
	border: 3px dotted red;			
}
a {
	cursor: pointer;
}
#body .text p {
    margin:11px 0 11px 0;
    direction: ltr;
}

sup {
	font-size: 0.6em;
	line-height: 0.6em;
}

table {
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
}
html {
	height:100%;
	/* font size property below is the basic "zoom" factor for the document.
	 * Do not move it or remove it, it is accessed by javascript
	 * All other measurements should be in rem (when possible!)
     * Please change in user.js: remToPx() too
	 */
	 /*
	font-size: 0.85px;
	*/
	font-size: .9px;
}
body {
	position: relative;
	overflow: auto;
	height: 100%;
	font-family: Verdana, Arial;
    /* Note: Chrome/Opera bug with rem:
     * As a partial workaround: Use PX in CSS rules with body selector
     */
	min-width:882px;
	min-height:432px;
	font-size: 15px;
	line-height: 17px;
}

#breadcrumb-div,
h1, h2,
.btl .big b,
.rowhead .contact b,
.btl-td .big b,
.stl .big,
.btl-td b.big,
span.big
{
	font-weight: normal;
	font-size: 18px;
	line-height: 18px;
}

/* gray */

.submenu > .item,
#body .text p a,
body {
	color: #9aa5af;

}
#body .text p a:hover {
	color: inherit;
}


.gray-bg,
.slider-bar {
	background-color: #9aa5af;	
}
#menu .submenu {
	/*
	border-bottom: #9aa5af solid 1px;	
	border-left: #9aa5af solid 1px;
	*/
}
/* experimenting with drop shadows */
#menu .submenu-area {
	/* don't clip shadow */
	overflow: visible !important;
}

/*
#menu .submenu {
	box-shadow: 0px 2px 2px -1px #99a4ae;
}
*/
/* end experiment */

/* experiment with top border */
/*
#menu .submenu {
	border-top: 1px solid #002d72;;
}
*/
/* end experiment */


#menu .submenu .indented{
	padding-left: 18px;
}	

.stdFontSize {
	font-size: 13px;
	line-height: 15px;
}
body.noselect * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body.projects .body-vcenter,
body.all-projects .body-vcenter
{
	/*
    top:-27px;
    */
}
.transparent-border {
    border-color:transparent;
}
.clickable {
	cursor:pointer;
}
.biggerFontSize {
	font-size: 16px;
	line-height: 17px;
}
#wrapper {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
#bg {
	position: absolute;
	top:94px;
	left: 0;
	right: 0;
	bottom: 0;	
}
#bg .bg {
	display: block;
	background-size: cover;
	background-position: center center;
	-webkit-transition:opacity 2.5s;
	-o-transition:opacity 2.5s;
	-moz-transition:opacity 2.5s;
	transition:opacity 2.5s;
	opacity: 1;
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
}
#bg .bg.hidden {
	opacity: 0;
	z-index: -20;
}
#bg .bg.hidden.below {
	opacity: 1
	-webkit-transition:opacity none;
	-o-transition:opacity none;
	-moz-transition:opacity none;
	transition:opacity none;
}

body[m] #wrapper {
	opacity: 0.7;
}


/* main layout vertical sections */

#header {
	position: absolute;
	top:0;
	left:0;
	right:0;
	height: 44px;
	z-index: 10;
}
#footer {
	position: absolute;
	top:auto;
	bottom:0;
	/*
	left:0;
	right:0;
	*/
	height: 40px;
}
.copynotice-cell {
	z-index: 100;
}
#body {
	position: absolute;
	left:0;
	right: 0;
	top:99px; /* same as #header h */
	bottom: 58px; /* same as #footer h */
    /* let footer slide under body */
    z-index:1;
    /*
    background-color:white;
    */
}

body.home #body {
	display: none;
	visibility: hidden;
}

/* end main sections */

/* layout classes */

.centerblock-absolute {
	position: absolute;
	left:22px;
	right: 22px;
	top:0;
	bottom:0;
}

.centerblock-absolute.scrollbar-right,
.centerblock-absolute.with-scrollbar-right {
	right: 15px;
}

.centerblock-absolute.scrollbar-right #breadcrumb-div,
.centerblock-absolute.with-scrollbar-right #breadcrumb-div {
	right:8px;
}

.body-vcenter {
	position: absolute;
	top:0;
	bottom:0;
	margin-top:0;
	margin-bottom:auto;
	width:100%;
}

.body-vcenter, .search-results {
	transition: opacity 1s, height .4s !important;
}

/* end layout classes */

#logo-div, #menu-div {
	float: right;
}

.submenu-div {
	/*
	background-image:url(img/white90.png);
	*/
	background-repeat: repeat;
}

/*
#logo-div, #menu-div, .submenu-div, #breadcrumb-div {
	width: 303px;
}
*/



#logo-div, #menu-div {
	z-index: 10;
}


.img-container > img.ovr,
a:hover .img-container > img.out,
.img-container:hover > img.out,
.img-container.active > img.out,
.img-container-trigger.active img.out,
.img-container-trigger:hover img.out
{
	opacity:0;
}


.img-container > img.out,
a:hover .img-container > img.ovr,
.img-container:hover > img.ovr,
.img-container.active > img.ovr,
.img-container-trigger.active img.ovr,
.img-container-trigger:hover img.ovr
{
	opacity:1;
}

.grid-icon {
	width: auto;
	height: auto;
	height: .8em;
	width: .8em;
	margin-left:.3em;
}

.grid-icon-img {
	height:13px;
	margin-bottom:-1px;
}

#breadcrumb-div .grid-icon {
	margin-right: 1px;
	margin-bottom: -1px;
}

#menu-div .grid-icon {
}

.img-container {
	position:relative;
	display:inline-block;
}
.img-container > img {
	margin:0;
	position:absolute;
	left:0;
	top:0;
	right:0;
	height:100%;
	margin:auto;
	bottom:0;
}

#topright-menu {
	height: 44px;
}
#topright-logo-box {
	display: block;
	height: 100%;
	width:326px;
	float:right;
	position: relative;
	margin-right: 22px;
}
#topright-logo {
	display: block;
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	margin:auto;
	width:100%;
}
#menu-div {
	height: 100%;
	float: right;
	position: relative;
	margin-right: 4px;
	width: 333px;
}
#menu {
	position: absolute;
	top:auto;
	bottom: 7px;
	right: 0;
	margin: auto;
	height: 20px;
	width: 100%;
}

#breadcrumb-div {
	text-align: right;
    height: 36px;
    position: absolute;
    top: -62px;
    z-index: 2;
}

.centerblock-absolute #breadcrumb-div {
	right: 1px;
    width: 323px;
}

#breadcrumb {
	font-size: 1.15em;
	position: absolute;
	bottom:0;
	right: 0;
	left:0;
	text-transform: lowercase;
}

#breadcrumb b {
	font-weight: normal !important;
}

#menu>.item {
	float: right;
	margin: 0 0 0 9px;
	padding-right: 14px;
	padding-left:5px;
	height: 100%;
}
#menu>.text.item {
	width: 41px;
}
#menu .menu-title {
	font-size: 1.2em;
}
#search-button {
	height:  100%;
	position: relative;
	bottom:4px;
	width:17px;
}

#search-button > img {
	height:100%;
	width:auto;
}

a:hover,
a.selected,
#menu>.item:hover,
#menu>.item.selected,
#menu .selected,
#menu>.item .submenu>a.item:hover,
.bottomnav .pagination>.item.selected,
.bottomnav .pagination>.item:hover,
.bottomnav .item.active,
#breadcrumb b,
.blue,
.btl-td.description b,
#lefttext .text-body,
#team-list .row .rowhead:hover,
#team-list .row.active .rowhead,
#team-list .row.always-active .rowhead,
.stl .stl-td.title,
.text p,
.rowhead .contact b,
.media-list-template .btl-tr.img-hover a.pdf-link
{
	/* hover blue */
	color:#002d72;
	-moz-transition: color .2s;
	-o-transition: color .2s;
	-webkit-transition: color .2s;
	-ms-transition: color .2s;
	transition: color .2s;
}
.blue-bg,
.slider-box {
	background-color:#002d72;
}


#menu>.item.selected,
a.selected,
.bottomnav .item.active,
/*
#menu>.item:hover,
.bottomnav .item:hover,
.project-nav .item:hover,
*/
.bottomnav .pagination>.item.selected
 {
	/* hover bold */
	font-weight: bold;
}
#menu>.item .submenu-area {
	position: relative;
	top:0px;
	left:-9px;
	right:0;
	opacity: 0;
	visibility: hidden;
	padding-top: 18px;
	width: auto;
	padding-bottom:6px;
	overflow: hidden;
}

#menu .submenu-area,
#menu .submenu,
#menu .submenu-mask  {
	visibility:hidden;
	opacity:0;
}

#menu .submenu-area  {
	transition: opacity .7s ease, visibility .7s ease;
	-moz-transition: opacity .7s ease, visibility .7s ease;
	-o-transition: opacity .7s ease, visibility .7s ease;
	-webkit-transition: opacity .7s ease, visibility .7s ease;
	-ms-transition: opacity .7s ease, visibility .7s ease;
}

#menu.on .item .submenu-area {
	visibility:visible;
	opacity:1;
}

#menu.section-1> .item.section-1 .submenu-area .submenu ,
#menu.section-2> .item.section-2 .submenu-area .submenu ,
#menu.section-3> .item.section-3 .submenu-area .submenu ,
#menu.section-4> .item.section-4 .submenu-area .submenu ,
#menu.section-1> .item.section-1 .submenu-area .submenu-mask,
#menu.section-2> .item.section-2 .submenu-area .submenu-mask,
#menu.section-3> .item.section-3 .submenu-area .submenu-mask,
#menu.section-4> .item.section-4 .submenu-area .submenu-mask
{
	visibility:inherit;
	opacity:1;
}
#menu>.item:hover .submenu-area {
	z-index: 5;
}
#menu>.item .submenu {
	padding: 0px 9px 5px 8px;
	background-repeat: repeat;
	line-height: 22px;
	display: table-cell;
	min-width: 45px;
	max-width:450px;
}
#menu>.item .submenu.hidden:hover>.item{
	max-height: 45px;
}
#menu>.item .submenu.hidden>.item{
	/* Fuck you whoever decided that table cells don't change height. Fuck you all w3c. Fuck this shit */
	/* Yes, this is personal. This is my life, my time! */
	max-height: 0;
}
#menu>.item .submenu>.item {
	display: block;
	white-space: nowrap;
	margin:0;
	font-weight: normal;
	-webkit-transition: max-height .8s;
	transition: max-height .8s;
	max-height: 180px;
}
#menu>.item .submenu .selected
{
	font-weight: bold;
}

/*
.submenu-mask {
	z-index: -50 !important;
	position: absolute;
	left: 0;
	top: 0;
	height: 18px;
	width:269px;
	background-image: url(img/white90.png);
	background-repeat: repeat;
}
*/

 .submenu-mask {
	z-index: -50 !important;
	position: absolute;
	right: -9999px;
	left: -9999px;
	top: 7px;
	bottom: 0;
	width: 9999999px;
	background-image: url(img/white94.png);
	background-repeat: repeat;
}

.dimmable .submenu-mask {
	height: 9999999px;
	bottom:auto;
}

/* start footer */

#footer .footer-contents {
	display: table;
	table-layout: fixed;
	width:100%;	
	height: 48%;
}

#footer .left ,#footer .center {
	white-space: nowrap;
	text-align: center;
}

#footer .footer-contents .footer-row {
	display: table-row;
}

#footer .footer-contents .left,
#footer .footer-contents .right {
	width:360px;
}

#footer .footer-contents .left {
	/* width:297px; */
}

#footer .footer-contents .right {
	/* width:261px; */
}

#footer .footer-cell {
	display: table-cell;
	line-height: 18px;
	vertical-align: middle;
}

#footer .project-nav .item {
	width: 131px;
	padding: 0 9px 0 9px;
	display: inline-block;
}

#footer .project-nav .item.prev {
	text-align: right;
}

#footer .project-nav .item.next {
	text-align: left;
}

#bottomnav-sharebutton {
	height: 26px;
	width:26px;
	margin: 0 -2px -9px -2px;
}

.bottomnav .pagination {
	margin-right: 1px;
	text-align: right;
}

.bottomnav .pagination .item {
	margin-right: 6px;
	margin-left:0px;
	display: inline-block;
	width: 14px;
	-o-transition: width .25s, margin .25s, opacity .25s, visibility .25s;
	-ms-transition: width .25s, margin .25s, opacity .25s, visibility .25s;
	-moz-transition: width .25s, margin .25s, opacity .25s, visibility .25s;
	-webkit-transition: width .25s, margin .25s, opacity .25s, visibility .25s;
	transition: width .25s, margin .25s, opacity .25s, visibility .25s;
}

.bottomnav .pagination .item.before,
.bottomnav .pagination .item.after,
.bottomnav .pagination .item.hidden
 {
	width: 0;
	margin-right: 0;
	display: none;
	opacity: 0;
}

#bottomnav-infolink {
	width: 26px;
	margin-left: 5px;
	display: inline-block;
}

#footer .center {
	text-align: center;    
}

#footer .right {
	text-align: right;
}

#bottomlogo {
	/* width: 32px; */
	height:14px;
	position: relative;
	bottom: -3px;
	float: left;
}

#bottomnotice {
	float: left;
	margin-left:27px;
	font-size: .9em;
	line-height: 1.2em;
	margin-bottom: -6px;
}

/* end footer */


#centerimage
{
	position: absolute;
	top:0;
	bottom: 0;
	background-size: cover;
	background-position: center center;
}

#centerimage.about {
	margin-right:330px;
}

/* start project slideshow */


.slideshow .click-area {
	position:absolute;
	bottom:0;
	top:0;
	width:15%;
	cursor:pointer;
	z-index:2;
}
.slideshow .click-area.inactive {
	cursor: default;
}
.slideshow .click-area.left {
	left:0;
}
.slideshow .click-area.right {
	right:0;
}

.slidebox {
	position: absolute;
	top:0;
	bottom:0;
	right: 0;
	left:0;
	overflow: hidden;
	clear: both;
}
.slidebox .page {
	position: absolute;
	float: right;
	bottom:0;
	top:0;
	left: auto;
	right: 0;
	margin:auto;
	visibility: hidden;
	opacity: 0.25;
	transition: visibility 1.0s, opacity .5s, left 1.0s, right 1.0s;

	max-width: 100%;
	max-height: 100%;

	height: auto;
}

.about .slidebox2 {
	left:0;
	right:0;
	top:0;
	bottom:0;
	position: absolute;	
}

.about .slidebox2 .page {
	left:0;
	right:0;
	top:0;
	bottom:0;
	position: absolute;
	width: auto;
	height: auto;
	margin:0;
	visibility: visible !important;
	background-size: cover;
	background-position: center center;
	transition: none;
	transition: opacity 2s;
}

.about .slidebox2 .page.current {
	opacity: 1;
}

.about .slidebox2 .page.next,
.about .slidebox2 .page.previous {
	opacity: 0;
	/* z-index: -1; */
}


.slidebox .page.next, 
.slidebox .page.prev, 
.slidebox .page.current{
	/* slower transitions only on these ? */
	visibility: visible;
} 


.slidebox .page.current {
	left: 0;
	opacity: 1;
	z-index: 1;
}

.slidebox .page.next,
.slidebox .page.prev {
	opacity: 0;
}

.slidebox .page.next
{
	right: -100%;
}

.slidebox .page.prev
{
	right: 100%;
}

#lefttext {
	position: absolute;
	width:352px;
	top:0;
	right: 0;
	bottom:0;
	opacity:0;
	visibility:hidden;
	overflow:hidden;
	height:100%;
	z-index:5;
}


#lefttext,
#lefttext .page {
	transition: opacity 1s, visibility 1s;
}


#lefttext.active,
#lefttext.always-active
{
	opacity:1;
	visibility:visible;
}

#lefttext .page {
	background-image: url(../img/white90.png);
	position:absolute;
	margin: auto 0 0 0;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	visibility:hidden;
}

#lefttext.active .page.active,
#lefttext.always-active .page.active {
	z-index: 10;
}

#lefttext.active .page.active,
#lefttext.active .page.always-active,
#lefttext.always-active .page.always-active
{
	opacity:1;
	visibility:visible;
}

#lefttext .page.share {
	height:95px;
	width: 39px;
	background-image: none;
	left:auto;
	right:0;
	bottom: 0;
}

#lefttext .page.share .social-icons {

}

#lefttext .page.share .social-icons > a {
	display: block;
}

#lefttext .page.share .social-icons {
	position: absolute;
	left:auto;
	right:55px;
	bottom: 0;	
}

#lefttext .text, #lefttext .links {
	margin:12px 35px 0 23px;
}

body.about #lefttext .page.share .social-icons,
body.contact #lefttext .page.share .social-icons  {
	right:19px;
}

body.about #lefttext .text,
body.contact #lefttext .text  {
	margin-right:43px; /* make place so that social buttons don't overlap text */
}


#bottomnav .item.selected {
	font-weight: bold;
}

#lefttext .links p {
	margin-bottom: 5px;
}
#lefttext .text h2 {
	margin-bottom: 14px;
}
#centerimage .arrow {
	position: absolute;
	top:50%;
	margin-top:-20px;
	width:40px;
	cursor:pointer;
	opacity:1;
	transition: opacity .5s;
	z-index: 20;
}
#centerimage .arrow.inactive {
	cursor:default;
	opacity:.25;
}
#centerimage .arrow.left {
	left: -32px;
}
#centerimage .arrow.right {
	right: -32px;
}


/* end project slideshow */


/* start lists */

/* stl = Small Thumbs List, aslo known as "all-projects list" */

.body-vcenter, #body-vcenter {
	/* some spacing for lists */
	margin-top: 65px;
}

body.project .body-vcenter ,
body.project #body-vcenter ,
body.search .body-vcenter ,
body.search #body-vcenter  {
	margin-top: 0;
}

.stl-thead, .stl-tbody,
.btl-tbody {
	display: table;
	table-layout: fixed;
	border-collapse:separate;
	border-spacing: 0px;
	text-align: right;
	float: right;
	/* all this shit below to allow overflow:hidden on tables. */
	width: 0;
}

.stl-thead {
	top:-42px;
	height: 32px;
	position: relative;
}

.stl-thead .stl-td {
	height: 32px;
	font-size: 1.2em;
}


.stl-tr {
	display: table-row;
}

.stl-td {
	display: table-cell;
	vertical-align: bottom;
	width:252px;
	/*
	height: 87px;
	*/
}

#search-body .stl-td p {
	margin-left: 18px;
}

#search-body .stl-td.big p,
#search-body .stl-td p.big {
	margin-left: 5px;
}

#search-body .stl-thead,
#search-body .stl-tbody,
#search-body .btl-tbody {
	width: auto;
}

.stl-td.year {
	/*
    padding-right: 72px;
    */
    width: 126px;
}

body.jury .stl-td.year {
    padding-right: 72px;
}
 

.stl-td.title {
	text-align: left;
	width: 239px;
}

.search-results .stl-td {
	width:171px;
}

.search-results .stl-td.year {
	width:72px;
	padding-right: 36px;
}

.search-results .stl-td.title {
	width: 171px;
}

.stl.nothumb .stl-td.title {
	width: 330px;
}
.stl.nothumb .stl-tbody .stl-td {
	padding-bottom: 5px;
	padding-top: 9px;
	height: 32px;
}

.stl-td.title > p {
	margin-left: 0px;
	margin-right: 27px;
	margin-bottom: 1px;
}

.stl-td.thumb {
	line-height: 0;
    text-align: right;
    padding-right: 9px;
    padding-left:54px;
    width: 72px;
    overflow: hidden;
}

.half-scroll .stl-td.thumb {
	height: 75px;
}

.stl-td.thumb > img {
	/*
	margin-right: 31px;
	*/
	overflow: hidden;
	height: 72px;
	margin-bottom: 3px;
}

/* btl= big thumbs list */

.btl-tr {
	display: table-row;
}

.btl-td {
	display: table-cell;
	vertical-align: bottom;
	width: 450px; /* default width - need to set */
	height: 54px;
}

.btl-td.description > p {
	margin-top:9px;
	margin-right: 13px;
	margin-bottom: 5px;
}

.btl-td.thumb {
	line-height: 0;
	text-align: left;
	width: 329px;
}

.row-scroll .thumbs-container > .item,
.thumbs-gallery .item > img
{
	height:144px;
}

.btl-td.thumb > img {
    margin-bottom: 6px;

    /*
    width: 321px;
    */
}

#projects-list.row-scroll .btl-td.thumb > img {
	height:144px;
}

/*
body.awards .btl-td.thumb > img {
	height: auto;
}
*/

.row-scroll .btl-td.thumb {
	height:150px;
}


}

.btl-td.thumb > img {
	margin-bottom: 6px;
}


/* end lists */

/* search */

#search-settings {
	top:-22px;
	right:0;
	bottom:0;
	position:absolute;
	width:323px;
}

#search-body {
	top:-18px;
	left:0;
	bottom:0;
	position:absolute;
	right:315px;
}

#search-body .search-results,
#search-body .search-map
{
	position: absolute;
	top:18px;
	right: 29px;
	bottom: 0;
	left:0;
	transition: opacity 1s, visibility 1s;
	-webkit-transition: opacity 1s, visibility 1s;
}

#search-body .search-results.hidden,
#search-body .search-map.hidden { 
	visibility: hidden;
	opacity: 0;
}

#search-body .search-map {
	z-index: 5;
	/*
	background-image: url(img/white90.png);
	background-repeat: repeat;
	*/
	background-color: white;
	top:-9px;
	bottom: -9px;
	right: 25px;
}


#search-body .search-map .layers > .layer.map {
	z-index: 8;
}

#search-body .search-map .layers > .layer.hover {
	z-index: 6;
}

#search-body .search-map .layers > .layer.selected {
	z-index: 4;
}

#search-body .search-map .layers > .layer.bg {
	z-index: 0;
}


#search-body .search-map .layers > .layer {
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	margin:auto;
	margin-right: 45px;
	margin-top:9px;
	width: 90%;
	min-width: 450px;
	max-width: 1260px;
	height: auto;
}

/*
#search-body .search-results .stl-td.thumb {
	width:75px;
}
*/

#search-body .search-results > .scrollbar-right {
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
}

/*
#search-body.search-map {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top right;
	background-image:url(img/map.png);
	max-width: 1080px;
	min-height:342px;
	top:9px;
	margin-right:26px;
	margin-left:auto;
	left:-14px;
	bottom:-27px;
}
*/

.map-header {
	width: 243px;
	position: absolute;
	top:7px;
	right:21px;
}

.search-control {
	display:block;
	margin-bottom:14px;
    min-height: 63px;
}


.search-control.removed-left {
	position: relative;
	right:100%;
    height:63px;
	margin-bottom: -63px;
    margin-right: 42px;
}

.search-control .header {
	border-bottom-width:1px;
	border-bottom-style: solid;
}


.search-control.dropdown .header
{
	position:relative;
}

.search-control .header p,
.search-control .header input
 {
 	width:95%;
	margin:0 10px 3px 10px;
	padding:0;
	font-size: inherit;
	font-family: inherit;
}

.search-control .values {
	margin:3px 10px 3px 10px;
	clear:both;
    overflow:hidden;    
}

.search-control .values .value.left {
	float:left;
}

.search-control .values .value.right {
	float:right;
}


.search-control.dropdown .header .down-arrow {
	width:18px;
	height:18px;
	position:absolute;
	right:10px;
	bottom:1px;
}

.search-control.dropdown  {
	clear:both;
}

.search-control.dropdown .options {
	margin:4px 0px 10px 10px;
	clear:both;
	max-height:0;
	opacity:0;
    transition:max-height .5s, opacity .5s;
	overflow: hidden;	
}

.search-control.dropdown.active .options,
.slide-down.slide-down-active,
.slide-down-trigger:hover .slide-down
{
	opacity:1;
	max-height:450px;
}

.search-control.dropdown .options {
	/*
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	*/
}

.search-control .scrollbar-right {
	height:69px;
	position: relative;
}

.search-control.dropdown .options .item {
	/* float:left; */
	width:279px;
    margin-right:4px;
	display:block;
}


.search-control.dual-slider .slider-container {
	height:3px;
	position:relative;
	/* margin:0 11px 0 11px; */
}

.search-control.dual-slider .slider-container .slider-bar,
.search-control.dual-slider .slider-container .slider-box {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
}

.search-control.dual-slider .slider-container .slider-bar {
	height:1px;
	width:100%;

}

.search-control.dual-slider .slider-container .slider-box {
	height:3px;
}

.search-control.dual-slider .slider-container .slider-cursor {
	height:15px;
	width:22px;
	position:absolute;
	top:50%;
	margin-top:-8px;
	z-index:2;
	cursor:pointer;
	/* transition: right .5s, left .5s; */
}

.search-control.dual-slider .slider-container .slider-cursor.right {
	right:-9px;
}

.search-control.dual-slider .slider-container .slider-cursor.left {
	left:-9px;
}

/* end search */

/* thumbs gal */

.thumbs-gallery {
	clear:both;
	padding-right: 3px;
}

.thumbs-gallery .item {
	margin:0 6px 6px 0;
	height:auto;
    position: relative;
    background-color: white;
    display: block;
    opacity: 1;
    visibility: visible;
}

.thumbs-gallery .item.original-location {
	visibility: hidden !important;
	opacity: 0 !important;
    display: none !important;
}


.thumbs-gallery .item .popout {
	position: absolute;
	margin:auto;
	height: 112%;
	width: 112%;
	right: -100%;
	left: -100%;
	top:-100%;
	bottom:-100%;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	border: 6px solid white;
    transition: opacity 0.4s ease, width 0.2s, height 0.3s;
    -webkit-transition: opacity 0.4s ease, width 0.2s, height 0.3s;
    -moz-transition: opacity 0.4s ease, width 0.2s, height 0.3s;
}

.thumbs-gallery .item.topmost .popout {
	top:-6px; /* should be equal to width of popout border */
	bottom:auto;
}

.thumbs-gallery .item.bottommost .popout {
	bottom:22px;
	top:auto;
}

.thumbs-gallery .item.double-height-caption.bottommost .popout {
	bottom:33px;
}

.thumbs-gallery .item.leftmost .popout {
	left:-6px; /* should be equal to width of popout border */
	right: auto;
}

.thumbs-gallery .item.rightmost .popout {
	right:-6px; /* should be equal to width of popout border */
	left: auto;
}

.thumbs-gallery .item .popout > img {
	position: absolute;
	width: 100%;
	height: 100%;
	margin:auto;
	top:0;
	bottom:0;
	right:0;
	left:0;
}

.thumbs-gallery .item .popout > .caption {
	position: absolute;
	text-align: center;
	background-color: white;
	top: 100%;
	left:0;
	righ:0;
	width: 100%;
	border-top:6px solid white;
	border-bottom:6px solid white;
	border-left: 6px solid white; /* margin left and right must be equal to width of popout border */
	border-right: 6px solid white;
	margin-left: -6px;
	margin-right: -6px;
	overflow: hidden;
}

.thumbs-gallery .item .popout > .caption .left {
	float:left;
	text-align: left;
	margin-right: 3px;
}

.thumbs-gallery .item .popout > .caption .right {
	float:right;
	text-align: right;
	margin-left: 3px;
	/* font-weight: bold; */
}

.thumbs-gallery .item.double-height-caption .popout > .caption > .right,
.thumbs-gallery .item.double-height-caption .popout > .caption > .left {
	float:left;
	text-align: left;
	margin-right: 3px;
	margin-left: 0;
}

.thumbs-gallery .item ,
.thumbs-gallery .item .popout {
	/*
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    */
}


.thumbs-gallery .here {
	background-color: red;
	outline:3px solid green;
}

.thumbs-gallery .item, 
/* .thumbs-gallery .item.even-row, */
.thumbs-gallery .item.rowtype1,
.thumbs-gallery .item.rowtype3.rightmost,
.thumbs-gallery .item.rowtype2.rightmost,
.thumbs-gallery .item.rowtype0.right {
	float:right;
}

/* .thumbs-gallery .item.odd-row, */
.thumbs-gallery .item.rowtype2,
.thumbs-gallery .item.rowtype4,
.thumbs-gallery .item.rowtype3.leftmost,
.thumbs-gallery .item.rowtype0.left {
	float:left;
}


.thumbs-gallery .item.lastrow {
	float:right !important;
}

.thumbs-gallery .item:hover{
	/*
    -webkit-transform: scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    */
	/* outline: 6px solid white; */
    z-index: 1;
}

.thumbs-gallery .item > img {
	float: left;
}
.thumbs-gallery .item:hover .popout {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}

/*
.thumbs-gallery  .over {
	position:absolute;
	outline:2px solid red;
	z-index:500;
	display:block;
}
*/

.thumbs-container {
	position: relative;
	overflow: hidden;

	/* filler color boxes... 
	background-color: #bbb;
	*/
}

/* end thumbs gal */

/* team page */

.team-list .row {
    margin: 4px 0 5px 0;
    position:relative;
    clear:both;
    text-align:right;
    overflow: hidden;
    direction:rtl;
    display: block;
}

.team-list .row .text-container,
.team-list .row .portrait-container {
    float:right;
    vertical-align:top;
}

.team-list .row .text-container .social-icons {
	margin-top:5px;
}

.team-list .row .text-container .social-icons img {
	margin-left:4px;
}

.team-list .row.space-after {
	margin-bottom: 45px;
}

.social-icons img {
	height: 24px;
}


.team-list .rowhead,
.team-list .row .portrait-container {
    height:117px;
    position:relative;
}

:not(body.news) .team-list.bigger-thumbs .rowhead,
:not(body.news) .team-list.bigger-thumbs .row .portrait-container {
    height:144px;
}

.team-list .row .portrait-container {
    width:306px;
    width:340px;
}

.team-list .rowhead {
    cursor: pointer;
    direction: ltr;
}

.team-list .row .text-container {
    display:inline-block;
    margin-right:3px;
    width:450px;
}

.team-list .row .text-container .contact {
    position:absolute;
    bottom:0;
    right:0;
}

.team-list .row .text-container .slide-down {
	margin-top:0;
	margin-bottom:0;
    max-height: 0;
    opacity: 0;
    -webkit-transition: max-height .5s, opacity .5s, margin .5s;
    transition: max-height .5s, opacity .5s, margin .5s;
}

.team-list .row.active .text-container .slide-down,
.team-list .row.always-active .text-container .slide-down {
	margin-top:4px;
	margin-bottom:27px;
	max-height: 720px;
	opacity: 1;
}

.team-list .row .text-container .slide-down p {
	margin:0 !important;
	padding-top:11px;
}

.team-list .row.always-active .rowhead {
	cursor:default;
}

.team-list .row .portrait-container .portrait {
    position:absolute;
    bottom:0;
    left:0;
    margin-left:11px;
    height:108px;
}

/* small list */

.small-list .item {
	text-align: right;
	margin-right:342px;
}

/* members */
#body .members {
	overflow: hidden;
	clear: both;
}
#body .members .item {
	overflow: hidden;
}

#body .members .item .name, 
#body .members .item .title {
	float: right;
	display: block;
}


#body .members .item .name {
	margin-right: 12px;
	text-align: right;
}

#body .members .item .title {
	width: 329px;
	text-align: left;
}

.mobile-only {
	visibility:hidden;
	display:none;
}