/* notes on grid: design optimized for 980px but max-width is 1280px */

body {
	margin: 0;
	background: #f5f5f5;
	color: #000000;
	font: 12px "Open Sans", Arial, sans-serif;
	font-weight: 400;
	line-height: 160%;
}

html {
	-webkit-text-size-adjust: 100%;		/* prevent font scaling in landscape while allowing user zoom */
}

.page {									/* only needed to make inner's width/margin work */
}

.inner {
	background: #ffffff;
	max-width: 900px;					/* allow page no wider than 900 pixels */
	margin: 0 auto;
}

img {
	max-width: 100%;					/* enables fluid images on browser resize */
}

a {
	color: #666666;
	text-decoration: none;
}

a:visited {
	color: #666666;
	text-decoration: none;
}

a:active {
	color: #666666;						/* color when you click on the link */
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	border-bottom: 1px dotted;
}

h1 {
	font: 13px "Open Sans", Arial, sans-serif;
	font-weight: 800;
	color: #000000;
	line-height: 140%;
	margin-top: -5px;
}

.indentH1 {
	margin-left: 11.111111%;			/* 100px / 900px */
}

b {
	font-weight: 800;
}

/* -------- MASTHEAD -------- */

.masthead {
	background-color: #002f5b;
	padding: 1% 1% 2% 3%;
}

.masthead:after {						/* self-clears floats */
	content: " ";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.masthead1 {
	font-family: "Montserrat", sans-serif;
	font-weight: 900;
	font-size: 10vw;
	line-height: 115%;
	color: #ffffff;
}

.masthead1 a {
	color: #ffffff;
}

.masthead1 a:visited {
	color: #ffffff;
}

.masthead1 a:active {
	color: #ffffff;						/* color when you click on the link */
}

.masthead1 a:hover {
	border: 0;							/* disable dotted underline on hover */
}

.masthead2 {
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 400;
	font-size: 2vw;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #cccccc;
	padding-left: 29%;
}

.colorline {
	height: 10px;
	background-color: #e46f10;
}


/* -------- MAIN MENU -------- */

.mainmenu {
	background-color: #002f5b;
	font: 11px "Open Sans", Arial, sans-serif;
	font-weight: 400;
	color: #cccccc;
	text-transform: uppercase;
	line-height: 20px;
	padding: 10px 5% 0;					/* 100px / 900px */
}

.mainmenu ul {
	text-align: right;
	padding-left: 0;					/* disable default UL left padding */
	padding-bottom: 5px;				/* disable default UL left padding */
	margin-top: 0;						/* disable default UL top margin */
	margin-bottom: 0;					/* disable default UL top margin */
	list-style-type: none;
}

.mainmenu li {
	display: inline;
	white-space: nowrap;
	margin-left: 6px;
}

.mainmenu li + li {
	background-image: url("../images/bar4menu.png");
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 12px;
}

.mainmenu li a {
	color: #cccccc;
}

.mainmenu li a:visited {
	color: #cccccc;
}

.mainmenu li a:active {
	color: #cccccc;						/* color when you click on the link */
}

.mainmenu li a:hover {
	border: 0;							/* disable dotted underline on hover */
}

/* -------- INDEX PAGE -------- */

.bigpic {
	background: url("../images/field1000.jpg") no-repeat center;
	height: 485px;						/* 1 pix less in height than the image */
}


/* -------- INTERIOR PAGES -------- */

.mainsection {
	padding: 2% 5%;
}

.firstcharacter {
	color: #e46f10;
	float: left;
	font-family: "Montserrat", sans-serif;
	font-weight: 900;
	font-size: 90px;
	line-height: 60px;
	padding-top: 4px;
	padding-right: 8px;
}

.floatpic350 {
	float: right;
	width: 43.209876%;					/* 350px / 810px  */
	margin-left: 3.086419%;				/* 25px / 810px */
	margin-bottom: 10px;
}

.caption {
	font: 10px "Open Sans", Arial, sans-serif;
	font-weight: 800;
	line-height: 135%;
	color: #e46f10;
}

/* -------- SCULPTURE PAGE -------- */

.artthumbscontainer {
	margin-bottom: 20px;
}

.artthumbsrow {
	margin-top: 2.716049%;				/* 22px / 810px */
}

.artthumbsrow:after {					/* self-clears floats */
	content: " ";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.artthumbsrow div {
	float: left;
	width: 31.481481%;					/* 255px / 810px */
}

.artthumbsrow div + div {
	margin-left: 2.716049%;				/* 22px / 810px */
}

.artthumbsrow div a {
	border-bottom: none !important;		/* remove dotted underline on hover */
}


/* -------- TO KEEP MAC WHITNEY TYPE FROM EXPANDING WHEN SCREEN > 900 PX -------- */

@media (min-width: 900px) {

.masthead1 {
	font-size: 90px;
}

.masthead2 {
	font-size: 18px;
}
}										/* end min-width 900px */


/* -------- PAD LAYOUT OVERRIDES START HERE -------- */

@media (max-width: 730px) {

.masthead {
}

.artistgridrow {
	padding-top: 10px;
	padding-bottom: 10px;
}

.artistgridrow1 {
	width: 100%;
	float: none;
}

.artistgridrow1:after {					/* self-clears floats */
	content: " ";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.artistgridrow2 {
	width: 100%;
	float: none;
	padding-top: 10px;
	padding-bottom: 0;
	margin-top: 10px;
	margin-left: 0;
	border-top: 1px solid #cccccc;
}

.artistgridrow2:after {					/* self-clears floats */
	content: " ";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.showthumb {
	width: 11.403508%;					/* 65px / 570px */
	margin-right: 3.508771%;			/* 20px / 570px */
}

.showdescription {
	width: 85.087719%;					/* 485px / 570px */
}

.videothumb {
	width: 17.543859%;					/* 100px / 570px */
	margin-right: 3.508771%;			/* 20px / 570px */
}

.videodescription {
	width: 78.947368%;					/* 450px / 570px */
}
}										/* end max-width 730px */

/* -------- MOBILE LAYOUT OVERRIDES START HERE -------- */

@media (max-width: 480px) {

.bigpic {
	background-size: auto 100%;
	height: 300px;
}

.inner {
	width: 100%;
}

.indentH1 {
	margin-left: 4%;
}

.masthead {
}

.masthead1 {
	font-size: 12vw;
}

.masthead2 {
	font-size: 3vw;
}

.mainmenu {
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 10px;
}

.indexbottom {
	margin-left: 4%;
	margin-right: 4%;
}

.indexcurrentshow p {
	margin-top: 0;
	margin-bottom: 0;
}

.leftcolumn {
	float: none;
	width: auto;
	padding-left: 4%;
	padding-right: 0;
	margin-right: 4%;
	margin-bottom: 15px;
	border-right: 0;
}

.rightcolumn {
	float: none;
	width: auto;
	padding-left: 4%;
	padding-right: 4%;
	margin-right: 0;
	margin-top: 20px;
}

.rightcolumnpic {
	float: left;
	width: 37.5%;						/* 180px / 480px */
}

.rightcolumncaption {
	float: left;
	width: 57.5%;
	padding-left: 5%;
}

.rightcolumnart + .rightcolumnart {		/* adjacent sibling combinator */
	margin-top: 15px;
}

.rightcolumnart:after {					/* self-clears floats */
	content: " ";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.mainpic330fullpage {
	width: 60%;
}

.artistgridrow {
	margin-left: 4%;
	margin-right: 4%;
	padding-bottom: 10px;
}

.showbank {
	margin-left: 4%;
	margin-right: 4%;
}

.showthumb {
	width: 14.772727%;					/* 65px / ~440px */
	margin-right: 4.545454%;			/* 20px / ~440px */
}

.showdescription {
	width: 80.681818%;					/* 355px / ~440px */
}

.showyear {
	margin-left: 4%;
	margin-right: 4%;
}

.newsbank {
	margin-left: 4%;
	margin-right: 4%;
}

.newsbankleft {
	width: 65%;
	margin-right: 3%;
	padding-right: 3%;
}

.videobank {
	margin-left: 4%;
	margin-right: 4%;
}

.videothumb {
	width: 22.727272%;					/* 100px / ~440px */
	margin-right: 4.545454%;			/* 20px / ~440px */
}

.videodescription {
	width: 72.727272%;					/* 450px / ~440px */
}

.exhibitfullpage {
	margin-left: 4%;
	margin-right: 4%;
}

.exhibitgridrow {
	padding-top: 4px;
	padding-bottom: 4px;
}

.footer {
	padding-left: 4%;
	padding-right: 4%;
}

.footercolumn {
	width: 22%;
}

.footercolumn + .footercolumn {			/* adjacent sibling combinator */
	padding-left: 10px;
	width: 22%;
}

.footerright {
	width: 45%;
	padding-left: 10px;
}
}										/* end max-width 480px */