/*
URL: escapecreative.com
Description: styles for print only
Designed by: Dave Warfel & Joanna Vitug
*/
	
/* ----- Hide elements ----- */
hr,
form,
#header strong a,
#topnav,
#sidebar div,
#footer,
#copyright a {
	display: none; }

/* ----- Show previously hidden elements ----- */
#sidebar div.contactinfo,
#header #printlogo {
	display: block !important; }
	#header #printlogo {
		border: none !important; }
	
/* ----- Global elements ----- */
	
body {
	font: normal 12pt/16pt times, "times new roman", serif;
	color: #000; }

img {
	float: none;
	display: block; }
	
address {
	font-style: normal; }
	
li {
	margin-bottom: 4pt; }
	
/* Heading tags */
h1, h2, h3, h4, h5, h6 {
	font-family: "lucida grande", verdana, arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	line-height: 1;
	margin: 0; }
	h1 {
		margin-bottom: 10pt;
		padding-bottom: 6pt;
		border-bottom: 1px solid #000; }
	h2 {
		margin: 35pt 0 1pt; }
	h3 {
		margin-bottom: 0;
		color: #999; }

/* ----- Remove pixel width & floats ----- */
body,
#header,
#container,
#content,
#copyrightfull,
#copyright {
	width: auto;
	float: none;
	margin: 0;
	padding: 0;
	background: #fff !important; }

acronym {
	border: none; }
	
table {
	width: 100%;
	margin-bottom: 20pt; }
		
td {
	padding: 3px 20px 3px 3px;
	border-bottom: 1px solid #ccc; }
	td.question {
		font-weight: bold;
		font-style:  normal; }
.col1 {
	width: 35%; }
.col2 {
	width: 65%; }
	
/* ----- Links ----- */
a, a:visited {
	text-decoration: none;
	color: #000; }
	a.pdf,
	a.button {
		display: none; }
				
/* ----- Blockquotes ----- */
blockquote {
	border-left: 3pt solid #999;
	padding-left: 5pt; }
	
/* ----- Homepage only ----- */
#homepage h1 {
	font-size: 20pt;
	line-height: 1;
	border-bottom: none;
	border-left: 5pt solid #666;
	padding-left: 15pt; }

#homepage #thelatest a,
#homepage #howwediffer a {
	display: none; }
#homepage #thelatest h3 {
	margin-bottom: 10pt; }

#homepage #top li {
	font-weight: bold; }
	#homepage #top li span {
		font-weight: normal; }
	#homepage #howwediffer li span {
		display: block; }
		
#homepage #work img {
	margin: 8pt 0;
	border: 5pt solid #999;
	padding: 2pt; }
	#homepage #work h3 {
		color: #000; }
		
#homepage #work .left {
	padding-bottom: 6pt;
	margin-bottom: 20pt;
	border-bottom: 1pt dashed #999; }
	
/* ----- History timeline ----- */
.timeline {
	list-style: none;
	margin: 0;
	padding: 0; }
	.timeline li {
		margin-bottom: 12pt; }
	
	.year {
		font-size: 24pt;
		margin: 30pt 0; }
	.date {
		display: block;
		font-weight: bold; }
		
/* ----- Display contact info div in sidebar ----- */
.contactinfo {
	width: auto;
	padding: 8pt;
	margin-top: 45pt;
	border: 2pt solid #666; }
	.contactinfo ul,
	.officehours ul {
		list-style: none;
		margin-bottom: 0; }
	.contactinfo h4,
	.officehours h4 {
		font-size: 12pt;
		color: #666;
		text-transform: uppercase; }
	.contactinfo .caption,
	.officehours .caption {
		font-weight: bold; }
		
/* ----- Services section: Do's & Don'ts ----- */
ul.do strong,
ul.dont strong {
	display: block; }
	
/* ----- Portfolio section ----- */
#portfoliopage img {
	border: 5pt solid #999;
	padding: 2pt;
	margin: 15pt 0 4pt; }
	.portfoliosection img {
		border: none; }

.links {
	display: none; }
	
ul.portfolio {
	list-style: none;
	margin: 0;
	padding: 0; }
	.portfolio li a {
		text-indent: -9999px; }
		
/* ----- Contact page ----- */
#contactpage p {
	display: none; }
	
	/* Display office hours */
		#contactpage .officehours {
			display: block;
			width: auto;
			padding: 8pt;
			margin-top: 45pt;
			border: 2pt solid #666; }
	
/* ----- Sitemap page ----- */
#sitemappage ul:first-child {
	list-style: none; }
	#sitemappage ul:first-child li:last-child {
		display: none; }
#sitemappage p {
	display: none; }
#sitemappage a {
	font-weight: bold; }
	
/* ----- 404 page ----- */
#page404 h2,
#page404 h3.other-things,
#page404 #content ul {
	display: none; }

/* ----- Copyright footer ----- */
#copyright {
	font: normal 7pt/13pt arial, verdana, sans-serif;
	color: #666;
	border-top: 1pt solid #666;
	padding-top: 5pt;
	margin-top: 16pt; }
	#coopyright .left,
	#copyright .right {
		float: none; }
		#copyright p {
			display: inline;
			margin: 0; }