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, font, img, ins, kbd, q, s, samp,
small, strike, 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;
}

body {
	background: #fff;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 12px;
	color: #71706f;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust:none;
}

h2 {
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", georgia, times, serif;
	font-size: 48px;
	line-height: 60px;
	font-weight: 900;
	width: 680px;
	color: #fff;
}

h3 {
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", georgia, times, serif;
	font-size: 24px;
	line-height: 38px;
	margin: 0 0 19px;
	font-weight: 900;
	color: #121214;
}

h4 {
	font-weight: bold;
	font-size: 13px;
	line-height: 19px;
	color: #121214;
	margin: 0 0 4px;
}

p, ul, ol, dl {
	font-size: 11px;
	line-height: 21px;
	margin: 0 0 21px;
}

li {
	margin-left: 21px;
	font-size: 11px;
	line-height: 21px;
}

dt {
	color: #393635;
	font-weight: bold;
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", georgia, times, serif;
	font-size: 12px;
	line-height: 19px;
}

dd {
	font-size: 11px;
	margin-bottom: 21px;
}

small {
	font-size: 11px;
	line-height: 50px;
	color: #555;
}

small a {
	color: #888;
	font-weight: normal;
}

a {
	color: #292724;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #71706f;
}

#current-issue p a, #prints p a, #magazine p a {
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	color: #71706f;
}

#current-issue p a:hover, #prints p a:hover, #magazine p a:hover {
	border-bottom: 1px solid #b23d74;
	color: #71706f;
}

.container {
	width: 940px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

#logo {
	width: 137px;
	height: 105px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 47px;
	left: -2px;
	z-index: 9999;
}

#logo a {
	display: block;
	width: 137px;
	height: 105px;
	text-indent: -99999px;
	background: url(../i/logo.png) 0 0 no-repeat;
}

#masthead {
	width: 100%;
	height: 436px;
	background: #494744 url(https://s3-eu-west-1.amazonaws.com/8faces/neon/banner-bg.gif) 50% 0 no-repeat;
}

#masthead .container { height: 436px; }

#masthead #nav,
#masthead ul.fire-navigation {
	position: absolute;
	top: 82px;
	left: 240px;
	width: 400px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#masthead #nav li,
#masthead ul.fire-navigation li {
	float: left;
	line-height: 11px;
	padding: 0;
	margin: 0 26px 0 0;
}

#masthead #nav a,
#masthead ul.fire-navigation a {
	font-weight: normal;
	font-size: 11px;
	color: #bbbbbb;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#masthead h2 {
	position: absolute;
	left: 0;
	top: 200px;
}

#masthead #callout-text {
	position: absolute;
	right: 0;
	top: 368px;
	width: 219px;
}

#masthead #callout-text p {
	font-size: 9px;
	line-height: 17px;
	color: #bbbbbb;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#masthead #callout-text a {
	color: #bbbbbb;
	font-weight: normal;
}

#masthead #nav a:hover,
#masthead ul.fire-navigation a:hover,
#masthead #callout-text a:hover {
	color: #ececec;
}

#masthead #callout {
	position: absolute;
	right: 0;
	top: 47px;
	width: 219px;
	height: 317px;
}

#masthead #callout.magazine {
	width: 221px;
	height: 227px;
}

#prints {
	padding: 57px 0 54px;
	background: #f6f6f8;
	border-bottom: 1px solid #e6e6e8;
	position: relative;
}

#prints #slideshow {
	float: left;
	width: 355px;
}

#prints #slideshow ul {
	margin: 0;
	padding: 0;
	float: right;
	color: #99999a;
}

#prints #slideshow li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
	font-size: 11px;
}

#prints #slideshow li a {
	padding: 5px 0 2px 5px;
	display: inline-block;
}

#prints #slideshow div {
	height: 373px;
	width: 355px;
	border: 1px solid #d8d8da;
}

#prints #slideshow div img {
	height: 371px;
	width: 353px;
	border: 1px solid #fff;
}

#prints #print-details {
	float: right;
	width: 540px;
	height: 398px;
	position: relative;
}

/*
#prints p {
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", georgia, times, serif;
	font-size: 14px;
	line-height: 21px;
}
*/

#prints h3 {
	margin: 0;
}

#prints h4 {
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", georgia, times, serif;
	color: #b23d74;
	font-style: italic;
	font-size: 14px;
	line-height: 21px;
	margin: 0 0 21px;
	font-weight: normal;
}

#prints small {
	float: left;
	font-size: 11px;
	color: #99999a;
	padding: 6px 0 0;
	line-height: 19px;
	clear: both;
}

#prints .pricing-row a#button_buy_series {
	margin-left: 20px;
}

#prints .prints-row {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 2px solid #e6e6e8;
	width: 541px;
	height: 107px;
	position: absolute;
	bottom: 10px;
	right: 0;
}

#prints .prints-row ul {
	margin: 0;
	padding: 0;
	width: 541px;
	height: 84px;
	list-style: none;
}

#prints .prints-row li { /* Updated by EJS on 08.11.2011 */
	border:1px solid rgba(0,0,0,0.15);
	float: left;
	height:84px;
	width: 60px;
	margin: 0 6px 4px 0;
	padding: 0;
}

#prints .prints-row li img { border:1px solid #fff; /* Added by EJS on 08.11.2011 */ }

#prints .prints-row li.last { margin: 0; }

#prints .prints-row small {
	padding-top: 5px;
}

#magazine {
	padding: 52px 0;
}

#magazine #info {
	float: left;
	margin: 0 45px 0 0;
	width: 355px;
}

#magazine #info p {
	font-size: 18px;
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", georgia, times, serif;
	line-height: 26px;
	margin: 0 0 26px;
	font-weight: 400;
	color: #767678;
}

#issues {
	float: right;
	width: 540px;
	position: relative;
}

#issues #back-issue-2, #issues #back-issue-3 {
	padding: 0 0 36px;
	margin: 0 0 36px;
	border-bottom: 2px solid #e6e6e8;
}

#issues .cover {
	float: right;
	margin-top: 3px;
}

#issues .issue-details {
	width: 300px;
	float: left;
}

#issues .pricing-row p {
	float: left;
}

#issues .pricing-row a.button {
	float: left;
	margin-right: 20px;
}

#issues p strong {
	display: block;
	padding: 5px 0 2px;
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", georgia, times, serif;
	color: #b23d74;
	font-style: italic;
	font-size: 14px;
	line-height: 21px;
	margin: 0;
	font-weight: normal;
}

#partners {
	padding: 57px 0 48px;
	background: #f6f6f8;
	border-top: 1px solid #e6e6e8;
	position: relative;
}

#team-contact {
	background: #1b1b1d;
	color: #868689;
	padding: 57px 0 40px;
}

#team-contact h3 {
	color: #fafafc;
}

#team-contact a {
	color: #868689;
	font-weight: normal;
	padding-bottom: 2px;
	border-bottom: 1px solid #b23d74;
}

#team-contact a:hover {
	color: #f8f8fa;
	padding-bottom: 1px;
	border-bottom: 2px solid #b23d74;
}

#team-contact #team {
	float: right;
	width: 460px;
}

#team-contact #team dt {
	clear: both;
	float: left;
	width: 140px;
	font-size: 12px;
	color: #a0a0a3;
	font-weight: normal;
	font-style: italic;
}

#team-contact #team dd {
	float: right;
	width: 300px;
}

#team-contact #contact {
	float: left;
	width: 380px;
}

#footer {
	background: #111113;
}

#footer { padding: 24px 0; }
#footer small { line-height: 16px; }

#cart .content {
	width: 700px;
	float: right;
}

#cart ol {
	list-style: none;
	float: left;
/* 	margin: 0 0 19px; */
    margin: 0;
	padding: 10px 0;
}

#cart ol:first-of-type {
	border-top: 1px solid #53514e;
}

#cart ol:last-of-type {
	border-bottom: 1px solid #53514e;
	margin: 0 0 19px;
}

#cart ul {
	list-style: none;
	float: left;
	padding: 5px 0;
	margin: 0;
}

#cart li {
	margin: 0;
	padding: 0;
	float: left;
	width: 260px;
	margin-right: 20px;
}

#cart li span { 
    color: rgba(255,255,255,0.5); 
}

#cart li.first {
	width: 180px;
}

#cart li.last {
	width: 199px;
	margin-right: 0;
	text-align: right;
}

#cart select#destination {
	width: 220px;
}

#cart select.quantity {
	width: 65px;
	margin: 0 0 0 10px;
}

#cart #vat-container {
    margin: 0 0 21px;
    display: none;
}

#cart #vat {
    width: 220px;
}

#cart p {
	clear: both;
}

#cart a.remove {
    color: #FFF;
    color: rgba(255,255,255,0.5); 
    font-weight: normal;
}

#cart a.remove:hover {
    color: #FFF;
}

#cart input.button {
    border: none;
}

#cart span { color: #bbbbbb; font-size: 11px; }

#cart span#price { color: #fff; font-size: 13px; }

#cart span#cost { color: #fff; }

#current-issue {
	padding: 57px 0 39px;
	background: #f6f6f8;
	border-bottom: 1px solid #e6e6e8;
}

#current-issue #buy-current-issue {
	position: absolute;
	top: 216px;
	left: 480px;
	width: 220px;
}

#current-issue #buy-current-issue p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 30px;
	color: #999;
}

#current-issue #ci-slideshow {
	float: left;
	width: 460px;
	margin-right: 20px;
}

#current-issue #ci-slideshow ul {
	margin: 0;
	padding: 0;
    float: right;
    color: #99999A;
}

#current-issue #ci-slideshow li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
	font-size: 11px;
}

#current-issue #ci-slideshow li a {
	padding: 5px 5px 2px 0;
	display: inline-block;
}

#current-issue #ci-slideshow div {
	border: 1px solid #d4d4d4;
	height: 272px;
	width: 452px;
}

#current-issue #ci-slideshow div img {
	border: 1px solid #fff;
	height: 270px;
	width: 450px;
}

#current-issue small {
	float: left;
	font-size: 11px;
	color: #99999a;
	padding: 6px 0 0;
	line-height: 19px;
	clear: both;
}

#current-issue p {
	float: left;
	width: 220px;
	margin-right: 20px;
}

#current-issue p.plus {
	margin-right: 0;
}

/*	Classes
********************************************/
.pricing-row {
	padding: 6px 0 0;
}

.pricing-row p {
	float: left;
	margin: 0;
	padding: 2px 0 0;
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", georgia, times, serif;
	font-size: 14px;
	line-height: 21px;
}

.pricing-row p em {
	color: #a3a3a5;
	font-size: 12px;
	font-style: italic;
}

.pricing-row a.button {
	float: right;
}

div.partner_logos { text-align:center; }
div.partner_logos a img { margin:20px 50px; border:none; } /* (All) Be sure to create overrides for different widths */
div.partner_logos a img.partner_linotype { margin:20px 50px 20px 0; } /* (First) Be sure to create overrides for different widths */
div.partner_logos a img.partner_microsoft { margin:20px 0 20px 50px; } /* Last) Be sure to create overrides for different widths */

.price {
	font-size: 18px;
	font-weight: normal;
	color: #b23d74;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

.modal {
	position: fixed;
	background: #494744 url(../i/modal-bg.gif);
	margin: 0;
	z-index: 100;
	top: 0;
	border-bottom: 1px solid #2d2520;
}

.modal .container {
	padding-top: 70px;
}

.modal h3, .modal p, .modal li, .modal h4,
.iphone-buy h3, .iphone-buy p, .iphone-buy li, .iphone-buy h4 {
	color: #fff;
}

.modal p.order-total,
.iphone-buy p.order-total {
	font-size: 13px;
	font-weight: bold;
}

.modal .button {
	background: #fc850c;
}

.modal .button:hover {
	background: #b23d74;
}

.modal a.close,
.iphone-buy a.close {
	color: #bbbbbb;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}

.modal a.close:hover,
.iphone-buy a.close:hover {
	color: #fff;
	text-decoration: none;
}

.clear, .toggle-clear {
	clear: both;
}

.cover {
	background: url(../i/cover-bg.png) 0 0 no-repeat;
	position: relative;
	width: 221px;
	height: 226px;
}

.cover img {
	height: 217px;
	width: 217px;
	margin: 2px 2px 0 2px;
}

.cover span {
	position: absolute;
	width: 217px;
	height: 217px;
	top: 2px;
	left: 2px;
	background: url(../i/shading.png) 0 0 no-repeat;
	display: block;
}

.poster {
	background: url(../i/poster-bg.png) 0 0 no-repeat;
	position: relative;
	width: 221px;
	height: 229px;
}

.button {
	-webkit-appearance: none;
	background: #fc850c;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 9px;
	font-weight: normal;
	padding: 8px 12px;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

.button:hover {
	color: #fff;
	background: #b23d74;
}

.button.clicked {
    background: #b23d74 url(../i/ajax-loader.gif) center center no-repeat;
}

.button.sold-out, .button.sold-out:hover {
    background: #666;
    background: rgba(0,0,0,0.5);
    cursor: default;
    float: left!important;
    margin-left: 2em;
}

/* */
.ui-tabs-hide {
	display: none;
}

li.ui-tabs-selected a { color: #99999a; }


/* Styles for X device / X width ------------------------------------------------------------------------------------- */
@media screen and (max-width: 960px) {
	#callout-text { display: none; }
	.container, h2 { width: 720px; }
	#masthead #nav, #masthead ul.fire-navigation { right: 0; left: auto; width: auto; }
	#masthead #nav li, #masthead ul.fire-navigation li { margin: 0 0 0 26px; }
	#masthead #callout { top: auto; top: 502px; right: auto; left: 4px; z-index: 10; }
	#masthead #logo { z-index: 5; }
/*
	#prints #slideshow { width: 320px; overflow:hidden; }
	#prints #slideshow div { width: 318px; height: 336px; }
	#prints #slideshow div img { width: 316px; height: 334px; }
*/

	#current-issue #ci-slideshow div { width:440px!important; height: 264px!important;border: 0; }
	#current-issue #ci-slideshow img { width: 440px!important; height: 264px!important; margin: 0; border: 0; }

	#prints #slideshow { display: none; }
	#prints #print-details { width: 470px; height: 325px; }
	#prints .prints-row { position: relative; right: auto; bottom: auto; width: 720px; clear: both; padding-top: 24px; height: 88px; }
	#prints .prints-row ul { width: 471px; float: right; }
	#prints .prints-row small { float: left; width: 221px; text-align: right; padding: 0; clear: none; }
	#prints .prints-row li { margin-right: 7px; width: 50px; height: 69px; }
	#prints .prints-row li img { width: 48px; height: auto; }
	#prints .pricing-row p { float: none; width: 400px; margin: 0 0 21px; padding: 2px 0 0; }
	#prints .pricing-row a { float: left; }
	#prints .pricing-row a#button_buy_series { margin: 0 20px 0 0; }
	#prints p { margin-right: 0; }
	#magazine #info, #magazine #issues { width: 100%; float: left; clear:both; }
	#issues .issue-details { width: 380px; }
	#issues #back-issue-2, #issues #back-issue-3 { border: 0; margin-bottom: 22px; padding-bottom: 22px; }
	#issues .cover { float: left; margin-left: 2px; margin-right: 40px; }
	#issues h3 { margin-top:24px; padding-top: 46px; border-top: 2px solid #e6e6e8; }
	#magazine #info h3 { width: 720px; }
	#team-contact #contact, #team-contact #team { width: 47%; }
	#team-contact #team dt { width: auto; float: none; color: #aaaaac;}
	#team-contact #team dd { width: 100%; }
	div.partner_logos a img { margin:20px 10px; border:none; } /* (All) Smaller margin for narrow widths */
	div.partner_logos a img.partner_linotype { margin:20px 10px 20px 0; } /* (First) Smaller margin for narrow widths */
	div.partner_logos a img.partner_microsoft { margin:20px 0 20px 10px; } /* Last) Smaller margin for narrow widths */
	
    /* From Old */
	.site-EightFacesV3 #masthead #callout { display: none; }
	#current-issue #slideshow div { width:440px!important; height: 264px!important;border: 0; }
	#current-issue #slideshow img { width: 440px!important; height: 264px!important; margin: 0; border: 0; }
    .site-EightFacesV3 #current-issue p.plus { width: 100%; margin-top: 20px; }
    .button.sold-out, .button.sold-out:hover { margin-left: 0; }
}


@media screen and (max-width: 480px) {
	* { max-width: 100%; }
	body {
		-webkit-text-size-adjust: none;
		font-family: helvetica, sans-serif; width: 100%; overflow-x: hidden; font-size: 9px; line-height: 16px;
	}
	
	#prints small, #team h3, #masthead h2, #cart h3, .modal, #nav, ul.fire-navigation, #callout-text { display: none!important; }

	p { max-width: 98%; font-size: 11px; line-height: 17px; }
	p.footer { font-size: 9px; line-height: 15px; }
	#team-contact #team dt { font-weight: normal; font-family: helvetica, sans-serif; font-style: normal; color: #ccccca; }
	dl { margin-bottom: 0; width: auto; }
	h2 { width: auto; font-weight: normal; font-size: 21px; line-height: 28px; }
	h3 { font-size: 21px; line-height: 28px; margin: 0 0 8px; }
	li { font-size: 11px; line-height: 16px; }

	
	#masthead { height: 150px;top: auto;position: relative; width: 100%; }
	#masthead #logo { margin: 0 auto; position: relative; top: 25px; }
	
	#masthead #callout { width: 219px; top: 176px; right: 0; left: 0; z-index: 500; margin: 0 auto; }
	
	#issues h3 {
		margin: 0 0 16px;
		text-align: center;
		border: 0;
		padding: 0;
	}
	
	#issues .cover {
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8px;
	}
	
	#issues p strong {
		padding: 3px 0 8px;
	}
	
	#issues #back-issue-2, #issues #back-issue-3, #magazine #info {
		border-bottom: 2px solid #eeeeef;
		margin-bottom: 28px;
		padding-bottom: 28px;
	}
	
	#magazine #info {
		border-bottom: 2px solid #eeeeef;
		padding-bottom: 8px;
		margin-bottom: 24px;
	}
	
	#magazine #info p {
		font-size: 14px;
		line-height: 21px;
		margin: 0 0 21px;
	}
	
	#issues .pricing-row p {
		float: right;
		padding: 4px 0 0;
	}
	
	#prints .container { padding-top: 335px; }
	#prints .container .faux-slideshow { display: none; }
	
	#prints h3 { margin-bottom: 3px; }
	
	#prints h4 { margin-bottom: 7px; }
	
	#prints .prints-row, #prints .prints-row ul {
		height: auto;
		clear: both;
		width: auto;
	}
	
	#prints .prints-row li {
		width: 9.8%;
		margin-right: 1.75%;
		height: auto;
		padding-right: 2px;
	}
	
	#prints .prints-row li:last-child {
		margin-right: 0;
	}
	
	#prints .prints-row li img {
/*
		width: 100%;
		height: auto;
*/
		float: left;
	}
	
	#prints #print-details {
		height: auto;
	}

	.container { min-width: 87.5%; width: auto; margin: 0; padding: 0 6.5%; }
	#prints .prints-row, #magazine #info, #magazine #issues, #team-contact #team, #team-contact #contact, #issues .issue-details { float: none; width: 100%; }
	#magazine, #prints, #team-contact, #partners { padding: 20px 0; }
	#magazine { padding-bottom: 30px; }


    /* From Old */
    .site-EightFacesV3 #masthead { height: 480px; } /* Was 410px for Magazine */
    .site-EightFacesV3 #masthead #callout { top: 150px; display: block; }
    #current-issue h3, #current-issue small { display: none; }  
    #current-issue { padding-top: 20px; }
    #current-issue #ci-slideshow { margin-bottom: 20px; }
    #current-issue #ci-slideshow ul.slideshow-controls { margin: 1px 0 0; }
    #current-issue #ci-slideshow li a { padding-bottom: 20px; }
    #current-issue #buy-current-issue { position: relative; left: auto; top: auto; width: 280px; }
    #current-issue p { width: 100%; margin-top: 0; }
    #current-issue #ci-slideshow div, #current-issue #ci-slideshow img { height: auto!important; }
    .button.sold-out, .button.sold-out:hover { margin-left: 0; }
  
	/* iPhone Buy Screen Specific */
	.mobile { background: #494744 url(../i/modal-bg.gif); }
	.mobile #cart { display: block!important; position: relative; width: 100%!important; height: 90%!important; padding: 5% 0; background: #494744; }
	.mobile #cart h3 { display: block!important; }
	.mobile #cart ul { display: none; }
	.mobile #cart li.last { text-align: left; }
    .mobile #cart select.quantity { margin: 0 10px 0 0; } 
	.mobile #cart.modal {
	    display: block!important;
	    border-bottom: none;
	}
	.mobile #cart.modal .container { padding-top: 10px; }

}