/*
 Print Styles
 Site: Otto Design and Marketing
*/

body {
	text-align:center;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	}
	

h1 {
	font-size:40pt;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-weight:normal;
	color:#666666;
	}


div.print {
	display:block;
	}

#contentarea {
	margin:2em 4em 0 4em;
	}

ul#nav, div#logo, div#path, ul#tertiary {
	display:none;
	}
	
/* Home Content */

#home #flashcontent {
	display:none;
	}

#home div.print {
	margin-top:2em;
	}
	
#home #intro {
	margin-top:2em;
	padding:0em 8em 0em 11em;
	font-size:8pt;
	line-height:12pt;
	}
#home div.print img {
	width:100%;
	}
	
/* Interior Content */

h1 {
	margin-bottom:0;
	}

#interior #contentarea {
	border-top:0.3em #CCCCCC solid;
	margin:2em 4em 0 4em;
	padding:1em 0;
	}
	
#graphic {display:none;}
	
#interior #content, #interior #content-ext  {
	text-align:left;
	text-align:justify;
	font-size:8pt;
	line-height:12pt;
	}
#interior p span.otto {
	font-family:"Times New Roman", Times, serif;
	text-transform:lowercase;
	font-size:1.2em;
	color:#333333;
	}
	
h2, h3, h4 {
	text-align:center;
	}
h2 {
	margin:0;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#666666;
	font-size:14pt;
	}
h3 {
	margin:0.5em 0 0 0;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#666666;
	font-size:11pt;
	}
h4 {
	font-size:10pt;
	}
a {
	color:#666666;
	text-decoration:none;
	}
	
#content ul {
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-size:7pt;
	color:#666666;
	list-style-image:url(../images/interior/li_arrow.gif)
	}
	
/* Who Content */
	
#content.staff ul {
	width:12em;
	float:left;
	margin:1em 0 2em 2em;
	}
#content.staff ul.col1 {
	margin-left:13em;
	}
	
#content.clients ul {
	width:13em;
	float:left;
	margin:1em 0 2em 2em;
	}
#content.clients ul.col1 {
	margin-left:10em;
	}

/* What Content */

#content.services h4 {
	border-top:0.1em solid #CCCCCC;
	clear:both;
	padding-top:1em;
	}
#content.services .details h4 {
	border:none;
	font-size:8pt;
	text-align:left;
	padding:0;
	}
#content.services .details ul {
	margin:0em 0em 3em 2em;
	width:12em;
	float:left;
	padding-right:2em;
	text-align:left;
	}
#content.services .details ul.wide {
	width:26em;
	}
#content.services img {
	display:none;
	}
#content.services .trigger {
	display:none;
	}	
	
#content.work img {
	width:48%;
	float:left;
	margin:0.2em;
	border:0.25em solid #CCCCCC;
	}
#content.work div#sample10 img {
	margin-bottom:2em;
	}


/* Where Content */

.where #locations.tab-contents {
	visibility:visible;
	}
.where #contact.tab-contents {
	display:none
	}

.where div#downtown, 
.where div#beach {
	float:left;
	margin-bottom:2em;
	}
.where div#downtown {
	width:14em;
	margin-left:11em;
	border-right:solid 0.1em #CCCCCC;
	}
.where div#beach {
	width:15em;
	margin-left:3em;
	}
	
	
/* How Content */

#content.process ul {
	font-size:8pt;
	text-align:left;
	padding:0;
	list-style:none;
	color:#000000;
	text-transform:none;
	}
#content.process img {
	display:none;
	}
#content.process ul li a {
	color:#000000;
	font-weight:bold;
	}
#content.casestudies ul {
	margin-left:25em;
	}

.how-casestudy #case-nav {display:none;}

#content.casestudies img,
#content-ext img {display:none;}

#content.casestudies .print img {display:block; width:100%;	}
#content-ext h4 {text-align:left;}


	
/* Footer */
#interior #intro-footer {
	margin:1em 4em 0 4em;
	border-top:0.3em #CCCCCC solid;
	clear:both;
	}

div#contactinfo ul {
	list-style:none;
	font-size:7pt;
	padding:3em 0 0 0;
	margin:0;
	color:#CCCCCC;
	}
div#contactinfo li.phone, div#contactinfo li.fax {
	display:inline;
	}
	
p#copyright {
	font-size:6pt;
	color:#999999;
	}