/*---------------------------------------------------------------------------
Stylesheet for Print / Based on blueprint
Blueprint CSS Framework 0.7.1
http://blueprintcss.googlecode.com

version:    1.0
date:       00/00/00
author:     Author Name
website:    http://www.fusion.fi			
---------------------------------------------------------------------------*/

body {
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	background: none;
	font-family: Garamond,"Times New Roman", serif;
	font-size: 12pt;
	line-height: 1.5;
	letter-spacing:0.2pt; 
	word-spacing:1.1pt;
	color:#000;
}

h1,h2,h3,h4,h5,h6 	{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1					{ font-size:19pt; }
h2					{ font-size:17pt; }
h3					{ font-size:15pt; }
h4,h5,h6			{ font-size:12pt; }

code 				{ font: 10pt Courier, monospace; } 
blockquote {
	margin: 1.3em;
	padding: 1em; 
	font-size: 10pt;
}


/* Images
-------------------------------------------------------------- */
img { float: left; margin: 1em 1.5em 1.5em 0; }
a img { border: none; }


/* Table
-------------------------------------------------------------- */
table 	{ margin: 1px; text-align:left; }
th 		{ border-bottom: 1px solid #333;  font-weight: bold; }
td 		{ border-bottom: 1px solid #333; }
th,td 	{ padding: 4px 10px 4px 0; }
tfoot 	{ font-style: italic; }
caption { background: #fff; margin-bottom:2em; text-align:left; }
thead 	{ display: table-header-group; }
tr 		{ page-break-inside: avoid; } 


/* Layout
-------------------------------------------------------------- */

.container {
  background: none;
}

hr { 
  background:#ccc; 
  color:#ccc;
  width:100%;
  height:2px;
  margin:2em 0;
  padding:0;
  border:none;
}

hr.space {
  background: #fff;
  color: #fff;
}


/* Text
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; }
code { font:.9em "Courier New", Monaco, Courier, monospace; } 

img { float:left; margin:1.5em 1.5em 1.5em 0; }
a img { border:none; }
p img.top { margin-top: 0; }

blockquote {
  margin:1.5em;
  padding:1em;
  font-style:italic;
  font-size:.9em;
}

.small  { font-size: .9em; }
.large  { font-size: 1.1em; }
.quiet  { color: #999; }
.hide   { display:none; }


/* Links
-------------------------------------------------------------- */

a:link, a:visited {
  background: transparent;
  font-weight:700;
  text-decoration: underline;
}

a:link:after, a:visited:after {
  content: " (" attr(href) ") ";
  font-size: 90%;
}

/* If you're having trouble printing relative links, uncomment and customize this:
   (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */

/* a[href^="/"]:after {
  content: " (http://www.yourdomain.com" attr(href) ") ";
} */

/* HOME */
#jump-to-content,
#main-nav,
.slideshow-front li,
p.more,
a.cases-link-slideshow,
a.more-button,
#footer-nav,
a.download-pdf  {
	display: none !important;
}

h1 a:link:after, h1 a:visited:after {
	content: "";
}

img.catchphrase {
	float: none;
}

p.intro {
	clear: both;
}

.slideshow-front li.first { display: block; }

#process {
	display: block !important;
	opacity: 1 !important;
	height: auto !important;
}

h2 { clear: both; padding-top: 2em; }

ul.client-logos,
ul.highlighted-cases {
	list-style: none;
	list-style-position: outside;
	padding-left: 0;
}

ul.client-logos li {
	width: 130px;
	height: 60px;
	float: left;
}

ul.client-logos img {
	float: none;
}

ul.highlighted-cases li {
	margin-bottom: 2em;
}

ul.highlighted-cases li img {
	margin-top: 0;
}

#footer {
	margin-top: 3em;
	border-top: 1px solid #000;
}

/* WORK */
body#work ul.slideshow {
	list-style: none;
	list-style-position: outside;
	padding-left: 0;
}

body#work ul.slideshow li,
body#work ul.slideshow-js li {
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	width: 400px;
	width: 283px;
	overflow: hidden;
	display: block !important;
	position: relative !important;
	opacity: 1 !important;
	float: left;
	padding: 0;
}

body#work ul.slideshow li img,
body#work ul.slideshow-js li img {
	width: 400px !important;
	height: 283px !important;
}

body#work ul.options,
a.slideshow-play,
ul.slideshow-pagination,
body#work ul.client-logos,
body#work #case-description .case-summary {
	display: none;
}

body#work ul.client-logos li {
	width: 130px;
	height: 60px;
	float: left;
}

body#work #case-description {
	clear: both;
}

body#work .case-text-container {
	height: auto;
}

body#work .case-description {
	display: block !important;
	opacity: 1 !important;
	height: auto;
	position: relative !important;
}

body#work ul.services {
	clear: both;
}