@charset "UTF-8";

/* CSS Document */

body {font: 14px/1.3 Verdana, Arial, Helvetica, sans-serif;background-color: #ffffff;margin: 0px 10px 0px 10px;padding: 0; color:#45300B;}



.galleria {overflow:hidden;}

.button {padding:3px 5px;; background-color:#666; border-radius:6px; color:#fff;}

.button:hover {background-color:#740809;underline:none; }

#logo {float: left;height: 86px;padding-top: 20px;text-align: center;}

a:link {text-decoration: none;}

a:visited {text-decoration: none;}

/* Header Classes */

h1, h2, h3, h4, h5, h6, p {margin-top: 0;	 padding-right: 15px;padding-left: 15px; }

p {font-size:1em; font-family:Arial, Helvetica, Gotham, sans-serif; line-height:1.5em;}

h1 {font-size: 1.5em;color:#4f4130;}

h2 {font-size: 1.3em;color:#4f4130;}

h3 {font-size: 1.2em;color:#4f4130; font-weight:400;}

.smalltext {font-size:10px;}

a {text-decoration:none; color:#1d3f7f;}

a:hover {color:#2E457B;text-decoration:underline;}

.italicstext {font-family: "Times New Roman", Times, serif; font-style:italic; font-size:21px;}

.straighttext {font-family: "Times New Roman", Times, serif; font-size:16px;}

.homedescription {font-size:1.1em; color:#fff; font-style:normal; font-family:Helvetica, Arial, sans-serif;   text-align:left; padding:10px 10px 10px 0px; width:78%;}

.homeintro {width:100%; min-height:44px; clear:both; overflow:auto; margin-top:10px; background-color:#4a4a4a;color:#fff;}

.exhibitstopband {width:100%; min-height:24px; clear:both; overflow:auto; margin-top:8px;margin-bottom:8px; background-color:#d2d2bf;color:#fff; text-align:center;}

.exhibitstopband p{font-size:18px; margin:0px; color:#222; text-transform:uppercase;padding:4px; font-style:italic;}

.pagetitle p{font-size:24px; padding-left:20px; padding-top:4px; margin-bottom:0px;}

.middleband {width:100%; min-height:20px; clear:both; overflow:auto; margin-top:8px;margin-bottom:8px; background-color:#d2d2bf;color:#fff; text-align:left;}

.middleband p{font-size:16px; margin:0px; color:#222; padding:4px; font-style:normal; margin-left:20px;}

.homeintro img{ }

.homeintroimage {float:right; position:relative; padding-left:4px; width:9%; padding-top:10px; padding-bottom:10px;display:block; }



.newsflash {width:100%;  clear:both; overflow:auto; border: 2px solid #d2d2bf; font-color:#fff;}

.newsflashcontent {width:100%;  padding:20px; font-color:#fff;}

.owlnews {clear:both; overflow:auto; border: 2px solid #d2d2bf; font-color:#fff; padding:6px;}

.owlnews p{margin-bottom: 0;}

.mainbanner{width:100%;}

/* Image Classes */

a img { border: none;}

.mainbanner img {width:100%;}
.map {width:100%;}


/*home page gallery blocks*/

.galleryblocks {width:100%; clear:both; overflow:auto; margin-top:10px; background-color:#fff;color:#222; margin-bottom:18px; border-bottom:2px solid #b2b2b2;}

.galleryblock {width:33%; position:relative; float:left; margin-top:10px; color:#222; min-height:10px; text-align:center;font-family: "Times New Roman", Times, serif;}

.galleryblocknew {width:49%; position:relative; float:left; margin-top:10px; color:#222; min-height:10px; text-align:center;font-family: "Times New Roman", Times, serif;}

.galleryblock2 {width:49%; position:relative; float:left; margin-top:10px; color:#222; min-height:10px; text-align:center;font-family: "Times New Roman", Times, serif;}

.middleblock{width:34%;}

.galleryblocktitle p{font-size:24px; margin:0px; margin-bottom:10px;}

.galleryblockimage {width:100%;margin-left: auto;margin-right: auto;}

.galleryblockimage img{width:90%;}

.galleryblockimage2 {width:80%; margin-left: auto;margin-right: auto;}

.galleryblockimage2 img{width:90%;}




/*home page segment blocks*/

.segmentblockcontainer {width:100%; clear:both; background-color:#fff;margin-bottom:18px; }

.segmentblock {width:33%; position:relative; float:left; margin-top:10px; color:#222; min-height:10px; text-align:left;font-family: "Times New Roman", Times, serif; background-color:#fff;}

.segmentblocktitle {width:100%; margin-top:0px; margin-bottom:10px; text-align:center;background-color:#d2d2bf;}

.segmentblocktitle p{font-size:18px; margin:0px; padding-bottom:6px;padding-top:6px;font-color:#222; text-transform:uppercase;}

.segmentblockcontent {border-right:0px solid #000; min-height:30px;width:95%;margin-top:10px;margin-left:10px;margin-right:10px; margin-bottom:10px;}

.segmentblock1 {border-top:1px solid #000;border-left:0px solid #000; background-color:#fff;}

.segmentblock2 {border-top:1px solid #000; background-color:#fff;}

.segmentblock3 {border-top:1px solid #000;border-right:0px solid #000; background-color:#fff;}

background-color: #fff;



/*exhibits page styles - shares galery block styles */

.exhibitiontitle {font-size:16px;}

.exhibitiontitle p{font-size:16px; margin:0px; margin-bottom:10px; text-transform:uppercase;}

.exhibitblocktitle {width:100%; margin-top:0px; margin-bottom:10px; text-align:center;background-color:#d2d2bf;}

.exhibitblocktitle a {text-decoration:none;}

.exhibitblocktitle p{font-size:16px; margin:0px; padding-bottom:6px;padding-top:6px;font-color:#222; text-transform:uppercase;}

.exhibitblockcontent {min-height:30px;width:95%;margin-top:10px;margin-left:10px;margin-right:10px; margin-bottom:10px; text-align:left;}

.exhibitblocks {width:100%; clear:both; overflow:auto; margin-top:10px; background-color:#fff;color:#222; margin-bottom:6px;}

.exhibitblock {width:33%; position:relative; float:left; margin-top:0px; color:#222; min-height:10px; text-align:center;font-family: "Times New Roman", Times, serif;}

.exhibitblock1wide {width:40%; position:relative; float:left; margin-top:0px; color:#222; min-height:10px; text-align:center;font-family: "Times New Roman", Times, serif;}

.exhibitblock2wide {width:60%; position:relative; float:left; margin-top:0px; color:#222; min-height:10px; text-align:center;font-family: "Times New Roman", Times, serif;}

.exhibitblock2wideB {width:60%; position:relative; float:left; margin-top:0px; color:#222; min-height:10px; text-align:left;font-family: Arial, san-serif; margin-left:10px;}

.exhibitblock1 {background-color:#fff;}

.exhibitblock2 {background-color:#fff;}

.exhibitblock3 {background-color:#fff;}

.exhibitscurrent {background-color:#fff; text-align:left;}

.exhibitscurrentdate {background-color:#fff;color:#222222;font-size:14px;font-family:Arial, Helvetica, sans-serif;}

.exhibitscurrenttitle {background-color:#fff;color:#222222;font-size:12px;font-family:Arial, Helvetica, sans-serif; font-style:italic;}

.exhibitspast {background-color:#fff; text-align:left;overflow:hidden;}

.exhibitspastdate {background-color:#fff;color:#222222;font-size:14px;font-family:Arial, Helvetica, sans-serif;}

.exhibitspasttitle {background-color:#fff;font-size:12px;font-family:Arial, Helvetica, sans-serif; font-style:italic;}

.showyear{font-size:16px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;padding-top:20px; text-decoration:underline}

.showdates{font-size:14px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;padding-left:4px;padding-top:10px;}

.showdates2{font-size:14px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;padding-left:4px;padding-top:20px; margin-bottom:-18px;}

.showtitle{font-size:14px;font-family:Arial, Helvetica, sans-serif; padding-left:34px; font-style:italic; line-height:18px}

.showtitle2{font-size:14px;font-family:Arial, Helvetica, sans-serif; padding-left:134px; font-style:italic; line-height:18px}



/* Workshops */

.workshopblocks {width:100%; clear:both; overflow:auto; margin-top:10px; background-color:#fff;color:#222; margin-bottom:6px;}

.workshopblock {width:33%; position:relative; float:left; margin-top:0px; color:#222; min-height:10px; text-align:center;font-family: "Times New Roman", Times, serif;}

.workshopblock1wide {width:40%; position:relative; float:left; margin-top:0px; color:#222; min-height:10px; text-align:center;font-family: "Times New Roman", Times, serif;display:block;}

.workshopblock2wide {width:60%; position:relative; float:left; margin-top:0px; color:#222; min-height:10px; text-align:center;font-family: "Times New Roman", Times, serif;}



/* artists */

.artistblock {width:25%; position:relative; float:left; margin-top:0px; color:#222; height:150px; text-align:center;font-family:Arial, Helvetica, Gotham, sans-serif; line-height:1.5em;}

.artistblock p{font-size:14px;}

.artistblock img {max-height: 85px;}



/* call to artists */

.callblock{width:100%;clear:both;overflow: auto;}

.callblock p{font-size:14px;}

.calldate {width:30%; min-width:150px; position:relative; float:left;}

.calldate p{font-size:14px; font-weight:bold;}

.callinfo {overflow: auto;}

.callinfo p{font-size:14px;}



/* artists gallery: mary and alden */

.artistgalleryblock {width:33%; position:relative; float:left; margin-top:0px; color:#222; height:90px; text-align:left;font-family:Arial, Helvetica, Gotham, sans-serif; line-height:1.5em;}

.artistgalleryblock p{font-size:14px;}



/* news */

.newsblock {border-bottom:1px solid #222;margin-top:10px;margin-bottom:4px;}

.newstitle {color:#222; text-align:left;font-family:Arial, Helvetica, Gotham, sans-serif; font-size:16px; font-weight:bold; padding:0px; margin-bottom:0px;}

.newscontent {font-size:14px;  padding:0px;}



/* staff */

.staffcol {width:50%; position:relative; float:left; margin-top:0px; color:#222; text-align:left;}

.staffblock {width:100%; position:relative; float:left; margin-top:10px; color:#222;  text-align:left;font-family:Arial, Helvetica, Gotham, sans-serif; line-height:1.5em;}

.staffblock p{font-size:14px;}

/* member */

.membercol {width:100%; position:relative; float:left; margin-top:0px; color:#222; text-align:left;}

.memberblock {width:100%; position:relative; float:left; margin-top:10px; color:#222;  text-align:left;font-family:Arial, Helvetica, Gotham, sans-serif; line-height:1.5em;}

.memberblock p{font-size:14px; padding-left:15px;}
.memberblock li{font-size:14px;}
.memberblockcontent {width:70%;}
.map {width:600px; height:350px;}



/* video */

.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}

.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}



/* Links */

a:link {color:#1d3f7f;text-decoration: none; }

a:visited {text-decoration: none;}

a:hover, a:active, a:focus { text-decoration: underline;}



/* Container surrounds all other divs giving them their percentage-based width */

.container {width: 100%;max-width: 1200px;min-width: 780px;background-color: #FFF;margin: 0 auto; }

.header {height:74px;}

.headerleft {background-color: #ffffff;float: left;width: 135px;padding-top:0px;}

.headerright {background-color: #ffffff;float: left;}

.header p {margin-bottom: 0;}



/*Content Page Blocks*/

/*home page gallery blocks*/

.contentblocks {width:100%; clear:both; overflow:auto; margin-top:0px; background-color:#fff;color:#222; margin-bottom:18px; border-bottom:2px solid #b2b2b2;}

.contentblock1 {width:25%; position:relative; float:left; margin-top:10px; color:#4f4130; min-height:10px; text-align:center; display:block;}

.contentblock1cell {width:100%; position:relative; float:left; margin-top:10px; color:#4f4130; min-height:10px; text-align:center; display:none;}

.contentblock2 {width:50%; position:relative; float:left; margin-top:10px; color:#4f4130; min-height:10px; text-align:left;}

.contentblock2wide {width:75%; position:relative; float:left; margin-top:10px; color:#4f4130; min-height:10px; text-align:left;}

.contentblock3 {width:25%; position:relative; float:left; margin-top:10px; color:#4f4130; min-height:10px; text-align:left;}

.contentblock3sub {margin-top:-30px; position:relative; clear:both;}

.contentblocktitle p{font-size:21px; margin:0px; margin-bottom:10px;}



/* Columns for the layout. */



/* This grouped selector gives the lists in the .content area space */

.content ul, .content ol { padding: 0 15px 15px 40px; }

.rightside ul, ol { padding-right: 10px; }



/*  Footer  */

.footer {padding: 10px 0;background-color: #ffffff; color:#555; font-family:Arial, Helvetica, san- serif; font-size:9px; position: relative; width:100%; margin:0 auto; text-align:center; clear: both; }



/* Float/Clear classes */

/* Used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

.fltrt {  float: right;margin-left: 8px;}



/* Used to float an element left in your page. The floated element must precede the element it should be next to on the page. */

.fltlft { float: left;margin-right: 8px;}



/* Placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */

.clearfloat { clear:both;height:0;font-size: 1px;line-height: 0px;}





#menuholder{width:100%;max-width:440px;position:relative; float:right; margin:0px auto; margin-top:-50px;display:block;text-align:center;height:0px;z-index:1000;}

#tagline{width:100%;max-width:470px;margin:0px auto; margin-top:0px;display:block;text-align:left;font-family:"Times NR W01 Italic", times, serif; font-size:30px;margin-top:18px; color:#444; }

#tagline p{margin-top: 0; padding-right: 0px;padding-left: 10px;}

#tagline img {width:466px; height:55px;}

.smalltagline {font-family:"Times NR W01 Italic", times, serif; font-size:16px;margin-top:8px;margin-bottom:8px; color:#444; font-weight:bold; font-style:italic;}

#line {height:1px; background-color:#ddd; width:100%;}

#topline {padding:10px 6px 0px 0px;top:0px;position:relative;width:100%;float:left;}



.testimonials p{color:#585046; margin-bottom:6px;}

.quote {padding:8px 0px; background-color:#eee;border-radius: 0px;}

.clientname {color:#585046; font-style:italic;}



.publication {position:relative; float:left; padding:10px; text-align:center; width:12%;height:220px;}

.publication p{font-size:11px;margin-top:0px;margin-bottom:0px;}

#moreawards {display:none;margin-top:-16px;}



.portfolio {position:relative; float:left; text-align:center; width:25%;}

.portfolioimage {position:relative; text-align:center; padding:4px;width:100%; max-width:250px; margin:0 auto;}

.portfolioimage img{-webkit-box-shadow: 0px 0px 6px 1px #666; -moz-box-shadow: 0px 0px 6px 1px #666; box-shadow: 0px 0px 6px 1px #666;}

.portfolioimage img:hover{border-radius:10px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; opacity:.7;}

.portfolioname {position:relative; text-align:center; padding:2px 16px; background-image:url(../images/portfolio-main-selection/blackback.png); bottom:30px;width:70%; margin:0 auto;}

.portfolioname a{color:#fff; text-decoration:none;}

#map {display:block;}

#map2 {display:none;}

#copyright{position:relative; float:left; width:50%; text-align:right;}

#address{position:relative; float:left; width:50%;}

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

/*	Media Queries

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



/* height fix for home slider */

@media only screen and (max-height: 800px) {

    .bx-wrapper {

        width: 800px;

    }

}



@media all and (max-width: 1000px) {  

#menuholder{max-width:1000px; }

.artistblock {width:33%; }

.artistgalleryblock {width:50%; }

}



/* Standard 960 or larger (browsers) */

@media only screen and (min-width: 960px) and (max-width: 1079px) {

	.container {width: 100%;max-width: 1079px;min-width: 960px; }

	.header {height:74px;}

	.headerleft {background-color: #ffffff;}

	.headerright {background-color: #ffffff;}

	#tagline{font-size:28px;}

	#tagline img {width:400px; height:47px;}

	.publication {width:16%;}

	.homeintroimage {width:9%; }

	.segmentblocktitle p{font-size:16px; margin:0px; padding-bottom:6px;padding-top:6px;font-color:#222; text-transform:uppercase;}

	}



/* Smaller than standard 960 (devices and browsers) */

@media only screen and (max-width: 959px) {

	.container {width: 100%;max-width: 959px; min-width: 768px;}

	.header {height:74px;}

	.headerleft {background-color: #ffffff;width: 135px;}

	.headerright {background-color: #ffffff;}

	#tagline{font-size:28px;}

	#tagline img {width:380px; height:45px;}

	.publication {width:20%;}

	.portfolio {width:33%;}

	.homeintroimage {width:9%; }

	.contentblock1 {display:none;}

	.contentblock1cell {display:block;}

.contentblock2 {width:70%;  }

.contentblock2wide {width:70%;  }

.contentblock3 {width:30%; }

.contentblocktitle p{font-size:18px; }

.pagetitle p{font-size:21px; margin-top:4px; }

.segmentblocktitle p{font-size:14px; margin:0px; padding-bottom:6px;padding-top:6px;font-color:#222; text-transform:uppercase;}

.headerleft {width: 125px;}

	}

@media only screen and (max-width: 900px) {

	#tagline{text-align:right;font-size:24px; }

	#tagline p{padding-right: 15px;}

	.homedescription {width:75%;}

.map {width:450px; height:350px;}



	}

/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 1079px) {

	.container {width: 100%;max-width: 1079px; min-width: 768px;}

	.header {height:74px;}

	.headerleft {background-color: #ffffff; }

	.headerright {background-color: #ffffff;}

	}

@media only screen and (max-width: 850px) {

	.container {width: 100%;max-width: 850px; min-width: 480px;}

	#copyright{position:relative; float:left; width:100%; text-align:center;}

	#address{position:relative; float:left; width:100%; text-align:center;}

	.exhibitiontitle p{font-size:14px; margin:0px; margin-bottom:10px;}

	.segmentblocktitle p{font-size:12px; margin:0px; padding-bottom:6px;padding-top:6px;font-color:#222; text-transform:uppercase;}

.workshopblock1wide {display:none;}

.workshopblock2wide {width:100%;}

}

/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {

	.container {width: 100%;max-width: 767px; min-width: 480px;}

	.header {height:74px;margin-bottom:10px;}

	.headerleft {background-color: #ffffff;width: 100%; text-align:center; padding-top:0px;}

	.headerright {background-color: #ffffff;width: 100%;}

	#tagline{max-width:767px; font-size:21px; text-align:center;padding-right:0px;margin-top:0px;}	

	#tagline p{padding-right: 0px;}

	#menuholder{text-align:center;margin-top: -84px;}

	.homedescription {width:70%;}

	.publication {width:25%;}

	.portfolio {width:50%;}

	#topline {display:none;}

	.main {margin-top: 40px;}

	.galleria {overflow:visible;}

	.segmentblock{width:100%;}

	.segmentblockmiddle{width:100%;}

	.segmentblock1, .segmentblock2, .segmentblock3{border:none;}

	.exhibitblock{width:100%;}

	.exhibitblockmiddle{width:100%;}

	.segmentblock1, .segmentblock2, .segmentblock3{border:none;}

	.segmentblockcontent{border:none;}

	.segmentblockcontent{border-right:none;}

	.exhibitblock1, .exhibitblock2, .exhibitblock3{border:none;}

	.exhibitblockcontent{border:none;}

	.exhibitblockcontent{border-right:none;}

	.contentblock2 {width:65%;}

	.contentblock2wide {width:65%;}

.contentblock3 {width:35%; }

.contentblocktitle p{font-size:16px; }

.pagetitle p{font-size:18px; margin-top:6px; }

.exhibitblock1wide {width:100%;}

.exhibitblock2wide {width:100%;}

.exhibitiontitle p{font-size:12px; margin:0px; margin-bottom:10px;}

.segmentblocktitle p{font-size:18px; margin:0px; padding-bottom:6px;padding-top:6px;font-color:#222; text-transform:uppercase;}

.artistblock {width:50%; }

.artistgalleryblock {width:100%; }

.map {width:350px; height:350px;}

.staffcol{width:100%;text-align:center;margin-bottom:10px;}

	}

	

@media only screen and (max-width: 600px) {

	.homedescription {width:62%;}

	.publication {width:28%;}

	.portfolio {width:100%; }

	.homeintroimage {width:15%; }

	.middleblock {width:100%;}

	.galleryblock{width:100%;}

	.galleryblock2 {width:100%;}

	.contentblock1cell {width:100%;}

	.contentblock2 {width:100%; }

	.contentblock2wide {width:100%; }

.contentblock3 {width:100%; }

.contentblock3sub {margin-top:0px;}

.exhibitiontitle p{font-size:16px; margin:0px; margin-bottom:10px; margin-top:16px;}
.memberblockcontent {width:94%;}
}

@media only screen and (max-width: 540px) {

	.artistblock {width:80%; margin:0 auto; margin-left:60px; }
.galleryblocknew {width:98%; position:relative; float:left; margin-top:10px; color:#222; min-height:10px; text-align:center;font-family: "Times New Roman", Times, serif;}

}





/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.container {width: 100%;max-width: 767px; min-width: 480px;}

	.header {height:74px;}

	.headerleft {background-color: #ffffff;width: 100%;}

	.headerright {background-color: #ffffff;width: 100%;}

	}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {

	.container {width: 100%;max-width: 479px; min-width: 325px;}

	.header {height:74px;}

	.headerleft {background-color: #ffffff;width: 100%;}

	.headerright {background-color: #ffffff;width: 100%;}

	.homedescription {width:100%;padding-right: 0px;}

	.homeintroimage {display:none;}

	#tagline img {width:360px; height:42px;}

		.segmentblocktitle p{font-size:16px; margin:0px; padding-bottom:6px;padding-top:6px;font-color:#222; text-transform:uppercase;}



}