/* Custom Styles */

HTML, BODY { width: 100%; height: 100%; }

#loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-image: url('../images/ring.gif');
    background-repeat: no-repeat;
    background-position: center; 
/*    z-index: 10000; */
}

body {
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smooth: antialiased;
	background-color: #fff;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -.01em;
    overflow-y: scroll; /* has to be scroll, not auto for iOS momentum scrolling */
  	-webkit-overflow-scrolling: touch;
}

.MarTop0 { margin-top: 0px !important; }
.MarTop10 { margin-top: 10px !important; }
.MarTop20 { margin-top: 20px !important; }
.MarTop25 { margin-top: 25px !important; }
.MarTop30 { margin-top: 30px !important; }
.MarTop35 { margin-top: 35px !important; }
.MarTop40 { margin-top: 40px !important; }

.homePageOverflow {
	 overflow: hidden;
}

/*    Font Options */

.raleway {
	font-family: 'Raleway', sans-serif;
    font-weight: 700;
}

/*    Font Options */


/*    Preload Nav Background */
body:after{
    display:none;
    content: url(../images/nav_bg.png);
}

UL { padding-left: 20px; }


.noSelect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.openSansLight {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
}

.openSansLightItalic, I, EM {
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 300;
}

.openSansRegular {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
}

.openSansSemiBold, B, STRONG {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
}

a { 
	color: #666;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #000;
	text-decoration: none;
	outline: none;
}

a:active, a:focus {
	color: #000;
	text-decoration: none;
	outline: none;
}


#homeCaptionFooter>A {color: #000;}
#homeCaptionFooter>A:hover {color: #666;}


textarea:focus, input:focus {
    outline: 0;
}

BUTTON {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
	outline: none;
}

BUTTON#menuLink, BUTTON#homeMenuLink  {
    background-color: transparent;
    border-width: 0px;
    font-size: 27px;
    padding: 28px 15px 28px 28px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 1;
}

BUTTON#homeMenuLink  { color: #ae9f90; }

BUTTON#menuLink:hover, BUTTON#menuLinkSubpage:hover {
    opacity: .5;
}

#home_logo
{
	position: absolute;
	top: 25px;
	left: 30px;
}

.TopGradient
{
    width: 100%;
    height: 115px;
	background-image: url('../images/home_gradient.png');
    background-repeat: repeat-x;
    background-position: top; 
    position: absolute;
    top: 0px;
    z-index: -1;	
}

DIV#imageArea {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
z-index: -1 !important;
}

DIV#textArea {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	height: 25%;
	width: 100%;
	z-index: -1 !important;
}

DIV.homeSlideshow {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat:  no-repeat;
	background-position: center center;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}


DIV.logoWrapper {
	background-image: url(../images/home_gradient.png);
	background-repeat:  repeat-x;
	height: 112px;
	position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
}

DIV#bottomGradient {
	background-image: url(../images/home_gradient_bottom.png);
	background-repeat:  repeat-x;
	height: 112px;
	position: absolute;
    width: 100%;
    bottom: 70px;
    left: 0px;
    display: block;
}


DIV.homeSlideshowCaptionHide {position: absolute: left: -1000px; display: none;}

DIV#homeCaptionFooter {position: absolute; bottom: 20px; font-size: 11px; line-height: 14px; left: 10%; width: 80%; display: none;}

IMG#logo {margin-top: 28px; margin-left: 0px; max-width: 260px; width: 100%;}

IMG#newHomeLogo {max-width: 260px; width: 100%; display: block; margin-bottom: 34px;}

IMG#igIcon, IMG#liIcon {width: 35px; height: auto; opacity: .5;}

DIV#homePageText {
	color: #ae9f90;
	font-size: 28px;
	line-height: 1.21em;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	position: absolute;
	display: none;
	opacity: 0;

	font-family: "urw-din", sans-serif;
	font-weight: 300;
}

DIV#homePageText>A, DIV#homePageText>A:hover { color: #ae9f90; }

DIV#homePageTextMobile {
	display: block;
    width: 100%;
	height: 80px;
	position: absolute;
    background-color: #fff;
    bottom: -70px;
}

#newHomeMenu {
	/*position: fixed;*/
	top: 0px; 
	left: 0px;
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    z-index: 1100;
 /*   box-shadow: 1px 2px 4px rgba(0, 0, 0, .25); */
    display: none;
}

#newMenuItems {
    font-size: 19px;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
    margin-top: 20px;
    z-index: 1000 !important;
    /* margin-top: 8px;
    margin-left: 15px; */
}

#newMenuItems>A>B {
    font-family: 'urw-din', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
}

#newMenuItems>A {
	color: #000;
	opacity: 1;
    margin-right: 25px;
    display: block;
    margin-bottom: 10px; 
}

#newMenuItems>A:hover {
	color: #ae9f90; 
}

.subpageSubNav {
	margin-left: 20px; 
	margin-bottom: 10px; 
}

.subpageSubNav>A {
	display: block;
	margin-bottom: 10px; 
}

#menu {
	/*position: fixed;*/
	top: 0px; 
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(174, 159, 144, 0.98);
	display: none;
    z-index: 1100;
}

#menuItems {
	width: 100%;
	text-align: center;
	font-size: 24px; 
	line-height: 48px;
}

#menuItems>A {
	color: #fff; 
	opacity: 1;
}

#menuItems>A:hover {
	opacity: .5;
}

IMG#menuLogo {margin-top: 28px; margin-left: 0px; max-width: 260px; width: 100%; }

IMG#menuClose, IMG#homeMenuClose {
	padding: 28px 15px 28px 28px;
	position: absolute;
	top: 0px;
	right: 2px;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

IMG#menuClose:hover {	opacity: .5; }

DIV.subpageNav {
    /*background-color: #f2f2ec;*/
	height: 77px;
	/*position: fixed;*/
	width: 100%;
	z-index: 1000;
}

IMG#logoSubpage {
	margin-top: 25px;
	max-width: 300px;
}

DIV.ccnaContent>H1 {
	font-style: normal;
	font-family: 'urw-din';
    font-weight: 400;
	font-size: 27px;
	line-height: 34px;
	margin: 50px 0px 30px 0px;
	text-transform: uppercase;
	color: #ae9f90;
}

.contactContent
{
	margin-top:150px; 
	padding-left:30px;
	background-color:white;
	height: 66% !important;
}

DIV.contactContent>H1
{
	font-size: 28px;
	padding-bottom: 10px;
}

.ContactInfo STRONG
{
	color: #000; 
    font-family: 'urw-din', sans-serif;
    font-style: normal;
    font-weight: 400;	
    line-height: 18px !important;	
    font-size:  18px !important;
}

.IntroParagraph P:first-of-type, .CalloutLine
{
	font-style: normal;
	font-family: 'urw-din';
    font-weight: 400;
    font-size: 24.75px !important;
    line-height: 36px !important;
    width: 100% !important;
}

.ccnaContent.IntroParagraph P:first-of-type
{
	margin-bottom: 10px;
}

.ImageColumn IMG
{
	/*max-width: 90%;*/
	float: right;
}

A.ccnaCalloutLink {
	font-style: normal;
	font-family: 'urw-din';
    font-weight: 400;
	font-size: 20px;
	line-height: 20px;
	margin: 110px 0px 30px 0px;
	text-transform: uppercase;
	color: #ae9f90;
}


DIV.ccnaContent H1.artsyFix {
	margin: 20px 0px 30px 0px;
	font-style: normal;
	font-family: 'Raleway';
    font-weight: 700;
    letter-spacing: 2px;
	font-size: 20px;
	line-height: 20px;
	margin: 110px 0px 30px 0px;
	text-transform: uppercase;
	color: #ae9f90;
	}

DIV.rowSpacer {height: 30px; }

DIV.ccnaContent>H2, DIV.newsTextRight>H2 {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	margin: 0px;
}

DIV.ccnaContent>P, DIV.newsTextRight>P, .StaffBio>DIV {
	font-size: 16px;
    line-height: 22px; /*19px;*/
	margin-top: 0px; 
    margin-bottom: 15px;
    width: 95%;
}


.StaffHeader
{
	font-style: normal;
	font-family: 'urw-din';
    font-weight: 400;
	font-size: 18px;
	line-height: 21.6px;	
	margin-bottom: 5px;
	margin-top: 30px;
}

.StaffBio, .StaffPhoto
{
	margin-top: 15px;
}

.ServiceImage
{
	width: 100%;
	height: 50vw;
	max-height: 650px;
}

DIV.newsTextRight>H2 { line-height: 20px; font-weight: 300; margin-left: 30px;} 
DIV.newsTextRight>P {margin-left: 30px;}
DIV.newsTextRight>P, DIV.resourceText>P { line-height: 20px; }
DIV.newsEntry {margin-bottom: 20px; }
DIV.newsEntry:last-of-type {margin-bottom: 0px; }

IMG.newsEntryImage {float: left; width: 40%; max-width: 150px; height: auto; }
DIV.newsTextRight {float: left; width: 60%; }

IMG.ccnaContentFirstImage {margin-top: 30px;}
IMG.ccnaContentOtherImages {margin-top: 30px;}

.subNav {
	font-size: 16px; 
	line-height: 24px; 
    padding-top: 59px;
    margin-top: 70px;
}

.subNav>A {
	margin-bottom: 7px;
    display: block;
}

A.subNavOn {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
	color: #000;
}


.fullWidthHome {position: absolute; left:0px; top:0px; width:100%; z-index:1000 !important;}

#validateHuman { display: none; }

#emailRegistrationForm {max-width: 450px; width:160px; }

#MERGE0 {
	padding: 0px;
	line-height: 32px;
	font-size: 11px;
	color: #000;
	border: none;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
	background-color: #fff;
	display: inline-block;
	float: left;
	width: 127px;
	font-family: 'urw-din';
    font-weight: 700;
}

A#submitRegistration 
{
    width: 10px;
    height: 34px;
    display: inline-block;
    float: left;
    opacity: 1;
    padding-top: 8px;
}

#submitRegistration:hover {opacity: .5;}

#privateRoomForm  {width: 100%;}

SPAN#readout {display: block; line-height: 24px; margin-top: 5px; font-size: 12px; width: 245px;     font-family: 'urw-din';
    font-weight: 600;}
SPAN.readoutMessage {float: left; padding-left: 10px;}

#mobileHomeFooter {
	font-size: 13px;
    line-height: 18px;
    width: 90%;
    margin: auto;
    padding-top: 22px;
}

DIV#mobileSubNav {
	color: #fff;
	font-size: 14px;
    line-height: 24px;
    margin-top: -4px;
    padding-left: 5%;
    padding-right: 5%;
}

DIV#mobileSubNav A {
	color: #fff;
}

LI {margin-bottom: 20px;}
UL {margin-top: 20px; }


DIV.artworkContent>P {
    font-size: 16px;
    line-height: 24px;
    margin-top: 0px;
    margin-bottom: 15px;
}

DIV.artworkContent DIV STRONG, .ccnaContent STRONG
{
	font-style: normal;
	font-family: 'urw-din';
    font-weight: 400;
	font-size: 28px;
	line-height: 28px;
	color: black;	
	display: inline-block;
	margin-bottom: 10px;
}

.ccnaContent STRONG { font-size:18px; line-height:22.5px; text-transform: uppercase; margin:0px; margin-bottom:3px;}

.ccnaContent UL
{
	margin: 0px;
	padding-left: 0px;
	margin-bottom: 30px;
}

.ccnaContent LI
{
	margin-bottom: 5px;
	font-size: 16x;
	line-height: 22.5px;
	list-style-image: url( '../images/dot.svg' );
	margin-left: 15px;
	padding-left: 15px;

}

.FooterNavItem:before
{
	content:none !important;
}


DIV.projectContent {
	margin-top: 40px;
}

#projectContent
{
	margin-bottom: 40px;
}

DIV.projectContent>P {
    font-size: 18px;
    line-height: 22px;
    margin-top: 0px;
    margin-bottom: 15px;
}

DIV.projectCaptions {text-align: right;}

#slides { display:none; }

#previous, #next {
	cursor: pointer;
	opacity: 1;
	width: 28px; 
	height: 30px;
	position: absolute;
	top: 27%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

	z-index: 99999 !important;
	display: block;
	background: white;
	width: 27px;
	height: 60px;
	padding-top: 14px;
}

#previous
{
	left: 0px;
}

#next
{
	right: 0px;
}

#previous:hover, #next:hover {opacity: .5;}

.slideShowPag {
	color: #000;
	font-size: 14px;
	line-height: 20px;
	text-align: right;
}

.slideShowArrows {width: 60px; text-align: right; margin-top: -7px;}

#captions {
	font-size: 14px;
	line-height: 20px;
}

.captions {
	font-style: normal;
	font-family: 'urw-din';
    font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: black;	
	text-align: left;
	margin-top: 5px;
}

.dividerLine {
	padding-bottom: 20px; 
	margin-bottom: 20px; 
	width: 100%;
	display: block;
}

.artworkContent {margin-bottom: 45px; margin-top:50px;}

/*.projectTitle { background-color: #f7f7f2; padding: 24px 15px; font-size: 18px;}*/

.projectTitle
{
	display: none;
    background-color: rgba( 255, 255, 250, 0.66 );
    padding: 24px 15px;
    font-size: 18px;
    position: absolute;
    z-index: 1000 !important;
    width: calc( 100% - 30px );
    text-align: center;
    bottom: 0px;
    height: 100%;
}

.projectBox:hover .projectTitle
{
	display: block;
}


.projectTitle DIV
{

	bottom: 25px;
	text-align: center;
	position: absolute;
	width: calc( 100% - 30px );
}


.projectTitle DIV H1
{
	font-style: normal;
	font-family: 'urw-din';
    font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: black;		
}

.projectBox {
    margin-bottom: 30px;
}

.projectBox>A:hover, .projectBox:hover, .projectTitle:hover {cursor: pointer;}

IMG.responsiveImage {width: 100%; height: auto;}

.rowSpacer {height: 60px;}

DIV#curatorialHeader {float: left; width: 70%; margin-top: 15px;}
A#viewAll {float: right; font-size: 14px; width: 30%; margin-top: 67px; text-align: right;}
A#viewAll.viewAllCuratorial {margin-top: 97px;}

/*.artistSlideShow {margin-top: 30px; margin-bottom: 30px;}*/
.artistSlideShow {margin-top: 0px; margin-bottom: 0px;}

DIV.projectTitle>H1, DIV#projectContent>H1 {

	/*
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 20px; 
	line-height: 18px;
	margin: 0px 0px 2px 0px;
	*/

	font-style: normal;
	font-family: 'Raleway';
    font-weight: 700;
    letter-spacing: 2px;
	font-size: 20px;
	line-height: 20px;
	margin: 110px 0px 0px 0px;
	text-transform: uppercase;
	color: #ae9f90;
}

DIV.projectTitle>H1 
{
	margin: 0px;
	font-size: 16px;
	line-height: 18px;
}
	

DIV.projectTitle>H2, DIV#projectContent>H2, DIV#viewCurratedMobile>H2 {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 14px; 
	line-height: 18px;
	margin: 0px;
}

DIV#viewCurratedMobile {display: block; margin-bottom: 20px;}

DIV#backToFullFixMobile { display: none; }

DIV#projectContent>P {
	font-size: 18px; 
	line-height: 22px;
}

DIV#curatorialHeader>H1, DIV#projectContent>H1 {
	font-style: normal;
	font-family: 'urw-din';
    font-weight: 400;
	font-size: 28px;
	line-height: 1.3em;
	color: black;	
	text-transform: uppercase;
	margin-bottom: 10px;
}

DIV#curatorialHeader H2, DIV#projectContent>H2
{
	font-size: 18px;
	color: #ae9f90;
	line-height: 1.3em;
	font-family: "urw-din", sans-serif;
	text-transform: uppercase;
	margin-top: 0px;

}

.OnlineShowHeader>H1
{
	font-size: 25px;
	color: #000000;
	line-height: 30px;
	font-family: "urw-din", sans-serif;
	margin-top: 12px;	
	margin-bottom: 2px;
}

.OnlineShowHeader>H2
{
	font-size: 18px;
	color: #ae9f90;
	line-height: 1.3em;
	font-family: "urw-din", sans-serif;
	margin-top: 0px;	
	margin-bottom:  15px;
}

.OnlineShowImage
{
	margin-bottom: 20px;
}

.curatorialSlideShow {margin-top: 60px;}

#slides
{
	padding-left: 15px !important;
}
.slidesjs-control
{
	width:calc( 100% - 15px ) !important;
}

A.socialIcons {opacity: 1;}
A.socialIcons:hover {opacity: .5;}

.SubnavContainer
{
	width:0px;
	overflow: visible;
	text-align:left;
	font-size: 14px;
	font-family: urw-din;
	font-weight: 400;
	margin-left: 15px;
	margin-top: 6px;
	line-height: 17px;
}

.Subnav
{
	width:300px;
}

DIV.desktopNav { text-align: right;
	padding-top: 26px;
	font-size: 13px;
	display: none;
}

DIV.desktopNav>DIV
{
	float:right;
}

DIV.desktopNav>DIV>A, #homeNav>A {
	color: #000; 
	margin-left: 10px;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    font-family: 'urw-din', sans-serif;
    font-style: normal;
    font-weight: 700;
}

DIV.desktopNav>DIV>A:hover {color: #ae9f90;}

DIV.desktopNav>DIV>A, DIV.desktopNav>DIV>A>B {
    font-family: 'urw-din', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
}

DIV.desktopNav>DIV>A>B 
{
	border-bottom: 1px solid #ae9f90;
	padding-bottom: 2px;
}

DIV#viewCurrated {
	display: none;
}

DIV.mobileNavButton {display: block;}
.homeNavButton
{
	z-index: 999999 !important;
}
DIV.desktopNav {display: none;}

#homeNav
{
    position: absolute;
    top: 80px;
    left: 20px;
    display: none;

}
#homeNav A
{
	display: block;
	margin-bottom: 10px;
}
#homeNav A B
{
	margin-right: 10px;
    z-index: 9999999 !important;
	color: #000; 
    font-size: 16px;
    line-height: 24px;

    text-transform: uppercase;
    font-family: 'urw-din', sans-serif;
    font-style: normal;
    font-weight: 700 !important;
}

DIV.projectArrows {margin-top: 105px;}

DIV.projectCaptionSlideShow {text-align: left;}

.ExhibitionBackLink
{
	float: right;	
	margin-top: 5px;
}

.ArtworkBackLink
{
	float: right;	
	margin-top: 2px;
}
.ProjectBackLink
{
	float: right;
	margin-top: 40px;
}

H1#artworkText {
	display: block;
	margin-bottom: 4px;
}

P#artworkTextPara {
	text-align: left;
	margin-bottom: 30px;
}

.thumbNails {margin-bottom: 30px; font-size: 14px; text-align: center;}
.thumbNails>A>IMG {margin-bottom: 6px;}

.pressImageRow>A>IMG {
	max-width: 252px; 
	margin-right: 30px; 
	margin-bottom: 30px; 
}

A.backToGallery {
	display: block;
	margin: 30px 0px 0px 0px;
}


/* BEGIN ALT */

.projectImage {position: relative; margin-bottom: 30px;}
.projectTitleAlt {
	position: absolute; 
	bottom: 0px;
	width: calc(100% - 30px); 
	background-color: rgba(247, 247, 242, .75);
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.projectAltImage:hover + .projectTitleAlt, .projectTitleAlt:hover  {
    opacity: 1;
}

#menuAlt {
	position: fixed;
	top: 0px; 
	left: -50%;
	width: 50%;
	height: 100%;
	background-color: rgba(174, 159, 144, 1);
	display: block;
    z-index: 100;
}

IMG#menuCloseAlt {
	padding: 28px 15px 28px 28px;
	position: absolute;
	top: 0px;
	right: 2px;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

IMG#menuCloseAlt:hover {	opacity: .5; }



div.projectSlideShowText {
	float: left;
	text-align: justify;
	width: 208px;
    margin-left: 15px;
    margin-top: 20px;
}

div.projectSlideShowStyle {

	width: 100%;
	float:left;
	margin-top: 10px;
}

div.projectSlideShowText>#projectContent>P {
	font-size: 12px; 
	line-height: 16px;
}

/* END ALT */

A#projectDetailsLink {cursor: pointer;}

.pressImageRow {margin-bottom: 30px;}

DIV.marginTopFixExp {margin-top: 40px;}

#curatorialCaption { font-size: 14px; line-height: 18px; margin-top: 30px;  }
/*
DIV.projectTitle>H1.fontFix {
	font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -.01em;
    text-transform: none;
    color: #666;
   	font-weight: normal;
}
*/

DIV.projectTitle>DIV>H2
{
	font-size: 17px;
    line-height: 23px;
    color: black;
    font-family: 'urw-din';
}

.subFooter 
{
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 60px; 
}

.subFooter>div.subFooterEntries 
{
	padding: 20px 0px 0px 0px;
	float: right;
}

.FooterIcon
{
	margin-right: 15px;
}


.FooterNavItem
{
	display: block;
	float: left;
	margin-right: 20px;
}

LI.FooterNavItem
{
	padding-left: 0px;
	margin-left: 0px;
}

.FooterNavItem A
{
	color: #000; 
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    font-family: 'urw-din', sans-serif;
    font-style: normal;
    font-weight: 700;	
}

.FooterNav
{
	clear: both;
	float: left;
	padding-left: 0px;
	margin-top: 5px;
}




.AboutImageRow
{
	height: 230px;
	padding: 15px;
}



/* MEDIA QUERIES */

@media (min-width: 768px) 
{


	.ProjectBackLink
	{
		margin-top: 28px;
	}
	.ArtworkBackLink
	{
		margin-top: 2px;
	}

	.StaffHeader
	{
		margin-top: 0px;
	}


	DIV#viewCurrated {
		display: block;
	}

	DIV#viewCurratedMobile {display: none;}
	DIV#backToFullFixMobile { display: block; }
	DIV.projectArrows {margin-top: 35px;}

	#newHomeMenu {
		left: 50%;
		width: 100%;
		height: auto;
	}
	
	#newMenuItems {
	    margin-top: 12px;
	    font-size: 13px;
	    line-height: 18px;
	    display: none;
	}
	
	IMG#newHomeLogo {display: none;}

	DIV.projectCaptionSlideShow {text-align: right;}

	DIV#imageArea {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 50%;
		overflow: hidden;
		z-index: -1 !important;
	}

	DIV#textArea {
		position: absolute;
		top: 0px;
		right: 0px;
		height: 100%;
		width: 50%;
		letter-spacing: -0.01em;

	}
	
	DIV.logoWrapper {
		width: 50%;
	}
	
	DIV#homeCaptionFooter {display: block;}

	DIV#homePageText 
	{
		display: block;
		font-size: 20px;
		line-height: 27px;
		opacity: 1;
	}	
	
	DIV#homePageTextMobile { display: none; }
	
	#menuItems {
		font-size: 38px; 
		line-height: 64px;
		display:block;
	}
	#newMenuItems>A {
		display: inline;
	}
	
	IMG.ccnaContentFirstImage {margin-top: 87px;}
	IMG.ccnaContentOtherImages {margin-top: 10px;}
	
	DIV.ccnaContent>H1 { margin: 40px 0px; }
	DIV.rowSpacer {height: 60px; }

	SPAN.readoutMessage {float: right; padding-left: 33px; margin: 0px;}
	
	.subFooter>div.subFooterEntries {font-size: 12px; line-height: 16px; padding: 0px 15px 0px 15px;}

	BUTTON#homeMenuLink { padding: 28px 40px 28px 28px; }
	IMG#homeMenuClose { padding: 28px 40px 28px 28px; }
	
	BUTTON#menuLink { padding: 26px 25px 28px 28px; }
	IMG#menuClose { padding: 28px 15px 28px 28px; }
	IMG#logo {margin-left: 25px;}
	IMG#menuLogo {margin-left: 25px;}
	
	.artworkContent {margin-bottom: 0px;}
		
	.dividerLine { padding-bottom: 30px;  margin-bottom: 30px; }

	DIV#bottomGradient {display: none;}

	DIV.subpageNav {
		/*position: fixed;*/
		width: 100%;
		z-index: 1000;
	}

	DIV.ccnaContent {margin-top: 35px;}
	.contactContent {	margin-top:150px !important; padding-left: 30px; background:none;}
	
	DIV.ccnaContent>H1 {
		margin: 30px 0px 20px 0px;
	}
	
	.ContactInfo STRONG
	{
		color: #000; 
	    font-family: 'urw-din', sans-serif;
	    font-style: normal;
	    font-weight: 400;	
	    line-height: 22px;	
	}

	DIV#curatorialHeader {margin-top: 0px;}
	
	DIV.marginTopFixExp {margin-top: 0px;}
	
	DIV.ccnaContent>H1.artsyFix {margin: 20px 0px 30px 0px;}

	DIV.mobileNavButton {display: none;}
	DIV.desktopNav {display: block;}

	/*.ServiceImage { height: 600px; }*/
	IMG#logoSubpage {
		margin-top: 25px;
		max-width: 210px;
	}
}	

@media (min-width: 900px) 
{




	DIV#homePageText 
	{
		font-size: 24px;
		line-height: 27px;
	}	

#homeNav
{
    top: 28px;
    right: 55px;
    left: auto;
}
#homeNav A
{
	display: inline;
	margin-bottom: 0px;
}
#homeNav A B
{
    font-size: 13px;
    line-height: 16px;

}

	DIV.desktopNav>DIV>A {
			margin-left: 15px;
	}

	DIV.desktopNav { 
	    font-size: 16px;
	}

}


@media ( min-width: 990px )
{
	.AboutImageRow
	{
		height: 300px;
		padding: 15px;
	}

}


@media (min-width: 1024px) 
{




	DIV#homePageText 
	{
		font-size: 27px;
		line-height: 33px;
	}

	/*.ServiceImage { height: 740px; }*/
	.subFooter>div.subFooterEntries {font-size: 14px; line-height: 18px;}
	
	
	.contactContent {	padding-left: 100px; }


	IMG#logoSubpage {
		margin-top: 25px;
		max-width: 285px;
	}

	#next, #previous
	{
		background: none;
		top: 41%;
	}

	#next
	{
		right: -20px;
	}

	#previous
	{
		left: -20px;
	}

}

@media (min-width: 1200px) {
	
	DIV#homePageText {
		font-size: 31px;
		line-height: 37px;
	}

	.AboutImageRow
	{
		height: 400px;
		padding: 15px;
	}

}


@media (min-width: 1300px) {
	
	DIV#homePageText {
		font-size: 34px;
		line-height: 40px;
	}




}


@media (min-width: 1400px) {
	


	DIV#homePageText {
		font-size: 37px;
		line-height: 43px;
	}

}

/*
@media (min-width: 1320px) {

	#newMenuItems>A {
		display: inline;
	}

}*/