html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
em {
	font-style: italic;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

A {
	text-decoration: none;
	color: #777;
}
A:hover {
	text-decoration: underline;
}
A IMG {
	border: none;
}
.hidden {
	visibility: hidden;
}
.pageLink {
	display: none;
}
#page,
#page-wide,
#page-superwide,
#page-home {
	width: 1023px;
	height: 767px;
	font: 11.5px "trebuchet ms",sans-serif;
	color: #777;
	background: url(images/bg_background.gif) no-repeat;
}
#page-home {
	background: url(images/bg_home.gif) no-repeat;
}
#page.logos {
	background: url(images/bg_logos.gif) no-repeat;
}
#header {
	width: 1023px;
	height: 216px;
}
#nav1 {
	padding: 10px 0 0 460px;
}
#nav1 li {
	display: block;
	float: left;
	padding-right: 17px;
}
#nav1 a {
	display: block;
	text-indent: -5000px;
	background: url(images/nav1.gif) no-repeat;
	height: 21px;
	overflow: hidden;
}
#nav1-magazines a {
	width: 80px;
	padding: 0;
	background-position: 0 0;
}
#nav1-magazines a:hover,
#nav1-magazines a.selected {
	background-position: 0 -21px;
}
#nav1-books a {
	width: 45px;
	background-position: -92px 0;
}
#nav1-books a:hover,
#nav1-books a.selected {
	background-position: -92px -21px;
}
#nav1-logos a {
	width: 45px;
	background-position: -155px 0;
}
#nav1-logos a:hover,
#nav1-logos a.selected {
	background-position: -155px -21px;
}
#nav1-collateral a {
	width: 75px;
	background-position: -212px 0;
}
#nav1-collateral a:hover,
#nav1-collateral a.selected {
	background-position: -212px -21px;
}
#nav1-packaging a {
	width: 75px;
	background-position: -298px 0;
}
#nav1-packaging a:hover,
#nav1-packaging a.selected {
	background-position: -298px -21px;
}
#nav1-web a {
	width: 35px;
	background-position: -384px 0;
}
#nav1-web a:hover,
#nav1-web a.selected {
	background-position: -384px -21px;
}
#nav1-contact a {
	width: 60px;
	background-position: -436px 0;
}
#nav1-contact a {
	width: 60px;
	background-position: -436px 0;
}
#nav1-contact a:hover,
#nav1-contact a.selected {
	background-position: -436px -21px;
}


#content {
}
#copy-area {
	position: relative;
	width: 260px;
	float: left;
	padding-left: 86px;
}
#page-home #copy-area {
	width: 300px;
}
#page-superwide #copy-area {
	width: 220px;
}
#copy {
	padding-top: 35px;
	width: 260px;
	line-height: 21px;
	color: #777;
}
#page-wide #copy {
	width: 251px;
}
#page-superwide #copy {
	width: 210px;
}
#page-home #copy {
	width: 280px;
	line-height: 22px;
	color: #fff;
}
#page-home #copy p {
	margin-bottom: 13px;
	letter-spacing: .05em;
}

/* nav2 is always fixed, but the arrows and label x position change depending on the section */
/* label.width = arrow.padding-left + 7 */
#nav2 {
	width: 379px;
	position: absolute;
	left: 86px;
	top: 229px;
	color: #777;
}
#nav2-arrows {
	height: 17px;
}
#nav2-arrows.magazines 	{ padding-left: 148px; }
#nav2-arrows.books 		{ padding-left: 130px; }
#nav2-arrows.logos	 	{ padding-left: 97px; }
#nav2-arrows.collateral	{ padding-left: 90px; }
#nav2-arrows.packaging 	{ padding-left: 145px; }
#nav2-arrows.web	 	{ padding-left: 93px; }
#nav2-arrows IMG {
	padding-right: 3px;
}
#nav2-label {
	float: left;
	text-align: right;
	padding-right: 8px;
}
#nav2-label.magazines 	{ width: 155px; }
#nav2-label.books 		{ width: 137px; }
#nav2-label.logos	 	{ width: 104px; }
#nav2-label.collateral	{ width: 97px; }
#nav2-label.packaging 	{ width: 152px; }
#nav2-label.web	 		{ width: 100px; }

#nav2 UL {
	display: inline;
	height: 7px;
}
#nav2 li {
	display: block;
	float: left;
	padding-top: 5px;
	padding-right: 12px;
}
#nav2-bullets a {
	display: block;
	text-indent: -5000px;
	background: url(images/bullets.gif) no-repeat;
	width: 7px;
	height: 7px;
	overflow: hidden;
	background-position: 0 0;
}
#nav2-bullets.magazines a:hover,
#nav2-bullets.magazines a.selected	{ background-position: -7px 0; }
#nav2-bullets.books a:hover,
#nav2-bullets.books a.selected 		{ background-position: -14px 0; }
#nav2-bullets.logos a:hover,
#nav2-bullets.logos a.selected 		{ background-position: -21px 0; }
#nav2-bullets.collateral a:hover,
#nav2-bullets.collateral a.selected { background-position: -28px 0; }
#nav2-bullets.packaging a:hover,
#nav2-bullets.packaging a.selected 	{ background-position: -35px 0; }
#nav2-bullets.web a:hover,
#nav2-bullets.web a.selected 		{ background-position: -42px 0; }

#photo-area {
	width: 540px;
	margin-left: 115px;
	float: left;
	padding-top: 19px;
}
#page-wide #photo-area {
	width: 640px;
	margin-left: 35px;
}
#page-superwide #photo-area {
	width: 682px;
	margin-left: 20px;
}
#photo {
	height: 355px;
}
.fakephoto {
	height: 212px; 
	width: 236px; 
	border: 1px solid #ccc; 
	background: white; 
	padding: 120px 10px 10px 10px; 
	text-align: center; 
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.12); 
	margin-bottom: 11px;
}
#page-wide #nav3-bullets {
	padding-left: 80px;
}
#page-superwide #nav3-bullets {
	padding-left: 185px;
}
#nav3-bullets.collateral {
	position: relative;
	top: -56px;
}
#nav3-bullets UL {
	display: inline;
}
#nav3-bullets li {
	display: block;
	float: left;
	padding-top: 7px;
	padding-right: 12px;
}
#nav3-bullets a {
	display: block;
	text-indent: -5000px;
	background: url(images/bullets.gif) no-repeat;
	width: 7px;
	height: 7px;
	overflow: hidden;
	background-position: 0 0;
}
#nav3-bullets.magazines a:hover,
#nav3-bullets.magazines a.selected 	{ background-position: -7px 0; }
#nav3-bullets.books a:hover,
#nav3-bullets.books a.selected 		{ background-position: -14px 0; }
#nav3-bullets.logos a:hover,
#nav3-bullets.logos a.selected 		{ background-position: -21px 0; }
#nav3-bullets.collateral a:hover,
#nav3-bullets.collateral a.selected { background-position: -28px 0; }
#nav3-bullets.packaging a:hover,
#nav3-bullets.packaging a.selected 	{ background-position: -35px 0; }
#nav3-bullets.web a:hover,
#nav3-bullets.web a.selected 		{ background-position: -42px 0; }

#contact {
	clear: both;
	width: 500px;
	float: right;
	padding: 46px 50px 0 0px;
	text-align: right;
	line-height: 18px;
}
#search {
	float: left;
	width: 300px;
	padding: 46px 0px 0 86px;
}
#search #searchResults {
	margin-top: 20px;
}
#search #searchResults:before {
	content: "Search Results:";
}
#search #searchResults .searchResult {
	margin: 5px 0 0 0;
}
#searchResults {
	font-weight: bold;
}
#searchResults .searchResult H3 {
	font-weight: normal;
}
#searchResults .searchResult p {
	display: none;
}