/* TIGI Website Screen Stylesheet */

html, body {
	height: 				100%;
	overflow-x: 			hidden;
	overflow-y: 			auto;
}
body {
	position: 				relative;
	min-height: 			100%;
	height:					auto !important;
	height:					100%;
	font: 					normal 11px/18px Arial, Verdana, sans-serif;
}


/* Buttons */

a * { cursor: pointer; }

a.black,
a.white,
a.grey {
	display: 				inline-block;
	background: 			#0c0c0c;
	border: 				1px solid #0c0c0c;
	color: 					#fff;
	text-transform: 		uppercase;
	text-decoration: 		none;
	padding: 				3px 16px 1px;
	font: 					normal 11px/18px 'ProximaNovaSemibold', Arial, sans-serif;
	-moz-transition: 		all 150ms ease-out;
	-webkit-transition: 	all 150ms ease-out;
}
a.black:hover {
	background: 			#4e4e4e;
	border-color: 			#4e4e4e;
}
a.black:active {
	background: 			#2b2b2b;
	border-color: 			#2b2b2b;
}
a.black.inverted {
	background: 			none;
	border-color: 			transparent;
}
a.black.inverted:hover {
	background: 			#000;
	color: 					#fff;
}
a.white {
	background: 			#fff;
	border-color: 			#fff;
	color: 					#000;
}
a.white:hover {
	background: 			#e2e2e2;
	border-color: 			#e2e2e2;
}
a.grey {
	background: 			#545454;
	border-color: 			#545454;
}
a.grey:hover {
	background: 			#7a7a7a;
	border-color: 			#7a7a7a;
}

a.arrow {
	font: 					normal 11px/18px Arial, Verdana, sans-serif;
	color: 					#848484;
	text-decoration: 		underline;
	padding-left: 			10px;
	background: 			url(../image/img-arrow-small-right.png) no-repeat left center;
	-moz-transition: 		color 150ms ease-out;
	-webkit-transition: 	color 150ms ease-out;
}
a.arrow:hover {
	color: 					#000;
}

a.scroll-content {
	display: 				block;
	position: 				absolute;
	left: 					50%;
	top: 					0;
	margin: 				-30px 0 0 -30px;
	width: 					60px;
	height: 				60px;
	background: 			url(../image/sprite-icn.png) no-repeat left -435px;
	text-indent: 			-9999em;
	z-index: 				6;
}
a.visual-text-page, a.brands-page { margin-top: 0; top: auto; bottom: -30px; }
a.education-page { margin-top: 0; top: auto; bottom: -30px; }
a.in-visual { top: auto; bottom: -36px; }

nav.fixed-sub {
	background: 			#000;
	background: 			rgba(0, 0, 0, .6);
	position: 				absolute;
	left: 					0;
	bottom: 				0;
	height: 				39px;
	width: 					100%;
	z-index: 				5;
}
nav.fixed-sub.grey { background: #292929; }
.no-rgba nav.fixed-sub { background: url(../image/bg-subnav.png); }
nav.fixed-sub ul {
	width: 					940px;
	margin: 				0 auto;
}
nav.fixed-sub ul li {
	display: 				inline;
	padding-right: 			25px;
	line-height: 			39px;
}
nav.fixed-sub ul li a {
	font: 					normal 10px/1em 'ProximaNovaRegular', Arial, sans-serif;
	text-transform: 		uppercase;
	color: 					#a5aaaa;
	text-decoration: 		none;
	letter-spacing: 		1px;
}
nav.fixed-sub ul li a.active { color: #fff; }


/* Grid */

#language-popup .wrapper,
.site {
	width: 					960px;
	margin: 				0 auto;
}
header > div.site {
	/*overflow: 				hidden;*/
}

.grid-60, .grid-140,
.grid-220, .grid-260,
.grid-280, .grid-300,
.grid-320,
.grid-380, .grid-460,
.grid-540, .grid-560,
.grid-580, .grid-620,
.grid-700, .grid-780,
.grid-860, .grid-940 {
	display: 				inline;
	float: 					left;
	margin: 				0 10px;
}
.grid-60 { width: 60px; }
.grid-140 { width: 140px; }
.grid-220 { width: 220px; }
.grid-300 { width: 300px; }
.grid-380 { width: 380px; }
.grid-460 { width: 460px; }
.grid-540 { width: 540px; }
.grid-620 { width: 620px; }
.grid-700 { width: 700px; }
.grid-780 { width: 780px; }
.grid-860 { width: 860px; }
.grid-940 { width: 940px; }

.grid-260 { width: 260px; }
.grid-280 { width: 280px; }
.grid-320 { width: 320px; }
.grid-560 { width: 560px; }
.grid-580 { width: 580px; }

.first { margin-left: 0; }
.last { margin-right: 0; }
.right { float: right; }

.lft-310 { margin-left: 330px; }

p.center { text-align: center; }


/* Header */

header {
	position: 				fixed;
	top: 					0;
	left: 					0;
	height: 				65px;
	width: 					100%;
	min-width: 				960px;
	background: 			#ECEDE8;
	z-index: 				8;
}
header.lft { left: -100%; min-width: 0; overflow: hidden; }
header.rgt { left: 100%; min-width: 0; overflow: hidden; }

header h2 {
	width: 					76px;
	display: 				inline;
	float: 					left;
	margin: 				24px 38px 0 10px;
}
header h2 a {
	display: 				block;
	height: 				25px;
	text-indent: 			-9999em;
}

header a.right {
	position: 				absolute;
	right: 					0;
	top: 					32px;
	padding-right: 			30px;
	font: 					normal 10px/18px 'ProximaNovaRegular', Arial, sans-serif;
	letter-spacing: 		1px;
	text-transform: 		uppercase;
}
header a.right span.white {
	display: 				block;
	position: 				absolute;
	height: 				24px;
	top: 					-1px;
	left: 					-38px;
	padding: 				0 10px;
	background: 			#fff;
	line-height: 			26px;
	color: 					#000;
}

header nav,
header nav ul,
header nav ul li {
}
header nav ul {
	padding-top: 			28px;
}
header nav ul li {
	display: 				inline;
	float: 					left;
	margin-right: 			17px;
}
header nav ul li a {
	position: 				relative;
	display: 				block;
	float: 					left;
	padding: 				12px 6px;
	font: 					normal 10px/1em 'ProximaNovaRegular', Arial, sans-serif;
	text-transform: 		uppercase;
	color: 					#222;
	text-decoration: 		none;
	letter-spacing: 		1px;
	-moz-transition: 		color 150ms ease-out;
	-webkit-transition: 	color 150ms ease-out;
}
.ie7 header nav ul li a,
.ie8 header nav ul li a { font-family: 'ProximaNovaSemibold', Arial, sans-serif; }
header nav ul li a:hover,
header nav ul li a.active {
	color: 					#555;
}
header nav ul li a.colour {
	text-indent: 			-9999px;
	font: 					0/0 serif;
	width: 					52px;
	margin-top: 			-1px;
	background: 			url(../image/btn-color-topnav.png) no-repeat center 14px;
}
header nav ul li a.colour:hover,
header nav ul li a.colour.active {
	background-position: 	center -20px;
}
header nav ul li a span {
	display: 				block;
	position: 				absolute;
	left: 					50%;
	bottom: 				0;
	margin-left: 			-26px;
	width: 					52px;
	height: 				0;
	font: 					0/0 serif;
	border-top: 			1px solid transparent;
}
header nav ul li a.active span { border-top-color: #fff; }
header nav ul li a.colour.active span {
	height: 				1px;
	border-top: 			0;
	background: 			url(../image/btn-color-topnav-line.png) no-repeat center top;
}

/* Colour Header */

header.colour {
	background: 			#fff url(../image/colour/bg-mainnav.png) no-repeat center top;
}

header.colour a.right {
	font: 					normal 12px/17px 'Helvetica', Arial, sans-serif;
	letter-spacing: 		0em;
	padding-bottom: 		2px;
	text-transform: 		none;
}

header.colour h2 {
	width: 					153px;
	margin-top: 			22px;
}
header.colour h2 a {
	background: 			url(../image/colour/sprite-icn.png) no-repeat -164px top;
	height: 				29px;
}

header.colour nav ul {
	padding-top: 			30px;
}
header.colour nav ul li {
	position: 				relative;
	height: 				29px;
	padding: 				8px 0 0 5px;
	margin-right: 			33px;
}
header.colour nav ul li a {
	/*
	font: 					bold 13px/1em 'Helvetica', Arial, sans-serif;
	color: 					#000;
	padding: 				9px 6px;
	*/
	display: 				block;
	height: 				13px;
	background: 			url(../image/colour/sprite-icn.png) no-repeat left -266px;
	padding: 				0;
	text-indent: 			-9999em;
	text-transform: 		none;
	letter-spacing: 		0;
}
header.colour nav ul li a.about {
	width: 					37px;
	background-position: 	left -266px;
}
header.colour nav ul li a.products {
	width: 					57px;
	background-position: 	-38px -266px;
}
header.colour nav ul li a.formulas {
	width: 					109px;
	background-position: 	-97px -266px;
}
header.colour nav ul li a.techniques {
	width: 					72px;
	background-position: 	-208px -266px;
}
header.colour nav ul li a.faq {
	width: 					38px;
	background-position: 	-279px -266px;
}

header.colour nav ul li a.about:hover,
header.colour nav ul li a.about.active { background-position: left -280px; }
header.colour nav ul li a.products:hover,
header.colour nav ul li a.products.active { background-position: -38px -280px; }
header.colour nav ul li a.formulas:hover,
header.colour nav ul li a.formulas.active { background-position: -97px -280px; }
header.colour nav ul li a.techniques:hover,
header.colour nav ul li a.techniques.active { background-position: -208px -280px; }
header.colour nav ul li a.faq:hover,
header.colour nav ul li a.faq.active { background-position: -279px -280px; }
/*
header.colour nav ul li a.active {
	color: 					#f84c00;
}
*/

header.colour nav ul li ul.sub {
	position: 				absolute;
	display: 				none;
	width: 					138px;
	top: 					35px;
	left: 					-12px;
	padding-top: 			1px;
	background: 			#000;
}
header.colour nav ul li:hover ul.sub { display: block; }
header.colour.inactive nav ul li:hover ul.sub { display: none; }
header.colour nav ul li ul.sub li {
	display: 				block;
	float: 					none;
	margin-right: 			0;
	padding: 				0;
	height: 				35px;
}
header.colour nav ul li ul.sub li a {
	float: 					none;
	font: 					bold 12px/34px 'Helvetica', Arial, sans-serif;
	padding: 				0;
	background: 			#000;
	height: 				34px;
	text-indent: 			0;
	-moz-transition: 		all 200ms ease-out;
	-webkit-transition: 	all 200ms ease-out;
}
header.colour nav ul li ul.sub li a span {
	position: 				static;
	border-top: 			none;
	border-bottom: 			1px solid #242424;
	font: 					bold 12px/34px 'Helvetica', Arial, sans-serif;
	color: 					#aeaeae;
	left: 					auto;
	bottom: 				auto;
	margin: 				0 10px;
	padding: 				0 10px;
	height: 				auto;
	width: 					auto;
	-moz-transition: 		border-bottom-color 200ms ease-out;
	-webkit-transition: 	border-bottom-color 200ms ease-out;
}
header.colour nav ul li ul.sub li a.last span {
	border-bottom-color: 	#000;
}

header.colour nav ul li ul.sub li:hover {
	height: 				36px;
}
header.colour nav ul li ul.sub li a:hover {
	background: 			#242424;
	height: 				36px;
}
header.colour nav ul li ul.sub li a:hover span {
	border-color: 			#434343;
	border-top: 			1px solid #434343;
	margin-top: 			-1px;
	color: 					#fff;
}
header.colour nav ul li ul.sub li a:hover.last span {
	border-bottom-color: 	#242424;
}


/* Pushbox */

#pushbox,
.pushbox {
	position: 				relative;
	overflow: 				hidden;
	height: 				250px;
	background: 			#000;
	border-bottom: 			6px solid #000;
}
#pushbox { margin-top: 65px; }
.ie7 #pushbox { padding-top: 65px; }
.pushbox {
	height: 				352px;
	border-bottom: 			0;
}
#pushbox.subpage {
	height: 				428px;
}

#pushbox hgroup.static {
	position: 				absolute;
	left: 					0;
	right: 					0;
	top: 					0;
}

#pushbox nav,
.pushbox nav {
	position: 				absolute;
	display: 				block;
	left: 					0;
	right: 					0;
	bottom: 				0;
	height: 				48px;
	background: 			url(../image/bg-nav-pushbox.png);
}
.pushbox nav { height: 64px; }
#pushbox nav ul,
.pushbox nav ul {
	width: 					940px;
	margin: 				22px auto 0;
}
#pushbox nav ul li,
.pushbox nav ul li {
	display: 				block;
	float: 					left;
	width: 					25px;
	height: 				25px;
	position: 				relative;
}
#pushbox nav ul li a,
.pushbox nav ul li a {
	display: 				block;
	width: 					12px;
	height: 				12px;
	background: 			url(../image/btn-nav-pushbox.png) no-repeat left -12px;
	font: 					0/0 serif;
	text-indent: 			-9999px;
}
#pushbox nav ul li a:hover,
.pushbox nav ul li a:hover {
	background-position: 	left top;
}
#pushbox nav ul li a.active,
.pushbox nav ul li a.active {
	background-position: 	left -24px;
}

#pushbox ul.items,
.pushbox ul.items {
	position: 				relative;
	width: 					100%;
	height: 				456px;
	overflow: 				hidden;
}
#pushbox ul.items li,
.pushbox ul.items li {
	position: 				absolute;
	display: 				none;
	left: 					0;
	top: 					0;
	width: 					100%;
	min-width: 				960px;
	height: 				456px;
	overflow: 				hidden;
	background: 			#000;
}
#pushbox ul.items li img.bg,
.pushbox ul.items li img.bg {
	position: 				absolute;
	display: 				block;
	left: 					50%;
	top: 					0;
	margin-left: 			-800px;
	width:					1600px;
}
.pushbox ul.items li img.bg,
#pushbox ul.items li img.wide {
	width: 					1920px;
	margin-left: 			-960px;
}
#pushbox ul.items li.w-1920 img.bg { width: 1920px; margin-left: -960px; }
#pushbox ul.items li div.site {
	position: 				relative;
}
#pushbox ul.items li div.site hgroup {
	width: 					460px;
	padding: 				70px 0 0 10px;
}
#pushbox ul.items li div.site hgroup h2 {
	font: 					normal 48px/45px 'ProximaNovaThin', Arial, sans-serif;
	color: 					#fff;
	text-transform: 		uppercase;
	margin-bottom: 			30px;
}
#pushbox ul.items li div.site hgroup h2 strong {
	font-family: 			'ProximaNovaRegular', Arial, sans-serif;
	font-weight: 			normal;
}
#pushbox ul.items li div.site p {
	width: 					400px;
	padding-left: 			15px;
	color: 					#e3e3e3;
}
#pushbox ul.items li div.site aside.signature {
	margin: 				46px 0 0 18px;
	overflow: 				hidden;
}
#pushbox ul.items li div.site aside.signature img {
	display: 				block;
	float: 					left;
}
#pushbox ul.items li div.site aside.signature div {
	overflow: 				hidden;
	padding-left: 			18px;
}
#pushbox ul.items li div.site aside.signature div h3,
#pushbox ul.items li div.site aside.signature div h4 {
	font: 					normal 12px/28px 'ProximaNovaLight', Arial, sans-serif;
	color: 					#fff;
	text-transform: 		uppercase;
	letter-spacing: 		1px;
}
#pushbox ul.items li div.site aside.signature div h4 {
	font-family: 			'ProximaNovaBold', Arial, sans-serif;
	letter-spacing: 		0;
}
#pushbox ul.items li div.site aside.signature div hr {
	font: 					0/0 serif;
	background: 			0;
	border: 				0;
	border-top: 			1px solid #c0c0c0;
	width: 					40px;
}


/* Visual */

#visual {
	position: 				relative;
	margin-top: 			65px;
	height: 				457px;
	background: 			#000;
	border-bottom: 			6px solid #000;
}
.ie7 #visual { z-index: 1; top: 65px; margin-bottom: 65px; }
#visual.medium { height: 490px; }
#visual img.bg {
	position: 				absolute;
	left: 					50%;
	top: 					0;
	margin-left: 			-800px;
}

#visual img.wide {
    width:                  1920px;
    margin-left:            -960px;
}

#visual div.content {
	position: 				relative;
}
#visual div.content hgroup.content {
	margin-top: 			0;
	padding-top: 			80px;
}
#visual div.content hgroup.small {
	padding-top: 			60px;
	margin-bottom: 			38px;
}


/* Content */

#content {
	position: 				relative;
	padding-bottom: 		32px;
	background: 			#fff;
}

.relative { position: relative; }
.header-space { margin-top: 65px; }

hgroup.content {
	margin: 				0 0 50px;
	padding-top: 			80px;
}
hgroup.content.error {
	margin: 				140px 0 80px;
}
hgroup.content h1,
hgroup.content h2.large,
hgroup.content h2.medium {
	font: 					normal 40px/40px 'ProximaNovaSemibold', Arial, sans-serif;
	color: 					#000;
	letter-spacing: 		0.04em;
	text-transform: 		uppercase;
	text-align: 			center;
}
hgroup.content h1.spacing { letter-spacing: 1px; }
hgroup.content h2.medium { font-size: 30px; line-height: 30px; }
hgroup.content h2 {
	font: 					normal 18px/21px 'ProximaNovaLight', Arial, sans-serif;
	color: 					#000;
	text-transform: 		uppercase;
	text-align: 			center;
	width: 					630px;
	margin: 				0 auto;
}
hgroup.content h1.regular { font-family: 'ProximaNovaLight', Arial, sans-serif; }
hgroup.content h1.regular strong { font-family: 'ProximaNovaRegular', Arial, sans-serif; font-weight: normal; }

hgroup.content h2.wide { width: 100%; }
hgroup.content.white h1,
hgroup.content.white h2 { color: #fff; }
hgroup.content h3 {
	font: 					normal 14px/18px 'ProximaNovaRegular', Arial, sans-serif;
	color: 					#000;
	text-transform: 		uppercase;
	text-align: 			center;
}
hgroup.content hr {
	width: 					430px;
	margin: 				36px auto;
	height: 				0;
	font: 					0/0 serif;
	border: 				0;
	background: 			none;
	border-top: 			1px solid #000;
}
hgroup.content hr.small { width: 65px; }
hgroup.content.white hr { border-top-color: #fff; }

#content hgroup.page {
	position: 				relative;
	height: 				1px;
	width: 					460px;
	margin: 				0 auto 56px;
	border-top: 			52px solid #fff;
	text-align: 			center;
	background: 			#858585;
	font: 					0/0 serif;
}
#content hgroup.page.full {
	background: 			#cecece;
	width: 					940px;
	margin-top: 			14px;
}
#content hgroup.page.black { border-top-color: #000; }
#content hgroup.page h1,
#content hgroup.page h2 {
	position: 				absolute;
	left: 					0;
	right: 					0;
	top: 					-8px;
	font: 					normal 16px/1em 'ProximaNovaBold', Arial, sans-serif;
	text-transform: 		uppercase;
}
#content hgroup.page h1 a,
#content hgroup.page h2 a,
#content hgroup.page h1 span,
#content hgroup.page h2 span {
	color: 					#000;
	text-decoration: 		none;
	background: 			#fff;
	padding: 				0 20px;
}
#content hgroup.page h1.black,
#content hgroup.page h2.black {
	top: 					-11px;
}
#content hgroup.page h1.black a,
#content hgroup.page h2.black a {
	display: 				inline-block;
	background: 			#000;
	font: 					normal 11px/22px 'ProximaNovaSemibold', Arial, sans-serif;
	color: 					#fff;
	padding: 				0 12px;
	border-left: 			30px solid #fff;
	border-right: 			30px solid #fff;
	-moz-transition: 		all 150ms ease-out;
	-webkit-transition: 	all 150ms ease-out;
}
#content hgroup.page h1.black a:hover,
#content hgroup.page h2.black a:hover {
	background: 			#4e4e4e;
}
#content hgroup.page h1.black a:active,
#content hgroup.page h2.black a:active {
	background: 			#2b2b2b;
}

#content hgroup.page h2.white {}
#content hgroup.page h2.white span {
	font-family: 			'ProximaNovaSemibold', Arial, sans-serif;
	color: 					#fff;
	background: 			#000;
}

#content .content-dark {
	background: 			#000;
	padding-bottom: 		64px;
}
#content .content-dark.intro-text {
	padding-bottom: 		100px;
	margin-top: 			65px;
	z-index: 				2;
}

#content .padding-box {
	overflow: 				hidden;
	padding: 				80px 0 116px;
}
#content .padding-box-small {
	overflow: 				hidden;
	padding: 				54px 0;
}
#content .padding-box-small-bottom { padding-bottom: 54px; }

#content div.stroke-button {
	position: 				relative;
	clear: 					both;
	background: 			#ccc;
    font: 					0/0 serif;
    height: 				1px;
    margin: 				56px auto 24px;
	width: 					780px;
    text-align: 			center;
}
#content div.stroke-button p {
	position: 				absolute;
	left: 					0;
	right: 					0;
	top: 					-10px;
}
#content div.stroke-button p a.grey {
	border: 				0;
	border-left: 			14px solid #fff;
	border-right: 			14px solid #fff;
}
#content div.stroke-button p a.grey:hover {
	background: 			#fff;
	color: 					#000;
}

#content div.interview-slider {
	position: 				relative;
	overflow: 				hidden;
	padding-top: 			0;
	margin-top: 			80px;
}

#content div.nav-bg {
	position: 				absolute;
	left: 					0;
	bottom: 				0;
	height: 				39px;
	background: 			#999;
	width: 					100%;
}


/* Text Page */

#content article.textpage {}
#content article.textpage h1 {
	font: 					normal 48px/1em 'ProximaNovaSemibold', Arial, sans-serif;
	color: 					#000;
	text-transform: 		uppercase;
}
#content .padding-box-small article.textpage h1 {
	margin-bottom: 			32px;
}
#content article.textpage h2 {
	font: 					normal 16px/32px 'ProximaNovaLight', Arial, sans-serif;
	color: 					#848484;
	text-transform: 		uppercase;
	margin: 				0 0 32px;
}
#content article.textpage h3 {
	font: 					normal 13px/18px 'ProximaNovaSemibold', Arial, sans-serif;
	color: 					#282828;
	text-transform: 		uppercase;
	margin: 				0 0 18px;
}
#content article.textpage h4 {
	font: 					normal 16px/26px 'ProximaNovaSemibold', Arial, sans-serif;
	color: 					#000;
	text-transform: 		uppercase;
	margin: 				0 150px 12px 0;
	border-bottom: 			1px solid #000;
}
#content article.textpage p {
	color: 					#575757;
	margin: 				0 0 18px;
}
#content article.textpage p strong {
	font-weight: 			normal;
	color: 					#000;
}
#content article.textpage p a {
	color: 					#575757;
}

#content article.textpage div > ul {
	list-style: 			disc;
	margin: 				0 0 18px 20px;
	color: 					#575757;
}

#content article.textpage ol { clear: both; }
#content article.textpage ol > li {
	display:				block;
	position: 				relative;
	margin-left: 			26px;
	clear: 					both;
}
#content article.textpage ol > li span.no {
	position: 				absolute;
	left: 					-26px;
	top: 					0;
	color: 					#575757;
}
#content article.textpage ol > li h5 {
	font-size: 				13px;
	margin-bottom: 			16px;
	float: 					left;
}
#content article.textpage ol > li p {
	float: 					left;
	overflow: 				hidden;
}

.ie7 #content article.textpage ol li p {
	width: 					240px;
}

#content article.textpage ol > li ul.alph {
	color: 					#575757;
}
#content article.textpage ol > li ul.alph li {
	position: 				relative;
	margin-left: 			20px;
	clear: 					both;
}
#content article.textpage ol > li ul.alph li p {float: none;}
.ie7 #content article.textpage ol > li ul.alph li p {float: left;}
#content article.textpage ol > li ul.alph li span.no { left: -20px;}

#content article.textpage table {
	width: 					390px;
	color: 					#575757;
	border-collapse: 		collapse;
}
#content article.textpage table tr {
	border-top: 			1px solid #e5e5e5;
}
#content article.textpage table tr.first {
	border-top: 			0;
}
#content article.textpage table tr.booked {
	font-style: 			italic;
	color: 					#b8b8b8;
}
#content article.textpage table tr td {
	padding: 				6px 0;
	vertical-align: 		top;
}

#content article.textpage .col-wrapper {
	-moz-column-count: 		2;
	-moz-column-gap: 		20px;
	-webkit-column-count: 	2;
	-webkit-column-gap: 	20px;
}
#content article.textpage .triple-col-wrapper {
	-moz-column-count: 		3;
	-moz-column-gap: 		20px;
	-webkit-column-count: 	3;
	-webkit-column-gap: 	20px;
	padding: 				0 0 32px;
}
/* Markdown */
#content article.textpage .markdown {
    color:                  #575757;
}

#content .brands-intro {
	width: 					940px;
	margin: 				0 auto;
	-moz-column-count: 		3;
	-moz-column-gap: 		20px;
	-webkit-column-count: 	3;
	-webkit-column-gap: 	20px;
}
#content .brands-intro p {
	color: 					#9f9f9f;
}
#content .brands-intro p strong {
	font-weight: 			normal;
	color: 					#fff;
}


/* NewsItem */

#content article.newsitem {
	width: 					660px;
	margin: 				32px auto 0;
	padding-bottom: 		32px;
}
#content article.newsitem figure {
	margin-bottom: 			64px;
}
#content article.newsitem figure img {
	display: 				block;
	margin: 				0 auto;
	width:					658px;
}
#content article.newsitem p {
	color: 					#575757;
	margin: 				0 0 18px;
}
#content article.newsitem p strong {
	font-family: 			'ProximaNovaSemibold', Arial, sans-serif;
	font-weight: 			normal;
	color: 					#000;
}
#content article.newsitem a {
	color: 					#575757;
	text-decoration: 		underline;
}
#content article.newsitem a:hover { text-decoration: none; }


/* Text Visual */

#content .text-visual {
	position: 				relative;
	margin-top: 			65px;
	padding: 				0;
	z-index: 				4;
}
#content .text-visual figure {
	height: 				250px;
	overflow: 				hidden;
	position: 				relative;
}
#content .text-visual section.video {
	position: 				absolute;
	display: 				block;
	left: 					0;
	top: 					0;
	width: 					100%;
	height: 				576px;
	background: 			#000;
	z-index: 				7;
}
#content .text-visual section.video img,
#content .text-visual section.video video {
	display: 				block;
	margin: 				0 auto;
}
#content .text-visual figure img {
	display: 				block;
	position: 				absolute;
	left: 					50%;
	top: 					0;
	margin-left: 			-960px;
}

#content .text-visual aside {
	width: 					460px;
	position: 				absolute;
	left: 					50%;
	top: 					74px;
	margin-left: 			-470px;
}
#content .text-visual aside h2 {
	font: 					normal 48px/44px 'ProximaNovaThin', Arial, sans-serif;
	color: 					#fff;
	text-transform: 		uppercase;
	margin-bottom: 			30px;
}
#content .text-visual aside p {
	width: 					355px;
	margin: 				0 0 36px 5px;
	color: 					#e3e3e3;
}

#content .text-columns .col-wrapper {
	width: 					940px;
	margin: 				0 auto;
	-moz-column-count: 		3;
	-moz-column-gap: 		20px;
	-webkit-column-count: 	3;
	-webkit-column-gap: 	20px;
}
#content .text-columns .col-wrapper p {
	color: 					#000;
	margin-bottom: 			20px;
}

#content .text-columns .col-wrapper > div:first-child > p:first-child:first-letter {
	font: 					normal 58px/0.8em 'ProximaNovaLight', Arial, sans-serif;
	float: 					left;
	margin: 				8px 8px 0 0;
	color: 					#000;
}

.ie8 #content .text-columns .col-wrapper > p:first-child:first-letter,
.ie8 #content .text-columns .col-wrapper > div:first-child > p:first-child:first-letter { margin-top: 6px; }

#content .content-dark .col-wrapper p,
#content .content-dark .col-wrapper > p:first-child:first-letter,
#content .content-dark .col-wrapper > div:first-child > p:first-child:first-letter { color: #fff; }


/* Article > Interview */

#content article.interview {
	overflow: 				hidden;
}
#content article.interview figure {
	width: 					455px;
	float: 					left;
}
#content article.interview figure img {
	display: 				block;
	margin-bottom: 			8px;
}
#content article.interview figure img:last-child { margin-bottom: 0; }

#content article.interview div.text {
	width: 					460px;
	float: 					right;
	display: 				inline;
	margin-right: 			10px;
}
#content article.interview div.text h2 {
	font: 					normal 18px/24px 'ProximaNovaLight', Arial, sans-serif;
	text-transform: 		uppercase;
}
#content article.interview div.text h2 strong {
	font-family: 			'ProximaNovaBold', Arial, sans-serif;
	font-weight: 			normal;
}
#content article.interview div.text hr {
	width: 					240px;
	border-top: 			4px solid #000;
	margin: 				18px auto 24px 0;
}

#content article.interview div.text p {
	color: 					#575757;
	margin-bottom: 			18px;
}
#content article.interview div.text p strong {
	font: 					normal 11px/18px 'ProximaNovaRegular', Arial, sans-serif;
	color: 					#000;
}
#content article.interview div.text p a {
	color: 					#575757;
	text-decoration: 		none;
}
#content article.interview div.text p a:hover {
	text-decoration: 		underline;
}


/* Salon Map */
#content article.salon-map {}
#content article.salon-map h2 {
	font: 					normal 18px/24px 'ProximaNovaLight', Arial, sans-serif;
	text-transform: 		uppercase;
	margin: 				0 10px 46px;
	padding-top: 			46px;
}
#content article.salon-map h2 strong {
	font-family: 			'ProximaNovaSemibold', Arial, sans-serif;
	font-weight: 			normal;
}

#content article.salon-map .map-wrapper {
	position: 				relative;
	margin: 				0 10px 64px;
}

#content article.salon-map .map-wrapper #map-wrapper {
	height: 				560px;
	background: 			#f4f4f4;
}
#content article.salon-map .map-wrapper #pano-wrapper {
	position: 				absolute;
	width: 					100%;
	height:					560px;
	left:					0;
	top:					0;
	display:				none;
}
#content article.salon-map .map-wrapper a.pano-close {
	display: 				none;
	position: 				absolute;
	right: 					10px;
	top: 					10px;
	width: 					25px;
	height: 				25px;
	background: 			url(../image/sprite-icn.png) no-repeat -71px -434px;
	text-indent: 			-9999em;
	z-index: 				3;
}

#content article.salon-map .map-wrapper nav.results {
	position: 				absolute;
	width: 					216px;
	height: 				502px;
	left: 					14px;
	top: 					14px;
	background: 			#fff;
	padding: 				0 14px 14px;
	z-index: 				2;
}

#content article.salon-map .map-wrapper nav.results ul.list {
	margin-bottom: 			18px;
}
#content article.salon-map .map-wrapper nav.results ul.list li {
	padding: 				16px 0 17px;
	margin-bottom: 			1px;
	border-bottom: 			1px solid #ccc;
	overflow: 				hidden;
}
#content article.salon-map .map-wrapper nav.results ul.list li a {
	color: 					#000;
	text-decoration: 		none;
}
#content article.salon-map .map-wrapper nav.results ul.list li span.distance {
	display: 				block;
	float: 					left;
	width: 					57px;
	height: 				57px;
	background: 			#f2f2f2;
	font: 					normal 10px/18px 'ProximaNovaLight', Arial, sans-serif;
	text-transform: 		uppercase;
	letter-spacing: 		1px;
	text-align: 			center;
}
#content article.salon-map .map-wrapper nav.results ul.list li span.distance strong {
	display: 				block;
	font: 					normal 22px/22px 'ProximaNovaRegular', Arial, sans-serif;
	padding-top: 			10px;
}
#content article.salon-map .map-wrapper nav.results ul.list li div.text {
	/*
	float: 					left;
	width: 					134px;
	padding: 				2px 0 0 20px;
	*/
	padding: 				0 0 0 4px;
}
#content article.salon-map .map-wrapper nav.results ul.list li div.text h3 {
	font: 					normal 11px/18px 'ProximaNovaRegular', Arial, sans-serif;
	text-transform: 		uppercase;
	letter-spacing: 		1px;
	height: 				18px;
	overflow: 				hidden;
	white-space: 			nowrap;
	text-overflow: 			ellipsis;
}
#content article.salon-map .map-wrapper nav.results ul.list li div.text p {
	color: 					#575757;
}
#content article.salon-map .map-wrapper nav.results ul.list li div.text p strong {
	color: 					#000;
	display: 				block;
}

#content article.salon-map .map-wrapper nav.results ul.pager {
	position: 				absolute;
	bottom: 				0;
	left: 					0;
	right: 					0;
	margin-bottom: 			22px;
}


/* Aside > Details */

#content aside.details {
	padding: 				20px 20px 36px;
	width: 					260px;
	float: 					right;
	background: 			#efefef;
}
#content aside.details.equal { padding: 20px; }
#content aside.details h3 {
	font: 					normal 18px/1.2em 'ProximaNovaSemibold', Arial, sans-serif;
	text-transform: 		uppercase;
	margin: 				0 0 32px;
}
#content aside.details.equal h3 { margin-bottom: 16px; }
#content aside.details hr {
	border-top: 			1px solid #000;
	height: 				0;
}
#content aside.details hr.bold {
	border-top: 			4px solid #000;
	margin-bottom: 			18px;
}
#content aside.details p.goth {
	font: 					normal 11px/18px 'ProximaNovaRegular', Arial, sans-serif;
	color: 					#4d4d4d;
	margin: 				0 0 18px;
}
#content aside.details p.goth:last-child { margin-bottom: 0; }
#content aside.details p.goth strong {
	font-family: 			'ProximaNovaSemibold', Arial, sans-serif;
	font-weight: 			normal;
	color: 					#000;
}
#content aside.details p.price {
	font: 					normal 58px/1em 'ProximaNovaThin', Arial, sans-serif;
	margin: 				0 0 36px;
}
#content aside.details p.questions {
	padding: 				24px 0 32px;
	font: 					normal 12px/24px 'ProximaNovaLight', Arial, sans-serif;
	color: 					#575757;
	text-align: 			center;
}
#content aside.details p.questions strong {
	font-size: 				18px;
	font-weight: 			normal;
	color: 					#000;
}
#content aside.details dl {
	overflow: 				hidden;
	margin: 				0 0 18px;
	font-family: 			'ProximaNovaLight', Arial, sans-serif;
	color: 					#010101;
}
#content aside.details dl dt {
	float: 					left;
	clear: 					both;
	width: 					160px;
	color: 					#4d4d4d;
}
#content aside.details dl dt.small {
	width: 					80px;
}
#content aside.details dl dd {
	overflow: 				hidden;
}
#content aside.details dl dd a {
	color: 					#010101;
	-moz-transition: 		color 150ms ease-out;
	-webkit-transition: 	color 150ms ease-out;
}
#content aside.details dl dd a:hover { color: #999; }
#content aside.details div.stroke-button {
	position: 				relative;
	background: 			#000;
    font: 					0/0 serif;
    height: 				1px;
    margin: 				12px 0;
	width: 					auto;
    text-align: 			center;
}
#content aside.details div.stroke-button p {
	position: 				absolute;
	left: 					0;
	right: 					0;
	top: 					-10px;
}
#content aside.details div.stroke-button p a.black {
	border: 				0;
	border-left: 			14px solid #efefef;
	border-right: 			14px solid #efefef;
}

#content aside.details ul {
	list-style: 			disc inside;
	color: 					#575757;
	line-height: 			22px;
}


/* Education Intro */

.education-intro {
	overflow: 				hidden;
	background: 			url(../../static/visual/education-intro.jpg) no-repeat top center;
}
.education-intro div.lft {
	width: 					50%;
	height: 				456px;
	margin-left: 			-8px;
	float: 					left;
}
.education-intro div.rgt {
	width: 					50%;
	float: 					left;
	height: 				456px;
}

.education-intro div.rgt figure img { display: none; }

.education-intro div.lft .content {
	width: 					460px;
	margin: 				54px 0 0 auto;
}
.education-intro div.lft .content h1 {
	font: 					normal 40px/41px 'ProximaNovaLight', Arial, sans-serif;
	text-transform: 		uppercase;
}
.education-intro div.lft .content h1 strong {
    font-weight:            normal;
    font-family:            'ProximaNovaSemibold', Arial, sans-serif;
}
.education-intro div.lft .content h3 {
	font: 					normal 12px/18px 'ProximaNovaLight', Arial, sans-serif;
	text-transform: 		uppercase;
}
.education-intro div.lft .content h3 strong {
	font-family: 			'ProximaNovaSemibold', Arial, sans-serif;
	font-weight: 			normal;
	letter-spacing: 		1px;
	display: 				block;
}
.education-intro div.lft .content p {
	width: 					395px;
	font: 					normal 12px/20px Arial, Verdana, sans-serif;
	color: 					#706e6e;
	margin: 				0 0 40px;
}

.education-intro div.lft .content hr {
	font: 					0/0 serif;
	background: 			0;
	border: 				0;
	border-top: 			1px solid #000;
	width: 					180px;
	margin: 				40px auto 40px 0;
}


/* Brands */

#content div.brands {
	background: 			#ECEDE8;
	padding: 				25px 0;
}
#content div.brands dl {
	width: 					853px;
	margin: 				auto;
	overflow: 				hidden;
}
#content div.brands dl dt {
	width: 					282px;
	padding-left: 			28px;
	height: 				56px;
	float: 					left;
	background: 			#2f2f2f;
	font: 					normal 24px/56px 'ProximaNovaThin', Arial, sans-serif;
	color: 					#fff;
	text-transform: 		uppercase;
}
#content div.brands dl dd {
	width: 					130px;
	height: 				58px;
	display: 				inline;
	float: 					left;
	margin-left: 			1px;
	border: solid 1px #ccc;
	padding:4px;

}
#content div.brands dl dd.last { width: 149px; }

#content div.brands dl dd a {
	display: 				block;
	background: 			url(../image/sprite-logo-brands.png) no-repeat;
	text-indent: 			-9999em;
	margin: 				14px auto 0;
	height: 				28px;
}
#content div.brands dl dd a.logo-bedhead {
	width: 					104px;
	background-position: 	left top;
}
#content div.brands dl dd a.logo-catwalk {
	width: 					84px;
	background-position: 	-105px top;
}
#content div.brands dl dd a.logo-tigicolour {
	width: 					107px;
	background-position: 	-191px top;
}
#content div.brands dl dd a.logo-tigireborn {
	width: 					53px;
	background-position: 	-301px top;
}
#content div.brands dl dd a.logo-bedhead:hover { background-position: left -28px; }
#content div.brands dl dd a.logo-catwalk:hover { background-position: -105px -28px; }
#content div.brands dl dd a.logo-tigicolour:hover { background-position: -191px -28px; }
#content div.brands dl dd a.logo-tigireborn:hover { background-position: -301px -28px; }
#content div.brands dl dd a.logo-bedhead:active { background-position: left -57px; }
#content div.brands dl dd a.logo-catwalk:active { background-position: -105px -57px; }
#content div.brands dl dd a.logo-tigicolour:active { background-position: -191px -57px; }
#content div.brands dl dd a.logo-tigireborn:active { background-position: -301px -57px; }


/* Twitter */

#content aside.twitter {
	padding: 				40px 0;
}
#content aside.twitter a.logo {
	display: 				block;
	margin: 				0 auto 20px;
	width: 					35px;
	height: 				25px;
	background: 			#221f1f url(../image/sprite-icn.png) no-repeat 0 0;
	text-indent: 			-9999em;
	-moz-transition: 		background 150ms ease-out;
	-webkit-transition: 	background 150ms ease-out;
}
#content aside.twitter a.logo:hover {
	background-color: 		#999;
}
#content aside.twitter h4 {
	font: 					normal 20px/26px 'ProximaNovaLight', Arial, sans-serif;
	color: 					#303030;
	text-transform: 		uppercase;
	text-align: 			center;
	width: 					600px;
	margin: 				0 auto 26px;
}
#content aside.twitter h4 a {
	color: 					#303030;
	text-decoration: 		underline;
}
#content aside.twitter h5 {
	text-align: 			center;
}
#content aside.twitter h5 a {
	font: 					normal 12px/18px 'ProximaNovaSemibold', Arial, sans-serif;
	color: 					#2c2c2c;
	text-transform: 		uppercase;
	letter-spacing: 		1px;
	text-decoration: 		none;
	-moz-transition: 		color 150ms ease-out;
	-webkit-transition: 	color 150ms ease-out;
}
#content aside.twitter h5 a:hover {
	color: 					#999;
}
#content aside.twitter p {
	font: 					normal 12px/18px 'ProximaNovaLight', Arial, sans-serif;
	color: 					#2c2c2c;
	text-align: 			justify;
	letter-spacing: 		1px;
}


/* News */

#content ul.news {
	width: 					960px;
	margin: 				0 auto;
	padding: 				4px 0 36px;
	overflow: 				hidden;
}
#content ul.news li figure {
	position: 				relative;
	margin-bottom: 			26px;
}
#content ul.news li figure img { display: block; }
#content ul.news li.grid-300 figure img { width: 300px; }
#content ul.news li figure span.lbl {
	display: 				block;
	position: 				absolute;
	width: 					119px;
	height: 				119px;
	background: 			url(../image/sprite-icn.png) no-repeat left -316px;
	top: 					-4px;
	right: 					-4px;
}
#content ul.news li figure span.lbl img {
	margin: 				13px 0 0 35px;
}
#content ul.news li h3 {
	font: 					normal 18px/22px 'ProximaNovaLight', Arial, sans-serif;
	text-transform: 		uppercase;
	padding-bottom: 		10px;
	margin-bottom: 			20px;
	border-bottom: 			4px solid #000;
}
#content ul.news li p {
	color: 					#575757;
	margin-bottom: 			18px;
	padding-right: 			10px;
}
#content ul.fixedParagraph li p {
    height:                 54px;
    overflow:               hidden;
}


/* Team */

ul.team {}
ul.team li {
	position: 				relative;
	display: 				inline;
	float: 					left;
	width: 					214px;
	height: 				376px;
	margin: 				8px 13px 56px;
	z-index: 				0;
}
ul.team li.clear { width: 0; height: 0; margin: 0; display: block; float: none; }
ul.team li.hover { z-index: 2; }
ul.team li a {
	position: 				absolute;
	display: 				block;
	width: 					214px;
	left: 					0;
	top: 					0;
	text-decoration: 		none;
	background: 			#fff;
	z-index: 				1;
	-moz-transition: 		all 200ms ease-out;
	-webkit-transition: 	all 200ms ease-out;
}
ul.team li a:hover {
	padding: 				8px;
	left: 					-8px;
	top: 					-8px;
	background: 			#efefef;
}
ul.team li a figure {}
ul.team li a figure img {
	display: 				block;
	margin-bottom: 			28px;
}
ul.team li a div.text {
	height: 				64px;
	overflow: 				hidden;
	padding: 				0 6px;
}
ul.team li a div.text h3 {
	font: 					normal 13px/18px 'ProximaNovaRegular', Arial, sans-serif;
	color: 					#000;
	margin: 				0 0 12px;
	height: 				50px;
	text-transform: 		uppercase;
}
ul.team li a div.text h3 strong {
    font-size:              14px;
}
.ie7 ul.team li a div.text h3,
.ie8 ul.team li a div.text h3 { height: 70px; }
ul.team li a div.text p {
	color: 					#575757;
	margin-bottom: 			18px;
}
ul.team li a div.text img {
	display: 				block;
	margin: 				40px auto 20px;
}


/* Team Small */

ul.team-small {
	overflow: 				hidden;
	margin: 				0 auto 94px;
	padding-top: 			24px;
}
ul.team-small li {
	float: 					left;
	display: 				inline;
	width: 					142px;
	height: 				290px;
	margin: 				0 6px 0 10px;
}
ul.team-small li.first {
    clear:                  both;
}
ul.team-small li img {
	display: 				block;
	margin-bottom: 			14px;
}
ul.team-small li h4 {
	font: 					normal 12px/18px 'ProximaNovaRegular', Arial, sans-serif;
	text-transform: 		uppercase;
	margin-left: 			2px;
}
ul.team-small li p {
	color: 					#575757;
	margin: 				0 0 18px 2px;
}


/* Brands */

ul.brands {
	border-top: 			4px solid #fff;
	background: 			#000;
}
ul.brands > li {
	position: 				relative;
	overflow: 				hidden;
	border-bottom: 			4px solid #fff;
}
ul.brands > li.active {
	border-bottom-color: 	#333;
}
ul.brands > li div.default {
	position: 				relative;
	height: 				340px;
	z-index: 				1;
	cursor: 				pointer;
}
ul.brands > li.active div.default { cursor: default; }

ul.brands > li.active div.default a.inverted,
ul.brands > li div.default.hover a.inverted { background: #0c0c0c; }
ul.brands > li div.default a.inverted:hover { background: #4e4e4e; }
ul.brands > li div.default a.inverted:active { background: #2b2b2b; }
ul.brands > li div.default figure img {
	display: 				block;
	position: 				absolute;
	top: 					0;
	left: 					50%;
	margin-left: 			-960px;
}
ul.brands > li div.default figure img.color { display: none; }
ul.brands > li div.default aside {
	position: 				absolute;
	left: 					0;
	right: 					0;
	top: 					0;
	text-align: 			center;
	z-index: 				1;
}
ul.brands > li div.default aside h2 {
	height: 				200px;
}
ul.brands > li div.default aside h2 span {
	display: 				block;
	margin: 				0 auto;
	text-indent: 			-9999em;
	background: 			url(../image/sprite-icn.png) no-repeat left -494px;
}
ul.brands > li div.default aside h2.bedhead {
	padding-top: 			100px;
	height: 				100px;
}
ul.brands > li div.default aside h2.bedhead span {
	height: 				48px;
	width: 					276px;
}
ul.brands > li div.default aside h2.catwalk {
	padding-top: 			88px;
	height: 				112px;
}
ul.brands > li div.default aside h2.catwalk span {
	height: 				47px;
	width: 					232px;
	background-position: 	left -542px;
}
ul.brands > li div.default aside h2.hairreborn {
	padding-top: 			60px;
	height: 				120px;
}
ul.brands > li div.default aside h2.hairreborn span {
	height: 				77px;
	width: 					155px;
	background-position: 	left -589px;
}
ul.brands > li div.default aside h2.colour {
	padding-top: 			90px;
	height: 				110px;
}
ul.brands > li div.default aside h2.colour span {
	height: 				56px;
	width: 					300px;
	background-position: 	left -666px;
}
ul.brands > li div.default aside h3 {
	font: 					normal 20px/22px 'ProximaNovaLight', Arial, sans-serif;
	color: 					#fff;
	letter-spacing: 		1px;
	text-transform: 		uppercase;
}
ul.brands > li div.default aside h3 strong {
	font-family: 			'ProximaNovaSemibold', Arial, sans-serif;
	font-weight: 			normal;
}
ul.brands > li div.default aside hr {
	font: 					0/0 serif;
	background: 			0;
	border: 				0;
	border-top: 			1px solid #fff;
	width: 					64px;
	margin: 				16px auto 10px;
}
ul.brands > li div.default aside a.black {
	display: 				block;
	margin: 				0 auto;
	padding: 				0;
	width: 					160px;
	height: 				26px;
	border: 				0;
	line-height: 			26px;
	letter-spacing: 		1px;
}
ul.brands > li div.default span.arrow {
	display: 				block;
	position: 				absolute;
	left: 					0;
	top: 					340px;
	right: 					0;
	height: 				12px;
	background: 			url(../image/bg-arrow-brands.png) no-repeat center top;
	z-index: 				1;
}

ul.brands > li div.info {}
ul.brands > li div.info div.site {
	position: 				relative;
	overflow: 				hidden;
	padding: 				34px 0 56px;
}
ul.brands > li div.info a.close {
	display: 				block;
	position: 				absolute;
	width: 					21px;
	height: 				21px;
	top: 					32px;
	right: 					0px;
	text-indent: 			-9999em;
	background: 			url(../image/sprite-icn.png) no-repeat -233px -87px;
}

ul.brands > li div.info div.site div.col-wrapper {
	width: 					620px;
	margin: 				0 0 0 10px;
	-moz-column-count: 		2;
	-moz-column-gap: 		20px;
	-webkit-column-count: 	2;
	-webkit-column-gap: 	20px;
}
ul.brands > li div.info div.site div.col-wrapper-static {
	width: 					620px;
	margin: 				0 0 0 10px;
}
ul.brands > li div.info div.site p {
	color: 					#9f9f9f;
	margin-bottom: 			18px;
}
ul.brands > li div.info div.site div.col-wrapper-static p {
	width: 					290px;
	float: 					left;
	margin-right: 			20px;
	margin-bottom: 			0;
}
ul.brands > li div.info div.site p strong {
	color: 					#fff;
}
ul.brands > li div.info div.site a.white {
	position: 				absolute;
	right: 					0;
	top: 					90px;
}


/* Search Result */

ul.result {
	margin: 				0 10px 56px;
}
ul.result li {
	border-top: 			1px solid #f2f2f2;
	overflow: 				hidden;
}
ul.result li.empty {
	margin-bottom: 			46px;
}
ul.result li a {
	display: 				block;
	overflow: 				hidden;
	text-decoration: 		none;
	-moz-transition: 		color 150ms ease-out;
	-webkit-transition: 	color 150ms ease-out;
}
ul.result li p.title {
	padding: 				16px 0;
	float: 					left;
	color: 					#252525;
	-moz-transition: 		color 150ms ease-out;
	-webkit-transition: 	color 150ms ease-out;
}
ul.result li span.date {
	padding: 				16px 0;
	float: 					right;
	color: 					#252525;
	-moz-transition: 		color 150ms ease-out;
	-webkit-transition: 	color 150ms ease-out;
}
ul.result li a:hover,
ul.result li a:hover * { color: #575757; }


/* Pager */

ul.pager {
	text-align: 			center;
	margin: 				0 10px 56px;
}
ul.pager li {
	display: 				inline;
	padding: 				0 9px;
}
ul.pager li a {
	color: 					#575757;
	text-decoration: 		none;
}
ul.pager li a:hover {
	color: 					#000;
	text-decoration: 		underline;
}
ul.pager li a.active {
	font-weight: 			bold;
	color: 					#000;
	text-decoration: 		none;
}

ul.pager li.prev a,
ul.pager li.next a {
	display: 				inline-block;
	width: 					7px;
	height: 				18px;
	text-indent: 			-9999em;
	background: 			url(../image/sprite-icn.png) no-repeat -254px -84px;
}
ul.pager li.next a {
	background-position: 	-260px -84px;
}


/* Pager Fixed */

ul.pager-fixed {
	text-align: 			center;
	margin: 				0 auto;
}
ul.pager-fixed li {
	display: 				inline;
	padding: 				0 8px;
	font: 					normal 14px/18px 'ProximaNovaLight', Arial, sans-serif;
}
ul.pager-fixed li span { padding: 0 2px; }

ul.pager-fixed li.prev a,
ul.pager-fixed li.next a {
	display: 				inline-block;
	width: 					7px;
	height: 				18px;
	text-indent: 			-9999em;
	background: 			url(../image/sprite-icn.png) no-repeat -254px -84px;
}
ul.pager-fixed li.next a {
	background-position: 	-260px -84px;
}

.ie7 ul.pager-fixed { width: 140px; }
.ie7 ul.pager-fixed li { width: 60px; float: left; text-align: center; }
.ie7 ul.pager-fixed li.prev,
.ie7 ul.pager-fixed li.next { width: 14px; }
.ie7 ul.pager-fixed li.prev a,
.ie7 ul.pager-fixed li.next a { display: block; }

/* UL Left Line */

ul.lft-line {
	border-left: 			1px solid #c7c7c7;
}
ul.lft-line.grid-220 { width: 219px; }
ul.lft-line li {
	padding-left: 			22px;
}
.ie7 ul.lft-line li {
	padding:	 			0px;
}
ul.lft-line li h3 {
	height: 				46px;
	font: 					normal 14px/18px 'ProximaNovaSemibold', Arial, sans-serif;
	color: 					#010101;
	text-transform: 		uppercase;
	margin-top: 			-3px;
}
ul.lft-line li a {
	font: 					normal 11px/24px 'ProximaNovaRegular', Arial, sans-serif;
	color: 					#575757;
	text-decoration: 		underline;
	-moz-transition: 		all 150ms ease-out;
	-webkit-transition: 	all 150ms ease-out;
}
ul.lft-line li a:hover {
	color: 					#333;
}


/* UL > Results */

ul.search-results {
	width: 					960px;
	margin: 				0 auto;
	padding: 				30px 0 0;
	overflow: 				hidden;
}
.ie7 ul.search-results,
ul.search-results li {
	margin-bottom: 			72px;
}
ul.search-results li h3 {
	font: 					normal 20px/24px 'ProximaNovaLight', Arial, sans-serif;
	text-transform: 		uppercase;
	padding-bottom: 		20px;
	margin: 				0 10px 20px 0;
	border-bottom: 			4px solid #000;
}
ul.search-results li p {
	color: 					#575757;
	margin-bottom: 			18px;
	padding-right: 			10px;
}
ul.search-results li p.lft {
	font-family: 			'ProximaNovaRegular', Arial, sans-serif;
	width: 					180px;
	float: 					left;
}
ul.search-results li p strong {
	font-weight: 			normal;
	color: 					#010101;
}
ul.search-results li span.price {
	float: 					right;
	margin-right: 			10px;
	font: 					normal 32px/36px 'ProximaNovaThin', Arial, sans-serif;
}


/* UL > Contact */

ul.contact {
	padding: 				32px 0 112px;
	overflow: 				hidden;
}
ul.contact li h3 {
	font: 					normal 14px/24px 'ProximaNovaRegular', Arial, sans-serif;
	text-transform: 		uppercase;
	padding-bottom: 		10px;
	margin-bottom: 			20px;
	border-bottom: 			4px solid #000;
}
ul.contact li p,
ul.contact li p a {
	color: 					#575757;
}
ul.contact li p strong {
	color: 					#000;
}
ul.contact li p a {
	-moz-transition: 		color 150ms ease-out;
	-webkit-transition: 	color 150ms ease-out;
}
ul.contact li p a:hover { color: #000; }
ul.contact li p.fixed {
	height: 				72px;
}


/* Social Large */

ul.social-large {
	overflow: 				hidden;
	width: 					633px;
	margin: 				0 auto;
	padding-top: 			24px;
}
ul.social-large li {
	display: 				inline;
	float: 					left;
	width: 					143px;
	margin: 				0 34px;
}
ul.social-large li a {
	display: 				block;
	height: 				32px;
	text-indent: 			-9999em;
	background: 			#fff url(../image/sprite-icn.png) no-repeat -119px -316px;
	margin: 				0 auto;
	-moz-transition: 		background 200ms ease-out;
	-webkit-transition: 	background 200ms ease-out;
}
ul.social-large li a.youtube {
	width: 					81px;
	background-position: 	-119px -348px;
}
ul.social-large li a.facebook {
	width: 					126px;
	background-position: 	-119px -380px;
}
ul.social-large li a:hover { background-color: #999; }



/* BreadCrumb */

nav.breadcrumb {
	padding: 				24px 10px 0;
	width: 					940px;
}
nav.breadcrumb ul {
	overflow: 				hidden;
}
nav.breadcrumb ul li {
	display: 				block;
	float: 					left;
	padding-right: 			12px;
	margin-right: 			6px;
	color: 					#575757;
	background: 			url(../image/img-arrow-breadcrumb.png) no-repeat right 4px;
}
nav.breadcrumb ul li.active {
	padding-right: 			0;
	background: 			none;
}
nav.breadcrumb ul li a {
	color: 					#575757;
	-moz-transition: 		color 150ms ease-out;
	-webkit-transition: 	color 150ms ease-out;
}
nav.breadcrumb ul li a:hover {
	color: 					#111;
}


/* Form > Search Small */

form.search-small {
	margin: 				0 10px 40px;
}
form.search-small fieldset {
	width: 					180px;
	overflow: 				hidden;
	margin: 				0 0 0 auto;
}
.ie7 form.search-small fieldset { width: 190px; }
form.search-small fieldset input {
	width: 					126px;
	height: 				18px;
	float: 					left;
	background: 			#f0f0f0;
	border: 				0;
	border-left: 			1px solid #ccc;
	border-top: 			1px solid #ccc;
	padding: 				5px 10px;
	font: 					normal 10px/18px 'ProximaNovaRegular', Arial, sans-serif;
	color: 					#828181;
	text-transform: 		uppercase;
}
form.search-small fieldset button {
	display: 				block;
	float: 					left;
	width: 					33px;
	height: 				29px;
	border: 				0;
	background: 			#545454 url(../image/sprite-icn.png) no-repeat -267px -81px;
	text-indent: 			-9999em;
	cursor: 				pointer;
	-moz-transition: 		background 150ms ease-out;
	-webkit-transition: 	background 150ms ease-out;
}
form.search-small fieldset button:hover {
	background-color: 		#7a7a7a;
}
form.search-small fieldset button:active {
	background-color: 		#3f3f3f;
}


/* Form > Courses */

form.courses {
	width: 					820px;
	padding: 				34px 60px 40px;
	margin: 				0 auto;
	background: 			#212121;
}
form.courses.dark {
	background: 			#121212;
	padding: 				26px 60px 30px;
}
form.courses h2 {
	font: 					normal 18px/1em 'ProximaNovaLight', Arial, sans-serif;
	color: 					#fff;
	text-transform: 		uppercase;
	text-align: 			center;
	letter-spacing: 		0.08em;
}
form.courses p.center {
	margin: 				24px 0 0;
	text-align: 			center;
}
form.courses a.selectbrand {
	display: 				inline;
	padding-left: 			20px;
	background: 			url(../image/img-arrow-down.png) no-repeat left center;
	font: 					normal 12px/18px 'ProximaNovaRegular', Arial, sans-serif;
	color: 					#fff;
	text-decoration: 		underline;
}
form.courses a.selectbrand.active {
	background: 			url(../image/img-arrow-up.png) no-repeat left center;
}
form.courses fieldset {
	padding-top: 			34px;
}
form.courses  fieldset.options {
    padding-top:            0px;
}
form.courses fieldset input {
	width: 					266px;
	height: 				20px;
	margin-right: 			30px;
	float: 					left;
	padding: 				5px 8px;
	border: 				0;
	font: 					normal 10px/20px 'ProximaNovaRegular', Arial, sans-serif;
	color: 					#000;
	text-transform: 		uppercase;
}
form.courses fieldset input.small {
    width: 					266px;
}
form.courses fieldset input.big {
    width: 					472px;
}
.ie7 form.courses fieldset input { width: 233px; }
.ie7 form.courses fieldset input.small { width: 233px; }
.ie7 form.courses fieldset input.big { width: 440px; }
form.courses fieldset input::-webkit-input-placeholder { color: #828181; }
form.courses fieldset input:-moz-placeholder { color: #828181; }
form.courses fieldset select {
	width: 					180px;
	margin-right: 			30px;
	float: 					left;
}
form.courses fieldset.lowspace input,
form.courses fieldset.lowspace select {
	margin-right: 			26px;
}

form.courses fieldset.brands {
	display: 				none;
	width: 					465px; /*775px;*/
	overflow: 				hidden;
	margin: 				0 auto;
	padding-top: 			26px;
}
form.courses fieldset.brands input {
	position: 				absolute;
	left: 					-100px;
	top: 					-100px;
	width: 					auto;
	height: 				auto;
}
form.courses fieldset.brands div.brand {
	position: 				relative;
	overflow: 				hidden;
	width: 					154px;
	background: 			#333;
	float: 					left;
	margin: 				0 1px 0 0;
}
form.courses fieldset.brands div.brand label {
	display: 				block;
	margin: 				0 auto;
}
form.courses fieldset.brands div.brand label span {
	display: 				block;
	text-indent: 			-9999em;
}

form.courses fieldset.brands div.brand label {
	display: 				block;
	background: 			url(../image/sprite-icn.png) no-repeat;
	text-indent: 			-9999em;
	margin: 				0 auto;
	-moz-transition: 		opacity 200ms ease-out;
	-webkit-transition: 	opacity 200ms ease-out;
}
form.courses fieldset.brands div.brand label.bedhead {
	width: 					104px;
	height: 				19px;
	background-position: 	left -25px;
	margin: 				10px auto;
}
form.courses fieldset.brands div.brand label.catwalk {
	width: 					84px;
	height: 				17px;
	background-position: 	left -44px;
	margin: 				11px auto;
}
form.courses fieldset.brands div.brand label.factor {
	width: 					82px;
	height: 				23px;
	background-position: 	left -722px;
	margin: 				8px auto;
}
form.courses fieldset.brands div.brand label.colour {
	width: 					107px;
	height: 				21px;
	background-position: 	left -62px;
	margin: 				9px auto;
}
/*form.courses fieldset.brands div.brand label.colour {
	width: 					73px;
	height: 				21px;
	background-position: 	left -748px;
	margin: 				9px auto;
}*/
form.courses fieldset.brands div.brand label.hairreborn {
	width: 					53px;
	height: 				27px;
	background-position: 	left -82px;
	margin: 				6px auto;
}
form.courses .options {
	margin-left: 			206px;
}
.csstransitions form.courses fieldset.brands div.brand label { opacity: .5; }
.csstransitions form.courses fieldset.brands div.brand label:hover { opacity: .7; }
.csstransitions form.courses fieldset.brands div.brand label.active { opacity: 1; }

.no-csstransitions form.courses fieldset.brands div.brand label.bedhead:hover,
.no-csstransitions form.courses fieldset.brands div.brand label.bedhead.active { background-position: -105px -25px; }
.no-csstransitions form.courses fieldset.brands div.brand label.catwalk:hover,
.no-csstransitions form.courses fieldset.brands div.brand label.catwalk.active { background-position: -85px -44px; }
.no-csstransitions form.courses fieldset.brands div.brand label.colour:hover,
.no-csstransitions form.courses fieldset.brands div.brand label.colour.active { background-position: -109px -62px; }
.no-csstransitions form.courses fieldset.brands div.brand label.hairreborn:hover,
.no-csstransitions form.courses fieldset.brands div.brand label.hairreborn.active { background-position: -55px -82px; }

form.courses fieldset button {
	display: 				block;
	float: 					right;
	border: 				0;
	background: 			#545454;
	padding: 				4px 20px 5px;
	height: 				29px;
	font: 					normal 14px/20px 'ProximaNovaLight', Arial, sans-serif;
	color: 					#fff;
	text-transform: 		uppercase;
	text-align: 			center;
	cursor: 				pointer;
	-moz-transition: 		all 150ms ease-out;
	-webkit-transition: 	all 150ms ease-out;
}
form.courses fieldset button:hover {
	background: 			#7a7a7a;
}
form.courses fieldset button:active {
	background: 			#3f3f3f;
}

div.custom-select {
	position: 				relative;
}
div.custom-select a {
	position: 				relative;
	display: 				block;
	height: 				29px;
	background: 			#fff;
	padding: 				0 40px 0 14px;
	font: 					normal 10px/29px 'ProximaNovaRegular', Arial, sans-serif;
	color: 					#828181;
	text-transform: 		uppercase;
	text-decoration: 		none;
	overflow: 				hidden;
}
div.custom-select a span.arrow {
	position: 				absolute;
	display: 				block;
	width: 					33px;
	height: 				29px;
	right: 					0;
	top: 					0;
	background: 			#545454;
}
div.custom-select a span.arrow strong {
	position: 				absolute;
	display: 				block;
	left: 					50%;
	top: 					50%;
	margin: 				-3px 0 0 -6px;
	width: 					0;
	height: 				0;
	border-left: 			6px solid transparent;
	border-right: 			6px solid transparent;
	border-top: 			6px solid #fff;
	text-indent: 			-9999em;
}
div.custom-select a span.selected {
	color:					#000;
}
div.custom-select ul {
	position: 				absolute;
	overflow: 				hidden;
	overflow-y: 			auto;
	left: 					0;
	right: 					0;
	top: 					29px;
	background: 			#fff;
	cursor: 				default;
	z-index: 				5;
	box-shadow: 			0 5px 5px rgba(0,0,0,.4);
	-moz-box-shadow: 		0 5px 5px rgba(0,0,0,.4);
	-webkit-box-shadow: 	0 5px 5px rgba(0,0,0,.4);
}
div.custom-select ul.top {
	box-shadow: 			0 -5px 5px rgba(0,0,0,.4);
	-moz-box-shadow: 		0 -5px 5px rgba(0,0,0,.4);
	-webkit-box-shadow: 	0 -5px 5px rgba(0,0,0,.4);
}
.no-boxshadow div.custom-select ul {
	border: 				1px solid #ccc;
	border-top: 			0;
}
.no-boxshadow div.custom-select ul.top {
	border: 				1px solid #ccc;
	border-bottom: 			0;
}
div.custom-select ul li {
	padding: 				0 14px;
	line-height: 			24px;
}
div.custom-select ul li.hover {
	background: 			#d9d9d9;
}


/* Form > Register */

form.register {
	position: 				relative;
	padding: 				1px 0 0;
	width: 					856px;
	margin: 				0 auto;
}
.ie7 form.register { overflow: hidden; }
form.register span.arrow-top {
	position: 				absolute;
	display: 				block;
	font: 					0/0 serif;
	height: 				0;
	width: 					0;
	top: 					0;
	left: 					50%;
	margin-left: 			-16px;
	border-left: 			16px solid transparent;
	border-right: 			16px solid transparent;
	border-top: 			16px solid #fff;
}

form.register p.center {
	text-align: 			center;
	color: 					#848484;
}
form.register p.center strong {
	display: 				block;
	font-weight: 			normal;
	color: 					#fff;
}

form.register p.question {
	padding: 				56px 0 32px;
	font: 					normal 12px/24px 'ProximaNovaLight', Arial, sans-serif;
	color: 					#848484;
	text-align: 			center;
}
form.register p.question.invert { padding: 32px 0 56px; }
form.register p.question strong {
	font-size: 				18px;
	font-weight: 			normal;
	color: 					#fff;
	display: 				block;
}
form.register p.question strong a {
	color: 					#fff;
}
form.register p.question strong span {
	font-size: 				14px;
}

form.register fieldset {
	margin-bottom: 			24px;
}
form.register fieldset.date {
	width: 					340px;
	margin: 				0 auto 46px;
	padding-left: 			40px;
}
.ie7 form.register fieldset.date { padding-bottom: 46px; margin: 0 0 0 240px; }
form.register fieldset.date select {
	width: 					300px;
	float: 					left;
}

form.register fieldset.col {
	width: 					390px;
	float: 					left;
}
form.register fieldset.spacing { margin-bottom: 46px; }
form.register fieldset.col.full {
	float: 					none;
	width: 					auto;
	clear: 					both;
}
form.register fieldset.col.lft {
	padding-left: 			38px;
	width: 					389px;
	border-right: 			1px solid #262626;
}
form.register fieldset.col.rgt {
	width: 					360px;
	padding-left: 			68px;
}

form.register fieldset.col h3 {
	font: 					normal 14px/18px 'ProximaNovaSemibold';
	color: 					#fff;
	text-transform: 		uppercase;
	margin-bottom: 			32px;
}
form.register fieldset.col.full h3 { padding-left: 38px; }
form.register fieldset.col.full div h3 { padding-left: 0; }

form.register fieldset.col label {
	display: 				block;
	float: 					left;
	clear: 					both;
	width: 					80px;
	line-height: 			24px;
	color: 					#bfbfbf;
	margin: 				0 0 24px;
}
form.register fieldset.col label.inline { clear: none; padding-left: 20px; }
form.register fieldset.col input { line-height: 23px; }
form.register fieldset.col input,
form.register fieldset.col textarea {
	float: 					left;
	width: 					223px;
	height: 				23px;
	padding: 				0 8px;
	margin: 				0 0 24px;
	border: 				0;
	border-top: 			1px solid #d9d9d9;
	border-left: 			1px solid #d9d9d9;
}
form.register fieldset.col input.s {
	width: 					53px;
}
form.register fieldset.col textarea {
	font: 					normal 11px/18px Arial, Verdana, sans-serif;
	width: 					304px;
	height: 				65px;
	padding: 				6px 8px;
	resize: 				none;
}
form.register fieldset.col select {
	float: 					left;
	width: 					240px;
}
form.register fieldset.col select.full {
	width: 					320px;
	margin-bottom: 			24px;
}
form.register fieldset.col label.last,
form.register fieldset.col input.last,
form.register fieldset.col select.last { margin-bottom: 0; }
form.register fieldset.col div.custom-select a {
	height: 				24px;
	line-height: 			24px;
	padding: 				0 30px 0 10px;
}
form.register fieldset.col div.custom-select a span.arrow {
	width: 					24px;
	height: 				24px;
}
form.register fieldset.col div.custom-select a span.arrow strong {
	margin-top: 			-2px;
}
form.register fieldset.col div.custom-select ul {
	top: 					24px;
}
form.register fieldset.col div.custom-select ul li {
	line-height: 			24px;
}

form.register fieldset.col div.autocomplete-wrapper {
	position: 				relative;
	float: 					left;
}
form.register fieldset.col div.autocomplete-wrapper ul {
	position: 				absolute;
	left: 					0;
	right: 					0;
	top: 					24px;
	background: 			#fff;
	z-index: 				5;
	box-shadow: 			0 5px 5px rgba(0,0,0,.4);
	-moz-box-shadow: 		0 5px 5px rgba(0,0,0,.4);
	-webkit-box-shadow: 	0 5px 5px rgba(0,0,0,.4);
}
.no-boxshadow form.register fieldset.col div.autocomplete-wrapper ul {
	border: 				1px solid #ccc;
	border-top: 			0;
}
form.register fieldset.col div.autocomplete-wrapper ul li {
	line-height: 			24px;
	padding: 				0 14px;
}
form.register fieldset.col div.autocomplete-wrapper ul li.active {
	background: 			#d9d9d9;
}

form.register fieldset.options {
	clear: 					both;
	width: 					620px;
	margin: 				0 auto 46px;
}
form.courses ul.options {
	margin-top: 			5px;
}
form.courses ul.offset {
	margin-left: 			412px;
}
form.courses ul.options li {
	float: 					left;
}
form.courses ul.options li label {
	width: 					auto;
	margin-right: 			20px;
}
ul.options a.custom-radio,
fieldset.options a.custom-radio {
	display: 				block;
	float: 					left;
	clear: 					both;
	cursor: 				pointer;
	width: 					9px;
	height: 				9px;
	margin: 				6px 12px 0 0;
	/*
	background: 			#545454;
	border-left: 			1px solid #474747;
	border-top: 			1px solid #474747;
	*/
	background: 			url('../image/sprite-bullet.png') left bottom;
	text-indent: 			-9999em;
	/*
	-moz-transition: 		all 150ms ease-out;
	-webkit-transition: 	all 150ms ease-out;
	*/
}

ul.options a.custom-radio.active,
fieldset.options a.custom-radio.active {
	background-position: 	left top;
	/*
	background: 			#fff;
	border-color: 			#d9d9d9;
	*/
}

ul.options label,
fieldset.options label {
	overflow: 				hidden;
	float: 					left;
	line-height: 			22px;
	color: 					#fff;
	width: 					400px;
	cursor: 				pointer;
}
ul.options label a,
fieldset.options label a {
	color: 					#a3a3a3;
	text-decoration: 		none;
}

form.register fieldset.other {
	margin: 				0;
}
form.register fieldset.other div.col-lft {
	width: 					390px;
	float: 					left;
	margin: 				0 0 46px;
	padding-left: 			38px;
}
form.register fieldset.other div.col-rgt {
	width: 					358px;
	padding-left: 			70px;
	float: 					left;
	margin: 				0 0 46px;
}
form.register fieldset.other div.no-spacing { margin-bottom: 0; }

form.register fieldset.submit {
	text-align: 			center;
}
form.register fieldset.submit button {
	display: 				inline-block;
	margin: 				0 auto;
	border: 				0;
	background: 			#545454;
	padding: 				4px 20px 5px;
	height: 				29px;
	font: 					normal 14px/20px 'ProximaNovaLight', Arial, sans-serif;
	color: 					#fff;
	text-transform: 		uppercase;
	text-align: 			center;
	cursor: 				pointer;
	-moz-transition: 		all 150ms ease-out;
	-webkit-transition: 	all 150ms ease-out;
}
form.register fieldset.submit button:hover {
	background: 			#7a7a7a;
}
form.register fieldset.submit button:hover:active {
	background: 			#3f3f3f;
}

.boxshadow form.register fieldset .validation-failed,
.boxshadow form.register fieldset .input-validation-error {
	box-shadow: 			0 0 0 5px #545454;
	-moz-box-shadow: 		0 0 0 5px #545454;
	-webkit-box-shadow: 	0 0 0 5px #545454;
}
.no-boxshadow form.register fieldset .validation-failed,
.no-boxshadow form.register fieldset .input-validation-error {
	outline: 				5px solid #545454;
}
form.register fieldset span.error,
form.register fieldset span.field-validation-error {
	display: 				inline;
	float: 					left;
	margin-left: 			14px;
	width: 					24px;
	height: 				24px;
	text-indent: 			-9999em;
	background: 			url(../image/sprite-icn.png) no-repeat -209px -85px;
}


/* DL Picture */

dl.picture {
	overflow: 				hidden;
	margin: 				0 auto 0;
	padding-top: 			110px;
}
dl#education-videos { margin-bottom: 60px; }
dl.picture dt {
	clear: 					both;
	margin-bottom: 			0;
}
dl.picture dt img {
	display: 				block;
}
dl.picture dd {
	width: 					560px;
	float: 					left;
	overflow: 				hidden;
	margin: 				0 0 0 70px;
}
dl.picture dd h2 {
	font: 					normal 18px/1.2em 'ProximaNovaLight', Arial, sans-serif;
	color: 					#fff;
	text-transform: 		uppercase;
}
dl.picture dd h2 strong {
    font-weight:            normal;
    font-family:            'ProximaNovaSemibold', Arial, Sans-Serif;
}
dl.picture dd p {
	color: 					#fff;
	margin: 				0 0 18px;
}
dl.picture dd a.white:hover {
	background: 			#4e4e4e;
	border-color: 			#4e4e4e;
	color: 					#fff;
}
dl.picture dd hr {
	font: 					0/0 serif;
	background: 			0;
	border: 				0;
	border-top: 			4px solid #fff;
	width: 					250px;
	margin: 				19px auto 19px 0;
}


/* VideoPlayer */

#videoplayer-wrapper {
	position: 				relative;
	width: 					1024px;
	margin: 				0 auto;
}

#videoplayer-wrapper .controls {
	position: 				absolute;
	overflow: 				hidden;
	width: 					832px;
	height: 				34px;
	background: 			#000;
	left: 					96px;
	bottom: 				34px;
	z-index: 				6;
}
#videoplayer-wrapper .controls nav {
	float: 					left;
	overflow: 				hidden;
	padding-left: 			10px;
}
#videoplayer-wrapper .controls nav a {
	display: 				block;
	float: 					left;
	width: 					34px;
	height: 				34px;
	background: 			url(../image/sprite-video.png) no-repeat;
	text-indent: 			-9999em;
}
#videoplayer-wrapper .controls nav a.play { display: block; background-position: left top; }
#videoplayer-wrapper .controls nav a.pause { display: block; background-position: -34px top; }
#videoplayer-wrapper .controls nav a.play-active,
#videoplayer-wrapper .controls nav a.pause-active { display: none; }

#videoplayer-wrapper .controls nav a.fullscreen { background-position: -68px top; }
.no-video #videoplayer-wrapper .controls nav a.fullscreen { display: none; }

#videoplayer-wrapper .controls div.progressbar {
	float: 					left;
	width: 					684px;
	padding: 				3px 8px;
	margin: 				11px 0;
}
#videoplayer-wrapper .controls div.progressbar .progress,
#videoplayer-wrapper .controls div.progressbar .progress span {
	display: 				block;
	position: 				relative;
	height: 				1px;
	font: 					0/0 serif;
	overflow: 				hidden;
	background: 			#545454;
	cursor: 				pointer;
}
#videoplayer-wrapper .controls div.progressbar .progress {
	margin: 				2px 0;
}
#videoplayer-wrapper .controls div.progressbar .progress span {
	background: 			#fff;
	width: 					1px;
	height: 				100%;
}

#videoplayer-wrapper .controls div.volume {
	overflow: 				hidden;
	float: 					left;
	padding: 				10px 0;
	margin-left: 			10px;
	cursor: 				pointer;
}
#videoplayer-wrapper .controls div.volume span {
	display: 				block;
	float: 					left;
	height: 				14px;
	width: 					2px;
	font: 					0/0 serif;
	border-left: 			1px solid #545454;
}
#videoplayer-wrapper .controls div.volume span.active { border-left-color: #fff; }
#videoplayer-wrapper .controls div.volume span.last { width: 0; }

#videoplayer-wrapper a.close {
	display: 				block;
	position: 				absolute;
	width: 					21px;
	height: 				21px;
	top: 					32px;
	right: 					32px;
	text-indent: 			-9999em;
	background: 			url(../image/sprite-icn.png) no-repeat -233px -87px;
}

#videoplayer-wrapper,
#videoplayer-wrapper #videoplayer,
#videoplayer-wrapper #videoplayer #player {
	height: 				100%;
}

#videoplayer-wrapper .no-flash {
	padding: 				160px 0 0;
	font: 					normal 18px/1.5em 'ProximaNovaLight', Arial, sans-serif;
	color: 					#fff;
	text-transform: 		uppercase;
	text-align: 			center;
}

.fullscreen-wrapper {
	display:				none;
	position:				fixed;
	left:					0;
	top:					0;
	width:					100%;
	height:					100%;
	z-index:				9;
	background:				#000;
}
.fullscreen-wrapper #videoplayer-wrapper,
.fullscreen-wrapper #videoplayer-wrapper #videoplayer,
.fullscreen-wrapper #videoplayer-wrapper #videoplayer video {
	width:					100%;
	height:					100%;
}
.fullscreen-wrapper #videoplayer-wrapper .controls {
	left: 					50%;
	bottom: 				46px;
	margin-left: 			-416px;
}


/* Google Maps Info */

.map-info {
	width: 					180px;
	padding: 				20px;
	background: 			#fff;
	box-shadow: 			0 0 15px rgba(0, 0, 0, .2);
}
.no-boxshadow .map-info {
	outline: 				1px solid #ccc;
}

.map-info p {
	font: 					normal 11px/18px Arial, Verdana, sans-serif;
	color: 					#575757;
	margin-bottom: 			10px;
}
.map-info p.dark {
	font-family: 			'ProximaNovaRegular', Arial, sans-serif;
	color: 					#000;
	margin-bottom: 			0;
}

.map-info p a {
	color: 					#575757;
}
.map-info p.dark a {
	color: 					#000;
	text-decoration: 		none;
}


/* Footer */

footer {
	position: 				absolute;
	background: 			#000;
	bottom: 				0;
	left: 					0;
	right: 					0;
	height: 				32px;
	overflow: 				hidden;
}
footer ul.center {
	text-align: 			left;
    vertical-align:top;
    
}

footer ul.center li {
	display: 				inline;
	padding: 				0 8px 10px;
}
footer ul.center li a {
	font: 					normal 10px/32px 'ProximaNovaRegular', Arial, sans-serif;
	color: 					#848484;
	text-transform: 		uppercase;
	text-decoration: 		none;
	-moz-transition: 		color 150ms ease-out;
	-webkit-transition: 	color 150ms ease-out;
}
footer ul.center li a:hover {
	color: 					#fff;
}
footer ul.social {
	position: 				absolute;
	top: 					0;
	left: 					50%;
	margin: 				8px 0 0 394px;
	width: 					101px;
}
footer ul.social li {
	float: 					left;
	height: 				17px;
	padding-right: 			13px;
}
footer ul.social li a {
	display: 				block;
	float: 					left;
	width: 					17px;
	height: 				17px;
	background: 			#fff url(../image/sprite-icn.png) no-repeat -81px top;
	text-indent: 			-9999em;
	-moz-transition: 		background 150ms ease-out;
	-webkit-transition: 	background 150ms ease-out;
}
footer ul.social li a.fb { background-position: -63px top; }
footer ul.social li a.yt {
	width: 					28px;
	background-position: 	-35px top;
}
footer ul.social li a:hover {
	background-color: 		#999;
}

/*Language selector*/
#language-popup {
	display: 				none;
	height: 				0px;
	width: 					100%;
	font:		 			normal 11px/30px "ProximaNovaRegular", Arial, sans-serif;
	padding-left: 			10px;
	color: 					#a5aaaa;
	background: #242424; /* Old browsers */
	background: -moz-linear-gradient(top,  #242424 0%, #2e2e2e 21%, #2f2f2f 28%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#242424), color-stop(21%,#2e2e2e), color-stop(28%,#2f2f2f), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #242424 0%,#2e2e2e 21%,#2f2f2f 28%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #242424 0%,#2e2e2e 21%,#2f2f2f 28%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #242424 0%,#2e2e2e 21%,#2f2f2f 28%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(top,  #242424 0%,#2e2e2e 21%,#2f2f2f 28%,#2f2f2f 100%); /* W3C */
}
#language-popup p {
	text-transform: 		uppercase;
	display: 				inline;
	line-height: 			33px;
}
#language-popup .wrapper {
	position: 				relative;
	top: 					-30px;
}
#language-popup .wrapper a {
	color: 					#fff;
}
#language-popup .wrapper .open-selector {
	margin-left: 			40px;
	text-transform: 		none;
	display: 				none;
}
#language-popup .wrapper .open-selector.open {
	display: 				inline;
}
#language-popup .language-selector {
	display: 				none;
	position: 				relative;
	top: 					-3px;
	margin-left: 			40px;
}
#language-popup .language-selector.open {
	display: 				inline-block;
}
.ie7 #language-popup .language-selector.open {
	display: 				inline;
	zoom: 					1;
}
#language-popup .language-selector > ul {
	position: 				absolute;
	top: 					0;
	left: 					0;
	width: 					190px;
	height: 				30px;
	background: 			#545454;
}
#language-popup .language-selector > ul:hover li {
	display: 				block;
}
#language-popup .language-selector > ul .label {
	display: 				block;
	background: 			#c1c1c1;
	width: 					140px;
	height: 				30px;
	padding-left: 			15px;
	color: 					#2f2f2f;
	font-style: 			italic;
	cursor: 				pointer;
}
#language-popup .language-selector > ul .label sup {
	position: 				absolute;
	display: 				block;
	right: 					12px;
	top: 					12px;
	width: 					0;
	height: 				0;
	border-left: 			6px solid transparent;
	border-right: 			6px solid transparent;
	border-top: 			6px solid #fff;
}
#language-popup .language-selector > a {
	margin-left: 			190px;
	height: 				30px;
	display: 				block;
	background: 			#0c0c0c;
	font: 					normal 11px/28px ProximaNovaSemibold, Arial, sans-serif;
	text-align: 			center;
	padding: 				0 17px;
	text-decoration: 		none;
	-moz-transition: 		all 150ms ease-out;
	-webkit-transition: 	all 150ms ease-out;
	border-right: 			1px solid #0c0c0c;
}
#language-popup .language-selector > a:hover {
	background: 			#242424;
}
#language-popup .language-selector > ul li {
	display: 				none;
}
#language-popup .language-selector > ul li a {
	background: 			#242424;
	display: 				block;
	padding-left: 			15px;
	text-decoration: 		none;
	color: 					#848484;
	text-transform:			uppercase;
	-moz-transition: 		all 150ms ease-out;
	-webkit-transition: 	all 150ms ease-out;
}
#language-popup .language-selector > ul li a.active {
	color: 					#fff;
}
#language-popup .language-selector > ul li a:hover {
	color: 					#fff;
	background: 			#2f2f2f;
}
/*End Language selector*/