/*	==================================================
	CivilArts
	Print Style Sheet
	
	Developed for ZVC by Jeremy Carlson
	http://www.zvc.com
	--------------------------------------------------	*/

* { float: none !important; background: none !important }

a { color: inherit !important; text-decoration: none !important }

.print { display: block }

.screen { display: none }

.image { text-indent: 0 }

#logo, .nav a, .get-pdf, .nav, #phone, #outer2 { display: none }

body, #outer1, #page, #header, #content {
	background: none !important;
	width: 100% !important;
	margin: 0 !important;
	top: 0 !important;
	left: 0 !important;
	}

body, #outer1, #page { height: 100% !important }

body { font-size: 9pt }

#header {
	position: absolute;
	height: auto;
	width: 1.25in !important;
	}

#contact-info {
	width: 1.25in !important; /* same as containing header */
	clear: both;
	color: #000;
	font-size: 80%;
	display: block;
	border-top: 1pt solid #999;
	border-bottom: 1pt solid #999;
	margin-top: 12pt;
	padding: 4pt 0 4pt 8pt;
	}

.heading {
	text-indent: 0 !important;
	font-size: 1.5em;
	width: auto !important;
	height: auto !important;
	color: #008fd4;
	line-height: 1.2;
	margin: 0 0 12pt !important;
	}

.lead {
	width: auto !important;
	margin-left: 0 !important;
	padding-right: 0 !important;
	}

.maincontent {
	position: absolute;
	width: auto !important;
	padding: 0 2.2in 6pt 0 !important;
	margin-left: 1.66in !important;
	line-height: 1.25;
	}

#column1 { clear: both; }

.column {
	position: absolute !important;
	top: 3.25in;
	margin-left: 0;
	width: 1.6in;
	}

#column1 { left: 0in }
#column2 { left: 1.8in }
#column3 { left: 3.6in }

.column li {
	margin: 0 !important;
	font-size: 7.5pt !important;
	}

.clients .logos img { width: 4.5in }

#telephone, #fax {
	display: inline !important;
	position: static !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	color: #000;
	}

#write, #email, #map { display: none !important }

#content {
	position: relative;
	z-index: 2;
	}

.sidebar {
	position: absolute !important;
	z-index: 2;
	top: 0 !important;
	right: 0 !important;
	width: 2in !important;
	text-align: right;
	margin-left: 4.94in !important;
	}

.home .sidebar { width: 2.2in !important }

.sidebar * { text-align: left }

/* clearing minimum height for pages */
*>#content {padding-top: 0 !important }

*>#content .maincontent, *>#content .sidebar, *>#content #upfront {margin-top: 4pt !important;}
* html #content {
	/* IE5Mac filter \*/
	height: auto !important;
	/* end filter */
}
*>.home #content .maincontent { margin-top: 4pt !important }
*>.home #content .sidebar { margin-top: 4pt !important }

.candy {
	background: none;
	padding: 0;
	}

.green { margin-right: 0 !important; padding-right: 0 !important }

.callout, #committed-to-green {
	height: auto !important;
	padding: 8pt 12pt 8pt 4pt !important;
	border-top: 1px dotted #008fd4;
	border-bottom: 1px dotted #008fd4;
	text-align: left;
	text-indent: 0 !important;
	font-size: 110%;
	font-style: italic;
	}

.callout {
	width: auto !important;
	margin-top: .5in;
	}

.callout em {
	display: block;
	margin-top: 4pt;
	font-size: 66%;
	text-transform: uppercase;
	}

#imageback {
	position: absolute !important;
	top: 10pt;
	right: 0;
	}

.clients #imageback, .home #imageback, .staff #imageback, .map #imageback, .popup #imageback { display: none }

.staff .maincontent { padding-right: 1.25in !important }

.staff .sidebar { /* stick it on the left */
	left: -4.94in !important;
	}

.staff .callout {
	border-top: none !important;
	margin-top: 1.5in !important;
	width: 1.3in !important;
	padding-right: 0 !important;
	}

.portrait {
	float: left !important;
	width: .66in !important;
	margin-right: -.66in !important;
	height: .88in !important;
	}

p.email { display: none }

.staff-bio h2 { 
	margin-left: .9in !important;
	padding: 0 !important;
	}

p.bio {
	clear: none !important;
	margin-left: .9in !important;
	padding: 0 !important;
	}

.get-example { display: none }

.popup .example .maincontent h1, .popup .example .maincontent p {
	width: 100% !important;
	padding-left: 0 !important;
	}

.popup .example img.detail {
	top: 0 !important;
	}

.popup #tab { display: none !important }

#footer {
	position: absolute;
	height: auto !important;
	width: auto !important;
	top: 9.5in; /* FF will not push to another page. Have to do diff. for IE */
	left: 1.4in;
	}

#footer #tagline {
	margin: 0 !important;
	width: 3.84in !important;
	height: .16in !important;
	}

/*	==================================================
	Home Page
	--------------------------------------------------	*/

#upfront {
	position: absolute !important;
	top: -48px !important;
	left: 1.4in !important;
	width: 5.66in !important;
	}

.home .maincontent { margin-left: 1.5in !important; padding-right: 2.1in !important }

#flash { display: none }

#flash-print {
	position: absolute;
	display: block !important;
	right: 0;
	height: 1.61in !important;
	width: 1.62in !important;
	}

#splash-image {
	width: 4.03in !important;
	height: 1.61in !important;
	}

.home #content .maincontent,
.home #content .sidebar { margin-top: 2in !important }

/*#upfront img {
	width: 2.2in !important;
	height: .88in !important;
	}*/

#committed-to-green {
	left: 0 !important;
	margin-left: .75in !important;
	}

#ca-services, .home .sidebar ul {
	left: 0 !important;
	margin: 0 0 0 .85in !important;
	}