/* global */

body {
	background:			#fff;
	color:				#000;
	margin:0;
	padding:0;
	text-rendering: optimizeLegibility;
	font-family:		"Helvetica Neue", Helvetica, Geneva, Verdana, Arial, sans-serif;
	font-size: 14pt;
	padding: 0 30px;
}

a:link, a:visited, a:active
	{
	text-decoration:	none;
	color:				#a18c81;
	transition: color .1s linear, border .1s linear, background .1s linear;
	}
	#bd-about #body a { text-decoration: underline; }
	#bd-about #body #subnav a { text-decoration: none !important; }

a:hover { color: #d93824; }

.hide {display:none}

#head, #body {
margin: 0 auto;
max-width: 1200px;
}

/* header */

#head {
}

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

#logo {
margin: 15px auto 0 auto;
width: 150px;
}

#logo a {
display: block;
background: url(../img/logo.jpg) no-repeat top left;
text-indent: -3171983px;
background-size: 150px 152px;
width: 150px;
height: 152px;
margin-bottom: 10px;
}

#nav { 
width: auto;
margin: 0 auto 0 auto;
}

#nav ul { 
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}

#nav li {
display: inline-block;
margin: 0 -3px;
padding: 15px;
font-size: 70%;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
border-top: 2px solid #a18c81;
}
	#nav li:first-child { padding-left: 0; }
	#nav li:last-child { padding-right: 0; }

#nav a { color: #7e7c7c; }

#subnav { 
width: auto;
margin: 0 auto 0 auto;
line-height: 1em;
}
	#bd-about #subnav { margin-bottom: -1em; font-size: 13pt; }

#subnav ul { 
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}

#subnav li {
display: inline-block;
margin: 0 -3px;
padding: 15px;
font-size: 70%;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
}
	#subnav li:first-child { padding-left: 0; }
	#subnav li:last-child { padding-right: 0; }

#subnav a:link, #subnav a:visited, #subnav a:active { color: #d93824; }
#subnav a:hover { color: #a18c81; }

#subnav .urhere a { color: #000; }


/* footer */

/* body */

#body {
clear: both;
border-top: 2px solid #a18c81;
padding-top: 35px;
}
	#bd-work #body { padding-top: 0; font-size: 13pt; color: #555; }
	#bd-about #body { padding-top: 0; }

#bd-feat #body {  }

#bd-work h1 { display: none; }
#bd-feat h1 {
font-weight: 400;
margin: 2em 0 0 0;
font-size: 120%;
text-transform: uppercase;
}
	#bd-feat h1+p { }

#bd-work h2 {
text-align: center;
font-weight: 400;
color: #a18c81;
font-weight: 400;
font-size: 120%;
text-transform: uppercase;
letter-spacing: 1px;
}

#bd-feat h2, #bd-about h2 {
margin: 0 0 -.25em 0;
font-size: 105%;
text-transform: uppercase;
color: #a18c81; font-weight: 800; letter-spacing: 2px;
}
	#bd-about h2 { font-size: 95%; margin: .5em 0 -.75em 0; }


#bd-work h2+p {
text-align: center;
}

#bd-feat h3 {
font-weight: 800;
margin: .5em 0 -.75em 0;
font-size: 100%;
}

#feat-text {
float: left;
width: 275px;
font-size: 13pt;
line-height: 2em;
color: #555;
}

#feat-text h1 { margin-top: 0; color: #a18c81; font-weight: 400; letter-spacing: 2px; }

#feat-text ul { margin: 0; padding: .75em 0 0 1em; }

#feat-text li {
margin: 0;
padding: 0;
color: #a18c81;
}
	#feat-text li span { color: #555; }


#feat-work {
float: right;
width: calc(100% - 350px);
padding-bottom: 1em;
}

#feat-work img { width: 100%; }

#feat-work p {
margin-bottom: 1.5em;
text-align: center;
font-weight: 800;
font-size: 100%;
font-style: italic;
color: #666;
}

hr {
clear: both;
border: 0;
height: 2px;
width: 75%;
margin: 1.25em auto;
	background-image: -webkit-linear-gradient(left, rgba(161,140,129,0), rgba(161,140,129,0.75), rgba(161,140,129,0)); 
	background-image: -moz-linear-gradient(left, rgba(161,140,129,0), rgba(161,140,129,0.75), rgba(161,140,129,0)); 
	background-image: -ms-linear-gradient(left, rgba(161,140,129,0), rgba(161,140,129,0.75), rgba(161,140,129,0)); 
	background-image: -o-linear-gradient(left, rgba(161,140,129,0), rgba(161,140,129,0.75), rgba(161,140,129,0)); 
}
	hr.notyet { display: none; }


.logolist, .work-list {
list-style: none;
margin: 1.5em 0 0 0;
padding: 0;
}

.logolist li, .home-list li, .work-list li, .print-list li, .zoomzoom {
transition: all .1s ease-in;
/*
animation-name: fadeInUp;
animation-fill-mode: backwards;
animation-duration: .75s;
*/
}

.logolist li:hover, .home-list li:hover, .work-list li:hover, .print-list li:hover, .zoomzoom:hover
{ transform: translateY(-2px); }

.logolist img, .work-list img {
border: 2px solid #fff;
border-radius: 10px;
width: 100%;
}

	.pg-digital .logolist img {
	border: 2px solid #f7f7f7;
	}

.logolist img:hover, .work-list img:hover
{ border: 2px solid #f7f7f7; }


.posters-1col, .posters-2col, .posters-3col, .home-list, .work-list, .print-list
{
list-style: none;
margin: 1.5em 0 0 0;
padding: 0;
}

.logolist li, .posters-1col li, .posters-2col li, .posters-3col li, .home-list li, .work-list li, .print-list li
{ float: left; }
	.logolist li { width: 20%; margin: 0 2% 1em 2%; }
	.work-list li { width: 20%; margin: 0 2% 1em 2%; }
	.posters-1col li { width: 96%; margin: 0 2% 1em 2%; }
	.posters-2col li { width: 46%; margin: 0 2% 1em 2%; }
	.posters-3col li { width: 29%; margin: 0 2% 1em 2%; }
	.home-list li { width: 29%; margin: 0 2% 1em 2%; }
	.print-list li { width: 29%; margin: 0 2% 1em 2%; }

.posters-1col img, .posters-2col img, .posters-3col img, .home-list img, .work-list img, .print-list img
{
width: 100%;
}

.posters-2col .last {
margin-left: 27%;
}

.print-list img {
box-shadow: 0 0 7px rgba(0,0,0,.25);
}

.home-list li, .work-list li {
text-align: center;
font-size: 80%;
margin-bottom: 2.5em;
font-weight: bold;
}
	.work-list li { font-size: 90%; text-transform: uppercase; letter-spacing: 1px; }

.home-list li img {
margin-bottom: 5px;
}



.home-list .last {
margin-left: 35%;
}

.bodcol2-left {
width: 48%;
float: left;
}

.bodcol2-right {
width: 48%;
float: right;
}

.zoom-anim-dialog {
background: #fff;
width: 90%;
margin: 0 auto;
box-shadow: 0 0 20px #999;
border: 1px solid rgba(0,0,0,.65);
max-width: 950px;
}

.zoom-anim-dialog img {
width: 100%;
padding: 10px 0;
display: block;
}

.zoom-anim-dialog p {
padding: 15px;
margin: 0;
text-align: center;
font-size: 90%;
}

.zoom-anim-dialog p strong {
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

.slides { text-align: center; }

.cyle-slideshow { margin-bottom: 10px; }

.cycle-slideshow img {
	width: 95%;
	margin: 10px 0 10px 2.5%;
	display: block;
	padding: 0 !important;
	box-shadow: 1px 1px 10px rgba(0,0,0,.5);
	}
	.cycle-slideshow img.cover { width: 48%; margin-left: 25%; margin-bottom: 20px; }

.pager {
text-align: center;
margin: 5px auto;
margin-bottom: -10px;
}

.pager a {
padding: 0 4px; font-size: 80%;
font-weight: 800;
color: #f00;
}

.pager a:hover {
color: #000;
}

.pager span.cycle-pager-active {
color: #00f;
}

.pager .pageractive {
text-decoration: underline;
color: #000;
}

.pager .pageractive:hover {
}

dt { font-weight: bold; }

dd { margin: 0 0 1em 0; }

video { margin-bottom: 0; max-width: 950px; }

#feat-foot {
clear: both;
border-top: 2px solid #a18c81;
padding: 0;
}

#feat-foot p { margin-top: 15px; font-style: italic; }

#feat-foot a {
font-size: 70%;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
color: #000;
}

#feat-foot a span {
color: #fff;
transition: color .1s linear;
font-style: normal;
font-weight: bold;
text-transform: none;
letter-spacing: 0;
}
#feat-foot a:hover span {
color: #d93824;
color: #a18c81;
}

#feat-foot .prev { float: left; width: 50%; text-align: right; }
#feat-foot .next { float: right; width: 50%; }

#feat-foot .prev a { display: block; margin-right: 20px; }
#feat-foot .next a { display: block; margin-left: 20px; }

#bd-about #body { line-height: 2em; }
#bd-about h1 { display: none; }

/* homepage */


	/* you are here */

#bd-feat #nv-feat a { color: #000; }
#bd-work #nv-work a { color: #000; }
#bd-about #nv-about a { color: #000; }

	/* responsive */

@media screen and (min-width: 46em) {
	body {  }
	.home-list li:nth-child(3n+1) { clear: both; }
	.home-list li:last-child { margin-left: 35%; }
	.pg-digital .logolist li:nth-child(5) { margin-left: 26%; }

	#worklist-id { margin-left: 15%; }
	#worklist-print { clear: left !important; margin-left: 26%; }

}

@media screen and (max-width: 46em) {
	/* body { background: #eee; } */
	#subnav li { padding: 15px 10px; }
	.home-list li:nth-child(3n+1) { clear: both; }
	.logolist li, .work-list li { width: 40%; margin: 0 5% 1em 5%; }
	#feat-text { width: 90%; margin: 0 5%; padding-bottom: .5em; }
	#feat-text h1, #bd-about h2 { text-align: center; }
	#feat-work { float: none; width: 90%; margin: 0 5% }
	hr.notyet { display: block; }
	
	.home-list li { width: 46%; margin: 0 2% 1em 2%; }
	.home-list li:nth-child(2n+1) { clear: both !important; }
	.home-list li:nth-child(3n+1) { clear: none; }

	.print-list li { width: 46%; margin: 0 2% 1em 2%; }
	.print-list li:last-child { margin-left: 25%; }
	.print-list li:nth-child(2n+1) { clear: both !important; }
	.print-list li:nth-child(3n+1) { clear: none; }

	.bodcol2-left, .bodcol2-right { float: none; width: 100%; }

	#worklist-digital { margin-left: 32%; }
}

@media screen and (max-width: 34em) {
	/* body { background: #fcc; } */
	#subnav li { padding: 15px 5px; }
	
	.print-list li { width: 96%; margin: 0 2% 1em 2%; }
	.print-list li:last-child { margin-left: 2%; }
	
	#feat-foot a span { display: none; }

}

@media only screen  /* iPhone 4 and 4S */
  and (min-device-width: 320px) 
  and (max-device-width: 480px) {
}

@media only screen  /* iPhone 5 and 5S */
  and (min-device-width: 320px) 
  and (max-device-width: 568px) {
}


@media only screen  /* iPhone 6 */
  and (min-device-width: 375px) 
  and (max-device-width: 667px) {
}