/* ------------------------------------------------------------------------
	Stylesheets import
------------------------------------------------------------------------- */

	@import url('menu.css');
	@import url('titles.css');

/* ------------------------------------------------------------------------
	Font-face declaration
------------------------------------------------------------------------- */

	@font-face {
		/* This declaration targets everything else */
		font-family: 'DINLight';
		src: url('../fonts/dinlig-webfont.eot#') format('eot'), 
		     url('../fonts/dinlig-webfont.woff') format('woff'), 
		     url('../fonts/dinlig-webfont.ttf')  format('truetype'),
		     url('../fonts/dinlig-webfont.svg#webfontJG4f0uK6') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		/* This declaration targets everything else */
		font-family: 'DINLight';
		src: url('../fonts/dinbol-webfont.eot#') format('eot'), 
		     url('../fonts/dinbol-webfont.woff') format('woff'), 
		     url('../fonts/dinbol-webfont.ttf')  format('truetype'),
		     url('../fonts/dinbol-webfont.svg#webfontJG4f0uK6') format('svg');
		font-weight: bold;
		font-style: normal;
	}
	
	@font-face {
		/* This declaration targets everything else */
		font-family: 'AdobeCaslonProRegular';
		src: url('../fonts/acaslonpro-regular-webfont.eot#') format('eot'), 
		     url('../fonts/acaslonpro-regular-webfont.woff') format('woff'), 
		     url('../fonts/acaslonpro-regular-webfont.ttf')  format('truetype'),
		     url('../fonts/acaslonpro-regular-webfont.svg#webfontpMgiytnp') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		/* This declaration targets everything else */
		font-family: 'GaramondURW';
		src: url('../fonts/garamondurw-reg-webfont.eot#') format('eot'), 
		     url('../fonts/garamondurw-reg-webfont.woff') format('woff'), 
		     url('../fonts/garamondurw-reg-webfont.ttf')  format('truetype'),
		     url('../fonts/garamondurw-reg-webfont.svg#webfontpMgiytnp') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		/* This declaration targets everything else */
		font-family: 'GaramondURW';
		src: url('../fonts/garamondurw-bol-webfont.eot#') format('eot'), 
		     url('../fonts/garamondurw-bol-webfont.woff') format('woff'), 
		     url('../fonts/garamondurw-bol-webfont.ttf')  format('truetype'),
		     url('../fonts/garamondurw-bol-webfont.svg#webfontpMgiytnp') format('svg');
		font-weight: bold;
		font-style: normal;
	}
	
	@font-face {
		/* This declaration targets everything else */
		font-family: 'GaramondURW';
		src: url('../fonts/garamondurw-bolobl-webfont.eot#') format('eot'), 
		     url('../fonts/garamondurw-bolobl-webfont.woff') format('woff'), 
		     url('../fonts/garamondurw-bolobl-webfont.ttf')  format('truetype'),
		     url('../fonts/garamondurw-bolobl-webfont.svg#webfontpMgiytnp') format('svg');
		font-weight: bold;
		font-style: italic;
	}
	
	@font-face {
		/* This declaration targets everything else */
		font-family: 'GaramondURW';
		src: url('../fonts/garamondurw-regita-webfont.eot#') format('eot'), 
		     url('../fonts/garamondurw-regita-webfont.woff') format('woff'), 
		     url('../fonts/garamondurw-regita-webfont.ttf')  format('truetype'),
		     url('../fonts/garamondurw-regita-webfont.svg#webfontpMgiytnp') format('svg');
		font-weight: normal;
		font-style: italic;
	}
	
	


/* ------------------------------------------------------------------------
	Global Redefinition
------------------------------------------------------------------------- */

	html, body, p, article, section, header, footer, menu, aside, video, ul, img {
		display: block;
		margin: 0;
		padding: 0;
		border: 0;
	}

	body {
		font: 62.5%/1.5 'GaramondURW', 'Times New Roman', Serif;		
		overflow-y: scroll;
	}
	
	address {
		font-style: normal;
	}
	
	h2 {
		line-height: 1.2;
	}
	
	a {
		color: #84764a;

		text-decoration: none;
	}
	a:hover { text-decoration: underline; }
	
	a:focus { outline: none; }
	
	.noMargin { margin: 0 !important; }
	.noMarginRight { margin-right: 0 !important; }
	
	.cboth { clear: both; }
	

/* ------------------------------------------------------------------------
	Shell
------------------------------------------------------------------------- */

	#page {
		margin: 0 auto;
		padding: 0 20px;
		position: relative;
		width: 1005px;
		z-index: 100;
	}

	.background {
		left: 0;
		overflow: hidden;
		position: fixed;
		top: 0;
		z-index: 0;
	}
	
	.background.linked:hover { cursor: pointer; }
	
		.background img {
			left: 0;
			position: absolute;
			top: 0;
		}
	
	#page > header {
		background: #fff;
		display: inline-block;
		height: 58px;
		width: 100%;
	}
	
	#main-footer {
		background: rgba(0,0,0,0.9);
		color: #fff;
		font-size: 1.1em;
		padding: 15px 0 0 0;
		width: 1005px;
	}
	
	.fixed-footer #main-footer {
		bottom: 0;
		position: fixed;
		left: 50%;
		margin-left: -502px;
	}
	
	.content #main-footer {
		clear: both;
		float: left;
	}
	
	* html .fixed-footer #main-footer {position:absolute;}


/* ------------------------------------------------------------------------
	Header
------------------------------------------------------------------------- */

	header h1 {
		float: left;
		font-size: 1em;
		font-weight: normal;
	}
	
	header h1 { margin: 18px 17px 0 20px; }
	
		header h1 a {
			background: url(../images/all/backgrounds/sprite.gif) 0 0 no-repeat;
			display: block;
			height: 23px;
			text-indent: -10000px;
			width: 87px;
		}
	
	#page > header menu {
		float: right;
		font-size: 1.4em;
		list-style: none;
		margin: 17px 17px 0 0;
	}
	
		#page > header menu li {
			border-bottom: 1px #7f7f7f solid;
			display: block;
			float: left;
			margin: 0 10px 0 0;
		}
		
		#page > header menu a {
			color: #000;
			display: block;
			width: 108px;
		}
		#page > header menu a:hover { text-decoration: none; }
		
		#page > header menu li:hover {
			height: 22px;
		}
		
		#page > header menu li.selected {
			border-bottom-color: #000;
			border-bottom-width: 2px;
		}
		
		#page > header menu li.selected:hover { margin-top: 0; }
	
	header nav {
		float: right;
		margin-top: 9px;
	}
	
		header nav ul {
			list-style: none;
			margin: 12px 20px 0 0;
		}
	
		header nav li {
			float: left;
			margin: 0 0 0 5px;
		}
		
		header nav a {
			background-image: url(../images/all/backgrounds/social.png);
			display: block;
			height: 18px;
			text-indent: -10000px;
			width: 18px;
		}


/* ------------------------------------------------------------------------
	Footer
------------------------------------------------------------------------- */

	#main-footer nav {
		float: left;
		margin: 5px 15px 10px 15px;
	}
	
		#main-footer nav li {
			border-top: 1px #fff solid;
			display: block;
			float: left;
			margin: 0 10px 0 0;
			width: 173px;
		}
		
		#main-footer nav a {
			background: url(../images/all/backgrounds/sprite.gif) 156px -70px no-repeat;
			color: #fff;
			display: block;
			font-size: 1.3em;
			line-height: 25px;
			width: 173px;
		}
		#main-footer nav a:hover {
			line-height: 24px;
			text-decoration: none;
		}
		
		#main-footer.open nav a {
			background: url(../images/all/backgrounds/sprite.gif) 156px -107px no-repeat;
		}
		
		#main-footer nav li:hover {
			position: relative;
			top: 1px;
		}
		
		#main-footer nav li:hover a { background-position: 156px -71px; }
		#main-footer.open nav li:hover a { background-position: 156px -108px; }
	
	#main-footer address {
		float: right;
		font-weight: bold;
		line-height: 1.2;
	}
	
	#main-footer p {
		color: #fff;
		float: right;
		margin: 0;
	}
	
	#main-footer a {
		color: #e2d096;
	}
	
	#main-footer a:hover { text-decoration: underline; }
	
	#main-footer .copy {
		font-weight: bold;
		margin: 12px 10px 0 0;
	}
	
	#main-footer .content {
		background: none;
		height: 0;
		overflow: hidden;
		line-height: 1.3;
		margin: 0;
		padding: 0 0 0 18px;
		position: relative;
	}

		#main-footer .content section {
			margin-bottom: 9px;
			border-top: 1px #fff solid;
			float: left;
			margin: 0 10px 0 0;
			padding: 9px 10px 0 10px;
			width: 153px;
		}
		
		#main-footer article {
			float: left;
			font-size: 1.1em;
			margin-bottom: 9px;
		}
		
		#main-footer article p {
			float: none !important;
		}
		
		#main-footer article.thumbnail {
			min-height: 52px;
			padding: 0 0 0 65px;
			position: relative;
		}
		
		#main-footer article.thumbnail .thumbnail {
			left: 0;
			position: absolute;
			top: 0;
		}
		
		#main-footer .rake article {
			margin-bottom: 19px;
		}
		
		#main-footer .social article,
		a.twitter,
		a.facebook,
		a.photo {
			background: url(../images/all/backgrounds/social.png) 0 2px no-repeat;
			padding: 0 0 0 30px;
		}
		
			#main-footer article img {
				display: block;
				float: left;
				margin: 0 10px 5px 0;
			}
		
		#main-footer .social article span {
			display: inline-block;
			width: 140px;
			word-wrap: break-word; 
		}
			
		#main-footer .content .photo {
			border: 0;
			padding: 0;
			margin: 0 0 0 13px;
			width: 400px;
		}
		
		#main-footer .content .photo div {
			position: relative;
		}
		
		#main-footer .content .photo div > p.credits {
			position: absolute;
			bottom: 0;
			right: 0;
			
			background: rgba(0,0,0,0.6);

			color: #fff;
			display: block;
			padding: 8px 17px;
			text-decoration: none;
		}
		
		
		#main-footer .content .photo-caption {
			float: left;
			margin-top: 15px;
		}
		
		#main-footer .content .photo h1 {
			font-size: 2em;
			margin-bottom: 15px;
			width: 100%;
		}
		
	#main-footer a.language_toggle {
		border: 1px #fff solid;
		color: #fff;
		font-size: 1.2em;
		font-style: italic;
		margin: 0 13px;
		padding: 3px 10px 4px 10px;
		position: relative;
		top: -8px;
	}
	#main-footer a.language_toggle:hover{ border-color: #E2D096; text-decoration: none; }
	
	#main-footer #montreal_ad {
		border-left: 1px #fff solid;
		display: none;
		float: left;
		padding: 0 0 0 13px;
		position: relative;
		top: -2px;
	}


/* ------------------------------------------------------------------------
	Homepage + Contact
------------------------------------------------------------------------- */

	.fixed-footer #page > .content {
		float: right;
		margin: 45px 55px 0 0;
		padding-bottom: 80px;
		width: 520px;
	}
		
		.fixed-footer #page > .content div {
			font-size: 1.3em;
		}
		
		.fixed-footer #page > .content article {
			background: rgba(255,255,255,0.9);
			float: left;
			min-height: 120px;
			padding: 17px 40px 25px 35px;
			width: 445px;
		}
		body#fr.fixed-footer #page > .content article { min-height: 135px; }
		
		.contact #page > .content article {
			margin: 0 0 10px 0;
		}
		
		.fixed-footer #page > .content .nav {
			background: rgba(0,0,0,0.6);
			display: none;
			float: left;
			padding: 13px;
		}
		
		.fixed-footer #page > .content .nav img { display: block; }
		
		.fixed-footer #page > .content li {
			float: left;
			height: 74px;
			list-style: none;
			margin: 0 10px 0 0;
			width: 74px;
		}
		
		.fixed-footer #page > .content li.last { margin-right: 0; }

		.fixed-footer #page > .content .nav li.selected a,
		.fixed-footer #page > .content .nav li a:hover {
			border: 3px #fff solid;
			cursor: pointer;
			display: block;
			height: 68px;
			overflow: hidden;
			width: 68px;
		}

		.fixed-footer #page > .content .nav li.selected img,
		.fixed-footer #page > .content .nav li a:hover img { position: relative; left: -3px; top: -3px; }
		
		.fixed-footer #page > .content > p {
			background: rgba(0,0,0,0.6);
			float: right;
		}
		
			.fixed-footer #page > .content > p a {
				color: #fff;
				display: block;
				font-size: 1.2em;
				padding: 8px 17px;
				text-decoration: none;
			}


/* ------------------------------------------------------------------------
	Contact page
------------------------------------------------------------------------- */

	.contact #page > .content p,
	.contact #page > .content address {
		font-size: 1.3em;
		margin: 0 0 10px 0;
	}
	
	.contact #page > .content aside {
		float: left;
		margin: 0 25px 0 0;
		width: 210px;
	}
	

/* ------------------------------------------------------------------------
	Inside content page
------------------------------------------------------------------------- */

	section.content h1 {
		font-family: 'GaramondURW';
		font-size: 2.4em;
		font-weight: normal;
		margin: 0 0 18px 0;
	}
	
	section.content > h1 { margin: 25px 0 0 20px; }
	
	section.content p.narrow {
		width: 610px;
	}

	.content #page > .content {
		background: #fff;
		float: left;
		margin: 10px 0 0 0;
		padding-bottom: 0;
		width: 1005px;
	}
	
	.content #page > .content article {
		padding: 25px 0 0 20px;
		width: auto;
	}
	
	.content #page > .content .leftCol {
		float: left;
		margin: 0 13px 0 0;
		width: 596px;
	}
	
	.content #page > .content .rightCol {
		float: left;
		width: 353px;
	}
	
	.content #page > .content aside img {
		float: left;
		margin: 13px 13px 0 0;
	}
	
	.content #page > .content .rightCol img {
		margin-top: 0;
		margin-bottom: 13px;
	}
	
	.content #page > .content article .atom-body {
		padding: 0 15px !important;
	}
	
	.content #page > .content article.no-image .atom-body { padding: 0 !important; }
	
	#content-footer,
	.content #page > .content .dark {
		background: #f3f1e9 url(../images/all/backgrounds/content_footer_pattern.gif) top left repeat-x;
		clear: both;
		float: left;
		margin: 40px 0 0 0;
		padding-bottom: 35px;
		width: 100%;
	}
	
	#content-footer p.excerpt {
		color: #333333;
		font-size: 0.9em;
	}
	
	#content-footer h2 {
		float: left;
		margin: 0 0 0 20px;
	}
	
	#content-footer ul {
		clear: both;
		float: left;
		list-style: none;
		margin: 10px 0 0 22px;
	}
	
	#content-footer li,
	#content-footer li:hover {
		background: url(../images/all/backgrounds/work_background.gif) top left no-repeat;
		border: 0;
		display: block;
		float: left;
		height: 270px;
		margin: 0 27px 15px 0;
		padding: 4px 4px 4px 5px;
		text-align: left;
		width: 162px;
	}
	
	#content-footer li:hover {
		background-image: url(../images/all/backgrounds/work_background_hover.gif);
	}
	
	#content-footer li:hover img {
		left: 0;
		top: 0;
	}
	
	#content-footer li.last { margin-right: 0; }
	
	#content-footer li p {
		color: #666;
		display: block;
		float: left;
		line-height: 1.2;
		margin: 15px 0 0 0;
		width: 100%;
	}
	
	#content-footer li p.excerpt {
		color: #333333;
		font-size: 1.3em;
	}
	
	#content-footer a.bigger {
		color: #81670c;
		font-size: 1.5em;
		font-style: italic;
		text-decoration: none;
	}
	
		#content-footer a.bigger span { color: #000; }
	
	#content-footer a.bigger:hover { text-decoration: underline; color: #000; }
	
	div.excerpt {
		float: left;
		margin: 0 0 0 30px;
		width: 520px;
	}
	
		div.excerpt .border {
			font-size: 1.8em;
			line-height: 1.2;
		}
		
		#page div.excerpt > p {
			font-size: 1.2em;
			margin: 15px 0 30px 0;
			padding: 0 !important;
		}
		
		#page div.excerpt > p a {
			font-weight: normal;
		}
	
	.project_thumbnail {
		float: left;
		margin-bottom: 30px;
		position: relative;
	}
	
		.project_thumbnail h2 {
			left: 20px;
			margin: 0;
			position: absolute;
			top: 0;
		}
		
		.project_thumbnail h3 {
			background: rgba(0,0,0,0.9);
			bottom: 0;
			color: #fff;
			font-size: 1.2em;
			font-weight: normal;
			left: 20px;
			margin: 0;
			padding: 8px 15px;
			position: absolute;
		}


/* ------------------------------------------------------------------------
	Work Hub page
------------------------------------------------------------------------- */
	
	.work-details #page > .content article .atom-body {
		float: left;
		font-size: 1.3em;
		line-height: 1.2;
		padding: 15px !important;
		padding-top: 0;
	}


/* ------------------------------------------------------------------------
	Work details
------------------------------------------------------------------------- */

	.video {
		position: relative;
	}
	
		.video img {
			float: none !important;
			margin: 0 !important;
		}
	
		.video video {
			background: #000;
			margin: 0 auto;
		}
	
		.video .full-button {
			background: rgba(0,0,0,0.8);
			display: block;
			height: 82px;
			left: 50%;
			margin: -41px 0 0 -41px;
			position: absolute;
			text-indent: -10000px;
			top: 50%;
			width: 82px;
		}
		
		.video .full-button.play {
			background-image: url(../images/all/backgrounds/btn-play.png);
			background-position: center center;
			background-repeat: no-repeat;
		}
		.video .full-button.play:hover { background-image: url(../images/all/backgrounds/btn-play-o.png); }
		
		.video .full-button.loading {
			background-image: url(../images/all/backgrounds/ajax-loader.gif);
			background-position: center center;
			background-repeat: no-repeat;
		}
	
		.video .controls {
			background: rgba(0,0,0,0.8);
			bottom: 0;
			padding: 7px 10px 5px 10px;
			position: absolute;
			width: 573px;
		}
		
			.video .controls .play,
			.video .controls .pause {
				background: url(../images/all/backgrounds/btn-small-play.png) center center no-repeat;
				border: 0;
				float: left;
				height: 14px;
				text-indent:-10000px;
				width: 10px;
			}
			
			.video .controls .play:hover {
				background: url(../images/all/backgrounds/btn-small-play-o.png) center center no-repeat;
			}
			
			.video .controls .pause {
				background: url(../images/all/backgrounds/btn-small-pause.png) center center no-repeat;
			}
			
			.video .controls .pause:hover {
				background: url(../images/all/backgrounds/btn-small-pause-o.png) center center no-repeat;
			}
		
		.video .bars {
			background: #fff;
			cursor: pointer;
			float: left;
			height: 3px;
			margin: 5px 0 0 15px;
			width: 465px;
		}
		
			.video .bars .played {
				background: #9e8d55;
				float: left;
				height: 3px;
			}
			
		.video .play-line {
			border-right: 1px #fff solid;
			float: left;
			height: 17px;
			margin: -7px 0 0 0;
			position: relative;
		}
		
		.video .timebox {
			color: #fff;
			float: left;
			margin: 0 15px;
		}
			
	#fullscreen {
		background: url(../images/all/backgrounds/btn-fullscreen.gif) center center no-repeat;
		color: #fff;
		float: left;
		height: 15px;
		margin: -3px 0 0 0;
		padding: 2px;
		text-indent: -10000px;
		width: 17px;
	}
	
	#fullscreen:hover {
		background: url(../images/all/backgrounds/btn-fullscreen-o.gif) center center no-repeat;
	}
	
	.video.fullscreen {
		background: #000;
		position: absolute;
		z-index: 10000;
	}
	
	.fullscreen .controls {
		bottom: 25px;
		left: 50%;
		margin-left: -286px;
	}
	
	.slideshow {
		height: 333px;
		overflow: hidden;
		position: relative;
		width: 595px;
	}
	
		.slideshow img {
			left: 0;
			margin: 0 !important;
			position: absolute;
			top: 0;
			z-index: 0;
		}
		
		.slideshow .previous,
		.slideshow .next {
			background-color: rgba(0,0,0,0.3);
			background-image: url(../images/all/backgrounds/slideshow-nav.png);
			background-position: 4px 50%;
			background-repeat: no-repeat;
			color: #fff;
			height: 333px;
			position: absolute;
			text-indent: -10000px;
			top: 0;
			width: 20px;
			z-index: 1;
		}
		
		.slideshow .previous { left: 0; }
		.slideshow .next { right: 0; background-position: -42px 50%; }
		
		.slideshow .previous:hover { background-position: 3px 50%; }
		.slideshow .next:hover { background-position: -41px 50%; }
	

/* ------------------------------------------------------------------------
	Agency Page
------------------------------------------------------------------------- */

	article.dark {
		margin-top: 0 !important;
	}
	
	.agency .links {
		font-size: 1.4em;
		margin-top: 10px;
	}
	
	.agency .b-back-to-top {
		clear: both;
		display: block;
		float: right;
		height: 20px;
		margin: 0 20px 0 0;
		text-indent: -10000px;
		width: 106px;
	}
	
	.agency #page > .content article {
		color: #333;
		float: left;
		padding-bottom: 0 !important;
		width: 985px !important;
	}
	
		.agency article h2 {
			float: left;
			font-size: 2.2em;
			font-weight: normal;
			margin-top: 0;
		}
	
		.agency article .quote {
			font-size: 1.9em;
			font-style: italic;
			line-height: 1.2;
		}
	
		.agency article aside {
			float: right;
			margin: 5px 85px 15px 0;
			width: 470px;
		}
	
			.agency article aside p { font-size: 1.3em; margin: 0 0 20px 0; }
	
	.steps {
		background: url(../images/all/backgrounds/dotted-separator.gif) 0 13px repeat-x;
		float: left;
		margin: 15px 0 25px 0;
	}
	
	.steps li { display: block; float: left; }
	
	.steps .number_1 { background: url(../images/all/backgrounds/number_1.gif) top left no-repeat; }
	.steps .number_2 { background: url(../images/all/backgrounds/number_2.gif) top left no-repeat; }
	.steps .number_3 { background: url(../images/all/backgrounds/number_3.gif) top left no-repeat; }
	.steps .number_4 { background: url(../images/all/backgrounds/number_4.gif) top left no-repeat; }
	.steps .number_5 { background: url(../images/all/backgrounds/number_5.gif) top left no-repeat; }
	.steps .number_6 { background: url(../images/all/backgrounds/number_6.gif) top left no-repeat; }
	.steps .number_7 { background: url(../images/all/backgrounds/number_7.gif) top left no-repeat; }
	.steps .number_plus { background: #fff url(../images/all/backgrounds/number_plus.gif) top left no-repeat; }
	
	.steps li {
		display: block;
		font-size: 1.3em;
		height: auto !important;
		margin: 0 !important;
		padding: 45px 10px 0 0;
		width: 113px !important;
	}


/* ------------------------------------------------------------------------
	The rake!
------------------------------------------------------------------------- */

	body.rake {
		background-color: #49453c;
	}
	
	.rake a {
		color: #000;
	}
	
	.rake a:hover,
	.rake a.selected {
		text-decoration: underline;
	}
	
	.rake #page > .content {
		background: #f0ece3;
		border-top: 2px #000 solid;
		font-family: Georgia;
		font-family: 'GaramondURW';
		font-size: 1.2em;
		line-height: 1.3;
		padding: 0 24px 0 22px;
		width: 959px;
	}
	
	.rake #page > .content .atom-body a { text-decoration: underline; }
	.rake #page > .content .atom-body a:hover { text-decoration: none; }
	
		.rake #page > .content .logo {
			background: url(../images/all/backgrounds/sprite.gif) 0 -178px no-repeat;
			height: 38px;
			float: left;
			text-indent: -10000px;
			width: 38px;
		}
		
		.rake #page > .content h1 {
			clear: left;
			float: left;
			margin: 25px 0 0 0;
			
		}
		
		.rake #page > .content h1 a {
			background: url(../images/all/backgrounds/sprite.gif) 0 -229px no-repeat;
			display: block;
			height: 36px;
			text-indent: -10000px;
			width: 130px;
		}
		
		.rake .goodies-listing > h2,
		.rake #page > .content > h2 {
			border-bottom: 1px #000 solid;
			clear: both;
			float: left;
			font-size: 1.6em;
			font-weight: normal;
			margin: 23px 0 22px 0;
			padding: 0 0 8px 0;
			width: 100%;
		}
			.rake .goodies-listing > h2 a,
			.rake #page > .content > h2 a {
				float: right;
				font-size: 0.7em;
				font-style: italic;
				margin: 5px 0 0 0;
			}
		
		.rake #page > .content .media {
			position: relative;
		}
		
		.rake #page > .content .media .credits {
			position: absolute;
			bottom: 0;
			right: 0;
			
			background: #000;

			color: #fff;
			display: block;
			font-size: 1em;
			margin: 0;
			padding: 8px 17px;
			text-decoration: none;
		}
		
		.rake #page > .content .language_toggle {
			color: #000;
			float: right;
			font-size: 0.9em;
			font-family: Georgia;
			font-style: italic;
			margin: 8px 0 0 0;
		}
		
			.rake #page > .content .language_toggle a {
				color: #000;
			}
			
		.rake #search {
			clear: right;
			float: right;
		}
		
			.rake #search input {
				border: 0;
				float: right;
				font-family: Georgia;
				font-style: italic;
				height: 20px;
				line-height: 20px;
				margin: 10px 0 0 0;
				padding: 0 0 0 5px;
				width: 140px;
			}
			
			.rake #search input#submit { padding: 0; width: auto; }
		
		.rake #page > .content header {
			position: relative;
			z-index: 1000;
		}
		
		.rake #page > .content header > menu {
			border-bottom: 1px #000 solid;
			clear: right;
			float: right;
			list-style: none;
			margin: 21px 0 0 0;
			text-transform: uppercase;
		}
		
			.rake #page > .content header > menu li {
				border: 0;
				display: block;
				float: left;
				font-size: 1.2em;
				list-style: none;
				margin: 0;
				padding-bottom: 9px;
				position: relative;
				width: auto;
			}
			
			.rake #page > .content header > menu li:hover {
				margin-top: 0;
			}
			
			.rake #page > .content header > menu a,
			.rake #page > .content header > menu li > span {
				border-right: 1px #fff solid;
				color: #000;
				display: block;
				height: auto;
				line-height: 1;
				padding: 0 20px 0 20px;
				width: auto;
			}
			
			.rake #page > .content header > menu a:hover,
			.rake #page > .content header > menu a.selected {
				color: #666;
				text-decoration: none;
			}
			
			.rake #page > .content header > menu li:first-child a,
			.rake #page > .content header > menu li:first-child > span {
				padding-left: 0;
			}
			
			.rake #page > .content header > menu li:last-child a,
			.rake #page > .content header > menu li:last-child > span {
				border: 0;
				padding-right: 0;
			}
			
			.rake #page > .content header menu menu {
				background: #fff;
				display: none;
				float: none;
				font-family: Georgia;
				font-size: 0.7em;
				position: absolute;
				top: 30px;
				text-transform: none;
				width: 165px;
			}
			
				.rake #page > .content header menu li:first-child menu { width: 150px; }
				.rake #page > .content header menu li:last-child menu { width: 205px; }
			
				.rake #page > .content header menu menu li {
					border-bottom: 1px #ccc solid;
					float: none;
					margin: 0 10px;
					padding: 0;
				}
				
				.rake #page > .content header menu menu li:last-child { border: 0; }
				
				.rake #page > .content header menu menu a,
				.rake #page > .content header menu menu .soon {
					border: 0;
					display: block;
					color: #666;
					padding: 9px 0 6px 0;
				}
				
				/*.rake #page > .content header menu menu a span {
									color: #000;
								}*/
				
				.rake #page > .content header menu menu a:hover,
				.rake #page > .content header menu menu .selected a {
					color: #000 !important;
				}
			
	.rake #featured {
		float: left;
		height: 460px;
		list-style: none;
		margin: 29px 0 5px 0;
		overflow: hidden;
		position: relative;
		width: 960px;
	}
	
		.rake #featured li {
			height: 460px;
			left: 0;
			position: absolute;
			top: 0;
			width: 960px;
			z-index: 1;
		}
		
			.rake #featured li > a {
				display: block;
				height: 100%;
				position: absolute;
				width: 100%;
				z-index: 4;
			}
		
			.rake #featured li img {
				left: 0;
				position: absolute;
				top: 0;
				z-index: 2;
			}
			
			.rake #featured li .excerpt {
				background: #fff;
				bottom: 13px;
				left: 13px;
				padding: 12px 15px 0 18px;
				position: absolute;
				width: 430px;
				z-index: 3;
			}
			
			.rake #featured h2 {
				font-weight: normal;
				margin: 0 0 10px 0;
				font-size: 1.5em;
			}
			
			.rake #featured div.excerpt > p {
				font-size: 1.1em;
				margin: 0 0 17px 0;
			}
			
			.rake #featured div.excerpt > p:last-child {
				margin-bottom: 15px;
			}
			
				.rake #featured div.excerpt > p:last-child a {
					color: #000;
					font-weight: bold;
					font-style: italic;
				}
		
		.rake .paging {
			clear: right;
			float: right;
			font-style: italic;
			font-size: 1.1em;
		}
		
			.rake .paging li {
				float: left;
				list-style: none;
			}
			
			.rake .paging a {
				cursor: pointer;
				display: block;
				color: #000;
				padding: 0 3px;
			}
			
			.rake .paging li.selected a { color: #666; }
			
			.rake .paging li:last-child a {
				padding-right: 0;
			}
		
		.rake #page > .content > article,
		.rake #page > .content > .goodies-listing > article {
			background: #fff;
			float: left;
			margin: 0 14px 0 -2px;
			min-height: 485px;
			padding: 0 25px 0 25px;
			position: relative;
			width: 182px;
		}
		
		.rake #page > .content > article.last { margin-right: -4px; }
		
			.rake #page > .content > article .align-bottom {
				bottom: 0;
				left: 25px;
				position: absolute;
			}
		
			a.thumb {
				display: block;
				float: left;
				margin: 0 0 15px 0;
				position: relative;
			 	z-index: 0;
			}
			a.thumb:hover { text-decoration: none !important; }
		
			a.thumb span.video {
				background: url(../images/all/backgrounds/play-button.png) 50% 50% no-repeat;
				display: block;
				height: 233px;
				left: -25px;
				position: absolute;
				text-indent: -10000px;
				top: 0;
				width: 233px;
				z-index: 2;
			}
			.rake-listing a.thumb span.video,
			.rake-details a.thumb span.video { left: 0; }
			
			a.thumb:hover span.video { background-image: url(../images/all/backgrounds/play-button-o.png); }
			
			a.thumb span.price {
				background: #ad9b73;
				color: #fff;
				font-size: 1.2em;
				font-weight: bold;
				left: -25px;
				line-height: 40px;
				padding: 0 10px;
				position: absolute;
				top: 0;
				z-index: 3;
			}
			
			a.thumb span.bigger {
				font-size: 1.3em;
			}
			
			a.thumb span.price sup {
				font-size: 0.6em;
				line-height: 0px;
				margin-left: -1px;
			}
		
			.rake #page > .content article img {
				margin-left: -25px;
			}
			
			.rake #page > .content article h3 {
				line-height: 1.1;
				font-size: 1.5em;
				font-weight: normal;
				margin: 15px 0 18px 0;
			}
			
			.rake #page > .content article p {
				font-size: 1.1em;
				margin: 0 0 18px 0;
			}
			
			.rake #page > .content article p a {
				font-style: italic;
				font-weight: bold;
			}
			
			.rake #page > .content article .channel {
				background: #000;
				float: left;
				margin: 0 0 0 -25px;
				width: 232px;
				z-index: 1;
			}
			
			.rake #page > .content article .channel a.label {
				background: #000;
				color: #fff;
				float: left;
				font-style: italic;
				font-weight: bold;
				padding: 7px 11px;
			}
			
			.rake #page > .content article .channel a.see_more {
				color: #fff;
				float: right;
				margin: 0 10px 0 0;
				line-height: 1;
				font-size: 2em;
				font-weight: normal;
			}
			

	.rake #page > .content > footer {
		clear: both;
		float: left;
		margin: 21px 0 0 0;
		padding: 0 0 20px 0;
		width: 100%;
	}
	
		.rake #page > .content > footer h4 {
			border-bottom: 1px #000 solid;
			font-size: 1.2em;
			font-weight: normal;
			margin: 0 0 21px 0;
			padding: 0 0 6px 0;
			text-indent: 2px;
		}
		
		.rake #page > .content > footer h5 {
			color: #666;
			font-size: 1.1em;
			font-weight: normal;
			margin: 0;
			text-transform: uppercase;
		}
	
		.rake #page > .content > footer .logo {
			border-top: 1px #000 solid;
			margin: 24px 13px 0 0;
			width: 169px;
		}
		
 		.rake #page > .content > footer #about {
			float: left;
			margin: 0 13px 0 0;
			padding: 0;
			width: 474px;
		}
		
			.rake #page > .content > footer #about .atom-body {
				font-size: 1.1em;
				padding: 0 !important;
			}
			
		.rake #page > .content > footer #rake-sitemap {
			float: left;
			padding: 0;
			width: 290px;
		}
		
			.rake #page > .content > footer #rake-sitemap .col-left {
				float: left;
				margin: 0 0 15px 0;
				width: 130px;
			}
			
			.rake #page > .content > footer #rake-sitemap .col-right {
				float: right;
				width: 160px;
			}
		
			.rake #page > .content > footer #rake-sitemap menu {
				margin: 0;
			}
			
			.rake #page > .content > footer #rake-sitemap menu li {
				border: 0;
				clear: both;
				list-style: none;
				margin: 0 0 3px 0;
				padding: 0;
			}
			
			.rake #page > .content > footer #rake-sitemap menu a {
				font-size: 1.1em;
				height: auto;
				padding: 0;
				margin: 0;
				width: auto;
			}
			
			.rake #page > .content > footer #rake-sitemap menu .selected a {
				text-decoration: underline;
			}
			
			.rake #page > .content > footer #rake-sitemap menu a span {
				color: #666;
			}

/* ------------------------------------------------------------------------
	Rake details
------------------------------------------------------------------------- */

	.rake-details .paging { margin: -15px 0 5px 0; }
	.rake-details .paging.bottom { margin: -10px 0 0 0; }

	.rake-details #page > .content > h2 {
		font-size: 2.7em;
		margin-top: 50px;
		padding-bottom: 12px;
	}
	
	aside#submenu {
		float: left;
		margin: 0 15px 0 0;
		width: 170px;
	}
	
		aside#submenu h2 {
			font-size: 1.6em;
			font-weight: normal;
			margin: 6px 0 18px 0;
		}
	
		aside#submenu menu {
			margin: 0;
		}
		
			aside#submenu menu li {
				border-bottom: 1px #c0bdb6 solid;
				list-style: none;
				font-size: 1.1em;
			}
			
			aside#submenu menu li:last-child { border: 0; }
			
			aside#submenu menu a {
				color: #000;
				display: block;
				padding: 5px 0;
			}
			
			aside#submenu menu a span { color: #666; }
			
			aside#submenu menu a:hover,
			aside#submenu menu .selected a {
				text-decoration: underline;
			}

	.rake-details #page > .content > article {
		float: left;
		padding: 0 15px;
		width: 565px;
	}
	
		.rake-details #page > .content > article h2 {
			font-size: 2em;
			font-weight: normal;
			margin-top: 18px;
		}
		
		.rake-details #page > .content > article h4 {
			border-bottom: 1px #000 solid;
			font-size: 2em;
			font-weight: normal;
			margin: 0 0 15px 0;
		}
		
		.rake-details #page > .content > article img {
			margin: 0 0 18px 0;
		}
		
		.rake-details #page > .content > article .social {
			float: left;
			margin: 0 0 10px 0;
			width: 100%;
		}
		
		.rake-details #page > .content > article .social > div { float: right; }
		
		.rake-details #page > .content > article .social > p { float: left; color: #686868; margin: 5px 0 0 0; }
		.rake-details #page > .content > article .social > p a { font-weight: normal; }
		
		.rake-details #page > .content > article .twitter-share-button { position: relative; top: 4px; }
		
		.rake-details #page > .content > article .atom-body {
			clear: both;
			font-size: 1.1em;
			line-height: 1.3;
			overflow-x: hidden;
			padding: 0 !important;
		}
	
	.rake-details #comment-form {
		margin: 10px 0;
		padding: 0 !important;
	}
	
		.rake-details #comment-form p {
			margin: 0 0 10px 0 !important;
		}
	
		.rake-details #comment-form label {
			display: block;
			float: left;
			margin: 4px 0 0 0;
			width: 75px;
		}
		
		.rake-details #comment-form input {
			border: 1px #e5e5e5 solid;
			color: #666;
			font-family: Georgia;
			font-style: italic;
			font-size: 1em;
			padding: 4px;
			width: 150px;
		}
		
		.rake-details #comment-form input#submit {
			background: #000;
			border: 0;
			color: #fff;
			font-style: italic;
			font-weight: bold;
			padding: 4px 10px;
			width: auto;
		}
		
		.rake-details #comment-form textarea {
			border: 1px #e5e5e5 solid;
			color: #666;
			font-family: Georgia;
			font-style: italic;
			font-size: 1em;
			height: 105px;
			padding: 10px;
			width: 543px;
		}
		
		.rake-details #comment-form #reactions_errors {
			color: #fe0000;
			margin: 0 0 0 15px;
		}
	
	.rake-details #page > .content > #post-comments {
		float: left;
		margin: 0;
		width: 165px;
	}
	
		.rake-details #page > .content > #post-comments h4 {
			border-bottom: 1px #000 solid;
			font-size: 1.4em;
			font-weight: normal;
			margin: 41px 0 15px 0;
		}
		
		.rake-details #page > .content > #post-comments article {
			border-bottom: 1px #c0bdb6 solid;
			margin: 0 0 15px 0;
			padding: 0 0 15px 0;
		}
		
		.rake-details #page > .content > #post-comments .comment-body {
			color: #666;
			font-family: Arial;
			font-size: 0.8em;
		}
		
		.rake-details #page > .content > #post-comments .author {
			color: #000;
			font-family: Arial;
			font-size: 0.8em;
			margin: 20px 0 0 0;
		}
		
			.rake-details #page > .content > #post-comments .author span { color: #666; }


/* ------------------------------------------------------------------------
	Rake Listing page
------------------------------------------------------------------------- */

	.rake-listing #page > .content > article {
		float: right;
		margin: 0 0 15px 0;
		min-height: 0;
		padding: 0 20px 0 0;
		width: 754px;
	}
	
	.rake-listing #page > .content > article.last { margin-right: 0; }
	
	.rake-listing #page > .content > article h3 { margin-top: 25px; }
	
	.rake-listing #page > .content > article img {
		float: left;
		margin: 0 30px 0 0;
	}
	

/* ------------------------------------------------------------------------
	Editor Page
------------------------------------------------------------------------- */
	
	.editor #page > .content > article h4 {
		font-size: 1.3em;
		margin: 15px 0 15px 0;
		padding-bottom: 7px;
	}
	
	.editor #page > .content > article article {
		clear: left;
		float: left;
		margin: 0 0 35px 0;
		padding: 0;
		width: 565px;
	}
	
	.editor #page > .content > article article img {
		float: left;
		margin: 0 18px 0 0;
	}
	
	.editor #page > .content > article article h3 { margin-top: 0; }


/* ------------------------------------------------------------------------
	Goodies page
------------------------------------------------------------------------- */

	.goodies .channel-excerpt {
		float: left;
		width: 774px;
	}
	
	.goodies .channel-excerpt img {
		float: left;
		margin: 0 12px 0 0;
	}
	
	.goodies .channel-excerpt p {
		float: left;
		font-size: 1.1em;
		width: 285px;
	}
	
	.goodies .goodies-listing {
		float: right;
		width: 772px;
	}
	
	.goodies #page > .content > .goodies-listing > article h3 {
		font-size: 1.4em;
	}
	
	.rake-goodies #page > .content > .goodies-listing > article img {
		margin: 0 0 0 -25px;
	}
	
	.rake #page > .content > .goodies-listing article {
		margin-bottom: 15px;
		min-height: 350px;
	}
	
	.rake #page > .content > .goodies-listing article a {
		font-weight: normal;
		font-style: normal;
	}
	
	.rake #page > .content > .goodies-listing article a strong {
		font-style: italic;
	}
	
	.rake #page > .content > .goodies-listing article .first {
		position: absolute;
		bottom: 15px;
	}
	
	.rake #page > .content > .goodies-listing article .second {
		position: absolute;
		bottom: 0;
	}

/* ------------------------------------------------------------------------
	The Rake - Product page
------------------------------------------------------------------------- */

	.product {
		line-height: 1.4 !important;
	}

	.product .img-details {
		float: left;
		margin: 0 20px 0 0;
		position: relative;
	}
	
		.product .img-details em {
			background: #000;
			color: #fff;
			display: block;
			font-weight: bold;
			left: 50%;
			margin: -14px 0 0 -60px;
			padding: 2px 0;
			position: absolute;
			text-align: center;
			top: 50%;
			width: 120px;
		}
		
		.product .img-details a:hover em {
			color: #ad9b73;
		}
	
	.product .details {
		float: left;
		font-size: 0.9em;
		margin: 15px 0 0 0;
		padding: 0 0 0 65px;
		position: relative;
		width: 245px;
	}
	
		.product .details h3 {
			font-size: 1.2em !important;
			font-weight: bold !important;
			margin-bottom: 0 !important;
			text-transform: uppercase;
		}
		
		.product .details a {
			font-weight: normal !important;
		}
	
	.product .price {
		background: #ad9b73;
		color: #fff;
		font-size: 1.6em;
		left: 0;
		line-height: 42px;
		padding: 0 11px;
		position: absolute;
		top: 4px;
	}
	
		.product .price sup {
			font-size: 0.6em;
			line-height: 0;
		}


/* ------------------------------------------------------------------------
	Work Hub
------------------------------------------------------------------------- */

	.work-hub .excerpt {
		font-size: 1.2em;
		margin-left: 0;
		padding-right: 20px;
		width: 500px;
	}