@font-face {
    font-family: 'centurygothic';
    src: url('fonts/century-gothic/4365.eot');
    src: url('fonts/century-gothic/4365.eot?#iefix') format('embedded-opentype'),
         url('fonts/century-gothic/4365.woff2') format('woff2'),
         url('fonts/century-gothic/4365.woff') format('woff'),
         url('fonts/century-gothic/4365.ttf') format('truetype'),
         url('fonts/century-gothic/4365.svg#centurygothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { margin: 0; padding: 0; background: #FFF; color: #666; /*font-size: 90%;*/ font-family: centurygothic, /*ralewaylight,*/ Helvetica, Arial, sans-serif; }

b, strong { font-family: centurygothic, /*ralewaysemibold,*/ Helvetica, Arial, sans-serif; }

hr { border: none; height: 1px; background: #AAA; margin: 20px 0 20px 0; }

/*#headercontainer { width: 100%; margin: 0; padding: 0; background: #111; }*/

#container { max-width: 1100px; margin: 0 auto; }

#header { width: 100%; margin: 0; padding: 0; text-align: center; /*background: #111;*/ }
#header:after { clear: both; height: 0; display: block; content: "."; visibility: hidden; }

#header h1 { /*float: left;*/ margin: 0; padding: 30px 0px 0px 0px; font-weight: normal; font-size: 180%; /*line-height: 100%;*/ font-family: centurygothic, /*ralewaylight,*/ Helvetica, Arial, sans-serif; text-transform: uppercase; word-spacing: 0.25em; } 

#header h1 a { margin: 0; padding: 30px 30px 20px 0px; /*background: #111;*/ text-decoration: none; color: #666; opacity: 1.0; /*display: block;*/ font-size: 100%; transition: all 0.2s ease-in-out; border-right: 0px solid #333; /*background: #999;*/ } 

#header h1 a:hover { opacity: 1.0; /*background: #111;*/ } 




/*header home only*/

#headerhome { width: 100%; margin: 0; padding: 0; text-align: center; }

#headerhome:after { clear: both; height: 0; display: block; content: "."; visibility: hidden; }

#headerhome h1 { /*float: left;*/ margin: 30px 0 0 0; padding: 0px 0px 0px 0px; font-weight: normal; font-size: 180%; /*line-height: 100%;*/ font-family: centurygothic, /*ralewaylight,*/ Helvetica, Arial, sans-serif; text-transform: uppercase; word-spacing: 0.25em; }

#headerhome h1 a { margin: 0; padding: 30px 30px 20px 30px; /*background: #eee;*/ text-decoration: none; color: #666; opacity: 1.0; /*display: block;*/ font-size: 100%; transition: all 0.2s ease-in-out; border-right: 0px solid #333; /*background: #999;*/ } 

#headerhome h1 a:hover { opacity: 1.0; /*background: #111;*/ } 

/* top menu for home page only */
/* touch friendly menu container */

#headerhome #topnavtf { float: none; padding: 0; margin: 20px 0 30px 0; background: inherit; text-transform: uppercase; font-size: 90%; /*background: #eee;*/ }

/* touch friendly menu container */
#topnavtf { /*float: left;*/ padding: 0; margin: 20px 0 0 0; background: inherit; text-transform: uppercase; font-size: 90%; }
#topnavtf ul.dropdown li ul li a { background: #FFF; font-size: 90%; } /* works */
#topnavtf ul.dropdown li ul li a:hover { background: #E3E1E1; }


/* ddlevelsmenu container */
#topnavdd { float: left; border: 0px solid #333; padding: 0; margin: 32px 0 0 0; background: #CCC; text-transform: uppercase; font-size: 90%; /*background: #999;*/ }

#content { max-width: 1200px; margin: 0 auto; padding: 0px 30px 30px 0px; min-height: 500px; /*background: #EEE;*/ }

/*#contenthome { max-width: 1200px; margin: 0 auto; padding: 20px 20px 20px 20px; min-height: 500px; }*/
#contenthome { width: 100%; margin: 0; padding: 0; background: #F3F1F1; }

#work { width: 30%; /*background: #EEE;*/ float: left; padding: 0; margin: 0 10px 20px 10px; margin: 0 1.5% 3% 1.5%; display: inline-block; text-align: center; }
#work img { width: 100%; }


/* left */
#forgediron { float: left; width: 47%; padding: 0; margin: 0px 3% 30px 0; display: inline-block; text-align: center; text-transform: uppercase; }
#forgediron img { width: 100%; margin: 0 0 5px 0; }
#forgediron a { text-decoration: none; color: #444; }

/* right */
#castiron { float: left; width: 47%; padding: 0; margin: 0px 0 30px 3%; display: inline-block; text-align: center; text-transform: uppercase; }
#castiron img { width: 100%; margin: 0 0 5px 0; }
#castiron a { text-decoration: none; color: #444; }

/* leftt */
#mixedmedia { float: left; width: 47%; padding: 0; margin: 0px 3% 30px 0; display: inline-block; text-align: center; text-transform: uppercase; }
#mixedmedia img { width: 100%; margin: 0 0 5px 0; }
#mixedmedia a { text-decoration: none; color: #444; }

/* right */
#process { float: right; width: 47%; padding: 0; margin: 0px 0 30px 3%; display: inline-block; text-align: center; text-transform: uppercase; }
#process img { width: 100%; margin: 0 0 5px 0; }
#process a { text-decoration: none; color: #444; }



/* image galleries */
#gallery { text-align: center; margin: 0px 0 0 0; }
#thumbnail { /*width: 22%; min-width: 280px;*/ margin: 0 15px 30px 15px; padding: 0; display: inline-block; }
/*#thumbnail strong em { text-transform: uppercase; }*/
#thumbnail img { width: 100%; }



/*p { line-height: 150%; color: #999; }

a img { border: none; }*/

#content p { color: #666; font-size: 90%; line-height: 160%; font-family: centurygothic, /*ralewayregular,*/ Helvetica, Arial, sans-serif; margin: 0 0 20px 0; }
#content p.large { font-size: 110%; }
#content p a { color: #444; text-decoration: underline; /*border-bottom: 1px dotted #333; padding-bottom: 1px;*/ }

#content p a.cleanbold { font-weight: bold; text-decoration: none; }

#content p a.large { font-size: 110%; }


/*#content p a:hover { border-bottom: 1px solid #333; }*/
#content p.narrow { max-width: 545px; text-align: justify; }
#content p.attribution { text-align: right; }
#content p.centered { text-align: center; }
#content h2 { color: #666; font-weight: 100; /*font-size: 200%;*/ margin: 0 0 30px 0; }
#content h3 { color: #666; font-weight: 100; /*font-size: 150%;*/ margin: 0 0 15px 0; }


#presssection { float: left; width: 30%; margin: 0 3% 30px 0; padding: 0; /*background: #CCC;*/ min-height: 640px; text-align: center; }
#presssection #imageleft { float: none; }



/* affects Press page only */
#content h3 em { font-size: 85%; }
#content h3.nospacebelow { margin-bottom: 0; }

#content p.by  { margin: 0 0 10px 0; }


#galleryicon { text-align: center; display: inline-block; margin: 20px 40px 30px 40px; font-size: 110%; }
#galleryicon a { text-decoration: none; color: #444; }
#galleryicon a:hover { text-decoration: underline; }
#galleryicon a img { padding: 12px; background: #FFF; box-shadow: 0 2px 11px #666; margin: 0 0 7px 0; }

#imageleft { float: left; padding: 0; margin: 0 20px 0px 0; max-width: 40%; }
#imageleft img { width: 100%; }
#imageleft p.caption { font-size: 80%; }
#imageleft p.caption em { font-size: 110%; }



/* PRESS PAGE */
#imageleftpress { float: left; width: 27%; padding: 0; margin: 0 20px 130px 0; }
#imageleftpress img { width: 100%; }


/* CURATORIAL WORK PAGE */
#imageleftcuratorial { float: left; width: 27%; padding: 0; margin: 0 20px 40px 0; }
#imageleftcuratorial img { width: 100%; }


/* CAPTIONS NO LONGER NEEDED PER TJ 20181108 */
/*
#imageleftpress p.caption { font-size: 80%; }
#imageleftpress p.caption em { font-size: 110%; }
*/



#imageright { float: right; margin: 6px 25px 40px 30px; }
#imageright img { /*padding: 0px; background: #FFF; box-shadow: 0px 3px 11px #666;*/ }

#imageright p.caption { font-size: 90%; }
#imageright p.caption em { font-size: 110%; }

#imageright400 { float: right; margin: 5px 0px 30px 20px; }
#imageright400 img { width: 100%; }
#imageright400 p.caption { font-size: 90%; }
#imageright400 p.caption em { font-size: 110%; }

#imageright300 { float: right; margin: 5px 0px 30px 20px; max-width: 300px; }
#imageright300 img { width: 100%; }
#imageright300 p.caption { font-size: 90%; }
#imageright300 p.caption em { font-size: 110%; }

#imagecenter { margin: 20px auto 30px auto; }
#imagecenter img {  }

#imagecenterfull { margin: 20px 0 30px 0; width: 100%; }
#imagecenterfull img { width: 100%; }
#imagecenterfull p.caption { font-size: 80%; }


/* NEWS PAGE IMAGES */
#imagenews { width: 47%; margin-bottom: 40px; }
#imagenews img { width: 100%; margin-bottom: 5px; }
#imagenews p.caption { font-size: 70%; }


#thumbnails { text-align: center; margin: 0; padding: 0 0 10px 0; }
#thumbnails p { /*width: 900px;*/ }
#thumbnails img  { padding: 10px; background: #FFF; box-shadow: 0px 3px 11px #666; margin: 20px 30px 30px 30px; }
#thumbnails img:hover  { box-shadow: 0px 3px 13px #666; }



/* padding-bottom should be adjusted according to image proportions height divided by width */
#homepageslideshow { 
	position:relative;
	width:100%;
	padding-bottom:54.5833333333333%;
	height:0;
	overflow:hidden;
	background: #F3F1F1;
	color: #FFF;
	}



/*#homepageslideshow { padding: 0; margin: 0; oveflow: hidden; }*/

/* RESPONSIVE IMAGE CONTAINER */
/*#homepagemainimage { 
	position: relative;
    padding-bottom: 58.5%;
    padding-top: 0; 
	height: 0; 
	overflow: hidden;
	margin: 0; 
	}

#homepagemainimage img { 
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}*/


/* RESPONSIVE VIDEO CONTAINER */
/* responsive html 5 video embed for a custom aspect ratio video 717px wide x 466 px high */
/* there is some odd behavior in regard to the location of the control bar when sized up to maximum dimensions */

/* FOR 720 x 480 VIDEO PROPORTIONS */ 
#videoholder720 { margin: 0 auto 50px auto; max-width: 720px; }
#videoholder720 p { text-align: center; font-family: centurygothic, /*ralewaysemibold,*/ Helvetica, Arial, sans-serif; }

.video-container720 {
    position: relative;
	/*max-width: 717px; 
	max-height: 466px;*/ 
    padding-bottom: 66.66666666666667%;
    padding-top: 0px; 
	height: 0; 
	overflow: hidden;
	margin: 0px auto 0px auto; 
}
 
.video-container720 iframe,
.video-container720 object,
.video-container720 embed, 
.video-container720 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	/*max-width: 717px;*/ 
    height: 100%;
}


/* VIDEO WITH DIFFERENT PROPORTIONS */
#videoholder720x405 { margin: 0 auto 50px auto; max-width: 720px; }
#videoholder720x405 p { text-align: center; font-family: centurygothic, /*ralewaysemibold,*/ Helvetica, Arial, sans-serif; }


/* FOR 720 x 405 VIDEO PROPORTIONS */ 
.video-container720x405 {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; 
	height: 0; 
	overflow: hidden;
	margin: 0px auto 0px auto; 
}
 
.video-container720x405 iframe,
.video-container720x405 object,
.video-container720x405 embed, 
.video-container720x405 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	/*max-width: 717px;*/ 
    height: 100%;
}


/* VIDEO WITH DIFFERENT PROPORTIONS */
#videoholder720x932 { margin: 0 auto 50px auto; max-width: 720px; }
#videoholder720x932 p { text-align: center; font-family: centurygothic, /*ralewaysemibold,*/ Helvetica, Arial, sans-serif; }


/* FOR 720 x 932 VIDEO PROPORTIONS */ 
.video-container720x932 {
    position: relative;
    padding-bottom: 129.4444444%;
    padding-top: 0px; 
	height: 0; 
	overflow: hidden;
	margin: 0px auto 0px auto; 
}
 
.video-container720x932 iframe,
.video-container720x932 object,
.video-container720x932 embed, 
.video-container720x932 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	/*max-width: 717px;*/ 
    height: 100%;
}

/* responsive youtube iframe */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  margin: 0 0 50px 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




#footer { text-align: center; color: #999; font-size: 70%; margin: 40px auto 20px auto; padding: 0; }

.date { text-transform: uppercase; }


#contactright { float: right; width: 39%; /*background: #CCC;*/ }
#contactright img { width: 100%; }
#contactleft { float: left; width: 60%; /*background: #CCC;*/ }

/* contact page form error message styles */
/* form error and responsive styles */
input, textarea { padding: 4px 6px; width: 80%; }
input.border, textarea.border { border: 1px solid #999; }
.sendbutton { width: 82%; }

#errorblock { width: 80%; background: #EEE; padding: 0 6px; margin: 0 0 20px 0; border: 1px solid #999; /*max-width: 400px;*/ text-align: left; }

#errorblock p { margin: 0; padding: 12px 10px 12px 10px; }


/* HIDDEN TEXT TO PROVIDE FOR PAGES WITHOUT ENOUGH TEXT */
.hidden { visibility: hidden; height: 0; }



/* footer credit and link */
#aviandesign { text-align: center; margin: 0 0 20px 0; padding: 0 0 0 0; font-size: 50%; text-transform: uppercase; letter-spacing: 1px; }
#aviandesign a { color: #999; text-decoration: none; }



/* responsive breakpoints and styles */

@media screen and (max-width: 1200px) {
	
	#header h1 a { padding: 30px 30px 28px 30px; }
	#content { padding-left: 30px; }

}

@media screen and (max-width: 1024px) {
	
	/*body.home { background: #000; }*/
	#contenthome { padding: 0; }
	
}

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

		#presssection { width: 45%; margin: 0 5% 30px 0; }

}

@media screen and (max-width: 960px) {
	
	#header { text-align: center; }
	#header h1 { float: none; padding: 20px 0 18px 0; }
	#header h1 a { padding: 20px 0 18px 0; }
	
	#topnavtf { float: none; margin: 0 auto 10px auto; }
	#topnavtf ul.dropdown li ul { text-align: left; } /* works */
	#topnavtf ul.dropdown li ul li a { background: none; }
	#topnavtf ul.dropdown li ul li a:hover { background: #E3E1E1; }
	
	#imageright { float: none; margin: 0px 0 10px 0px; max-width: 100%; }
	#imageright img { width: 100%; }

	#imageright400 { float: none; margin: 0px 0px 10px 0px; }
	#imageright400 img {  }
	
	#imageleft { float: none; text-align: center; margin: 0 0 10px 0; max-width: 100%; }
	#imageleft img { max-width: 100%; }
	#imageleft p.caption { text-align: center; }
	
	#content p.by  { text-align: center; }
	
	#content { text-align: center;  }
	#content h2, h3 { text-align: center; }
	
	#content p { text-align: left; }
	#content p.link { text-align: center; }
	
	#videoholder720 p { text-align: center; }
	#videoholder720x405 p { text-align: center; }
	
	#castiron { width: 100%; float: none; margin: 0px 0 30px 0; }
	#forgediron { width: 100%; float: none; margin: 0px 0 30px 0; }
	#mixedmedia { width: 100%; float: none; margin: 0px 0 30px 0; }
	#process { width: 100%; float: none; margin: 0px 0 30px 0; }
	
	#imagenews { width: 100%; }
	
	/*#thumbnail { width: 100%; margin: 0 0 3% 0; }*/
	#thumbnail { margin: 0 15px 30px 15px; }
	
	#contactright { float: none; visibility: hidden; height: 0; width: 0; }
	#contactleft { float: none; width: 100%; }
	#contactleft { text-align: center; }
	#errorblock { width: 98%; }
	input, textarea { width: 98%; }
	.sendbutton { width: 100%; }
	
}


@media screen and (max-width: 600px) {
	
	#presssection { float: none; width: 100%; margin: 0 0 30px 0; min-height: initial; }
}

@media all and (max-width: 768px) {
	
	#headerhome #topnavtf { font-size: 80%; }
	
	#imageleftpress { margin: 0 20px 10px 0;  }
}

@media all and (max-width: 480px) {
	
	#thumbnail { width: 100%; margin: 0 0 30px 0; }
	
	#imageleftpress { float: none; width: 100%; padding: 0; margin: 0 0 20px 0; }
}

@media screen and (max-width: 320px) {
	
	#topnav ul li a { margin: 5px 7px; }
}