/* (c) 2011 by Michael Sontag, EPS51 & Jens Buss */

/* ### **** GLOBAL **** ### */

* {
	margin: 0;
	padding: 0;
	font: normal 16px/22px "AkkuratLight", Arial, Helvetica, sans-serif;
	/*letter-spacing: 2px;*/
}

.container {
	position: absolute;
	width: 100%;
	margin: 40px 0;
}

.containment {
	width: 70%;
	min-width: 1050px;
	margin: 0 auto;
	
	text-align: center;
}

.hidden {
	display: none;
}

h1,h2,h3,h4,h5,h6, p, a, ul, span {
	letter-spacing: 2px;
}

h1 {
	text-transform: uppercase;
}

p {
	margin: 0 0 20px;
}

em, em a {
	font-family: "AkkuratLightItalic", Arial, Helvetica, sans-serif;
}

strong, strong a, strong span, strong span a {
	font-family: "AkkuratBold", Arial, Helvetica, sans-serif;
}

.white a {
	color: black;
}
.black a {
	color: white;
}

.white {
	background-color: white;
	color: black;
}
.black {
	background-color: black;
	color: white;
}

a img {
	border: none;
}

a {
	outline: none;
}

/* ### **** GLOBAL TYPOS **** ### */

ul#navigation a:hover {
	text-decoration: underline;
}

ul#navigation a.active, .picList h1, .picList li a.active, #logoBox h2, #logoBox h3, ul#print h1, ul#web h1, .textBox h2, h2.orderButton {
	font-family: "AkkuratBold", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.white ul#navigation a.active {
	background: url(../img/b_active_b.png) 0 14px repeat-x;
}
.white .picList h1, .white #logoBox h2 {
	background: url(../img/b_active_b.png) 0 9px repeat-x;
}
.white .picList li a.active {
	background: url(../img/b_active_b_s.png) 0 7px repeat-x;
}
.white #logoBox h3 {
	background: url(../img/b_active_b_s.png) 0 9px repeat-x;
}
.black ul#navigation a.active {
	background: url(../img/b_active_w.png) 0 14px repeat-x;
}
.black .picList h1, .black #logoBox h2 {
	background: url(../img/b_active_w.png) 0 9px repeat-x;
}
.black .picList li a.active {
	background: url(../img/b_active_w_s.png) 0 7px repeat-x;
}
.black #logoBox h3 {
	background: url(../img/b_active_w_s.png) 0 9px repeat-x;
}

.picList li a, p.category {
	font: normal 12px "AkkuratLight", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

h2.orderButton {
	cursor: pointer;
}

/* ### **** BACKGROUND **** ### */

#background {
	width: 100%;
	height: 100%;
	min-width: 1050px;
	position: absolute;
	top: 0;
	
	overflow: hidden;
}

#background img {
	min-height: 100%;
	min-width: 100%;
	position: absolute;
}

/* ### **** NAME & LOGO **** ### */

#michael-sontag h1 a {
	display: block;
	width: 315px;
	height: 27px;
	margin: 40px auto;
		
	text-decoration: none;
	text-indent: -9000px;
}

.white #michael-sontag h1 a { background: url(../img/michael-sontag_b.png); }
.black #michael-sontag h1 a { background: url(../img/michael-sontag_w.png); }

#logo {
	display: block;
	width: 63px;
	height: 61px;
	margin: 40px auto;
	
	text-indent: -9000px;
}

.white #logo, .white #logoBox { background: url(../img/michael-sontag-logo_b.png) center no-repeat; }
.black #logo, .black #logoBox { background: url(../img/michael-sontag-logo_w.png) center no-repeat; }

#logoBox {
	position: fixed;
	z-index: 200;
	width: 100%;
	height: 61px;
	margin: 20px auto;
	
	text-align: center;
	display: none;
}

#logoBox h2, #logoBox h3 {
	position: relative;
	top: 15px;
	display: inline-block;
}
#logoBox h3 {
	font-size: 12px;
}

/* ### **** NAVIGATION **** ### */

ul#navigation {
	/*position: relative;*/
	text-align: center;
	width: 80%;
	height: 26px;
	margin: 40px auto;
	text-transform: uppercase;
}

ul#navigation li {
	/*position: absolute;*/
	display: inline-block;
	width: 19%;
}

/*ul#navigation li.collections { width: 140px; left: 0;}
ul#navigation li.about       { width: 70px; left: 22.5%; }
ul#navigation li.stockists   { width: 110px; left: 37.8%; }
ul#navigation li.press       { width: 70px; left: 58.3%; }
ul#navigation li.contact     { width: 90px; left: 74%; }
ul#navigation li.shop        { width: 60px; left: 91.6%; margin: 0; }*/

ul#navigation a {
	padding: 5px 0 5px 2px;
	
	text-decoration: none;
}

/* ### **** NEWS **** ### */

#news {
	text-transform: uppercase;
}

#news h1 {
	font-family: "AkkuratBold", Arial, Helvetica, sans-serif;
}

/* ### **** COLLECTIONS & SHOP **** ### */

#content {
	min-width: 1050px;
}

.collection, .product {
	display: inline-block;
	margin: 0 10px 40px;
}

.collection div {
	float: left;
	margin: 5px;
}

.collection h1 {
	margin: 0 0 10px;
}

.collection div h2 {
	visibility: hidden;
}

.picList h1 {
	display: inline-block;
	margin: 0 5px;
}

.picList ul {
	margin: 0 0 40px;
}

.picList li {
	display: inline-block;
	margin: 0 5px;
}

.picList li a {
	text-decoration: none;
}

.picList, .picList .lbLink {
	font-size: 0;
}

.picList .lbLink img {
	font-size: 0;
	margin: 5px;
}

/* ### **** SLIDESHOW **** ### */

.slideContainer {
	position: relative;
	margin: 0 auto 40px;
	width: 80%;
	min-width: 1050px;
}

.leftSlideNav, .rightSlideNav {
	position: absolute;
	display: block;
	width: 500px;
	height: 100%;
	text-indent: -9000px;
	cursor: pointer;
}

.white .leftSlideNav {
	background: url(../img/b_lt_b.png) left center no-repeat;
}

.white .rightSlideNav {
	left: 500px;
	background: url(../img/b_gt_b.png) right center no-repeat;
}

.black .leftSlideNav {
	background: url(../img/b_lt_w.png) left center no-repeat;
}

.black .rightSlideNav {
	left: 500px;
	background: url(../img/b_gt_w.png) right center no-repeat;
}

.slider {
	width: 100%;
	overflow: hidden;
}

.imgContainer {
	width: 10000px;
}

.imgContainer .image {
	width: 1000px;
	float: left;
	overflow: hidden;
}

/* ### **** ABOUT **** ### */

.textBox {
	width: 580px;
	margin: 0 auto;
}

/* ### **** PRESS **** ### */

ul#print, ul#web {
	width: 40%;
	margin: 0 0 40px;
	list-style-type: none;
}

ul#print {
	float: left;
}

ul#web {
	float: right;
}

ul#print a, ul#web a {
	text-transform: uppercase;
}

/* ### **** COPYRIGHT **** ### */

#copyright {
	clear: both;
	margin: 80px 0 40px;
}

.mejs-offscreen,
.mejs-controls {
	display: none;
}
.mejs-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
  object-fit: cover;
}
#home-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  object-fit: cover;
}

/* ### **** FONTS **** ### */

@font-face {
	font-family: 'AkkuratLightItalic';
	src: url('../font/akkurat-lightitalic-Akkurat.eot');
	src: url('../font/akkurat-lightitalic-Akkurat.eot?#iefix') format('embedded-opentype'),
		url('../font/akkurat-lightitalic-Akkurat.woff') format('woff'),
		url('../font/akkurat-lightitalic-Akkurat.ttf') format('truetype'),
		url('../font/akkurat-lightitalic-Akkurat.svg#AkkuratLightItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AkkuratBold';
	src: url('../font/akkurat-bold-Akkurat.eot');
	src: url('../font/akkurat-bold-Akkurat.eot?#iefix') format('embedded-opentype'),
		url('../font/akkurat-bold-Akkurat.woff') format('woff'),
		url('../font/akkurat-bold-Akkurat.ttf') format('truetype'),
		url('../font/akkurat-bold-Akkurat.svg#AkkuratBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AkkuratLight';
	src: url('../font/akkurat-light-Akkurat.eot');
	src: url('../font/akkurat-light-Akkurat.eot?#iefix') format('embedded-opentype'),
		url('../font/akkurat-light-Akkurat.woff') format('woff'),
		url('../font/akkurat-light-Akkurat.ttf') format('truetype'),
		url('../font/akkurat-light-Akkurat.svg#AkkuratLight') format('svg');
	font-weight: normal;
	font-style: normal;
}