/*
 * pmaCSS.css	copyright (c) 2007 Paul Macht Architects, LLC
 *
 * webmaster@machtarchitects.com
 */
/*
* { border: solid black 1px; }
*/
 /* */
 
/* background color from version 1 : #C5CBA5 */
 
/*
 * color definitions 
 */
	#pmaWhite			{	color:		#E9E3D0; }
	#pmaLight			{	color:		#C5CCAD; }
	#pmaMedium			{	color:		#9BAC7F; }
	#pmaDark			{	color:		#3B5917; }
	.pmaWhite			{ color:		#E9E3D0; }
	.pmaLight			{ color:		#9CAD7B; }
	.pmaMedium			{ color:		#9BAC7F; }
	.pmaDark			{ color:		#3B5917; }
	.pmaWhiteBackground	{ background:	#E9E3D0; }
	.pmaLightBackground	{ background:	#9CAD7B; }
	.pmaMediumBackground{ background:	#9BAC7F; }
	.pmaDarkBackground	{ background:	#3B5917; }
	
/* for * overrides see below */
/* 
*
{
	border:			1px dotted black; 
	font-weight:		600;
	font-size:			100%;
}
 */
 
 
.floatLeft
	{
		float:				left;
	}
.floatRight
	{
		float:				right;
	}


/* anchor class */
a
{
		text-decoration:		none;
		background-position:	center center;
		background-repeat:		no-repeat;
		
}



a:link		{ color:	#3B5917;	}
a:visited,
a:hover,
a:active
{
/* hover must come after link and visited ? 
 * not using focus
 */
	border-color:	#3B5917;
	color:			#3B5917;
	border:			none;
}



/* 
 * helper formatting 
 */
 
span.pmaSQFT:after,
span.pmaArea:after
		{
			content: ' sq ft';
		}

span.pmaHmm
		{
			color: red;
		}
		
a.pmaFootNoteImage
		{
/*			color: red; */
		}

div.pmaEdit
{
 position:  absolute;
 top:		0;
 left:		0;
}

a.pmaEdit
{
/* display:	block;					*/
 border:	solid black 1px;
}
 
div.pmaSplashScreen
{
	height:		100%;
	width:		100%;
	margin-top:	2em;
/*	border:	 solid black 4px; */
	
}

div.pmaSplashScreen	div			/* shockwave container */
{
/* */ 	position:			absolute;  /* */
		display:			block;
		height:				400px;
		width:				760px;
		left:				50%;
		margin-left:		-380px;
/*	top:				50%;
	margin-top:			-200px; 			*/
/* 	border:	solid blue 4px;					*/
}

/* roughly in the order of appearance
 */

div.pmaMasthead
	{
		right:				20px;
		top:				20px;
		left:				20px;
		text-align:			right;
		font-size:			150%;
		font-weight:		200;
		border-bottom:		solid  #3B5917 0.0625em;
		font-variant:		small-caps;
	}

div.pmaMasthead br
{
 
}
	
a.pmaBigTitle 
    {
      color:				#3B5917;
    }
    
a.pmaAddressBlock
	{
	}
    
a.pmaAddressBlock,
a.pmaPhoneNumbers,  
a.pmaMailTo	
	{
		width:				100%;
		display:			block;
		float:				left;
		font-size:			33%;
		text-align:			right;
	}

a.pmaAddressBlock,
a.pmaPhoneNumbers,
a.pmaMailTo
	{
		clear:				both;
	}

div.pmaInfoPageText p
{
		max-width:			60ex;
		line-height:		1.5em;
		color:				#3B5917;
		font-size:			80%;
}




body 
{	color:					/* #3B5917; */ black;
	font-family:			Lucida, sans-serif;
	background: 			rgb(197,203,165) url(/icons/watermarkHalf.gif) fixed center right no-repeat;
}  /* rgb(168,181,144) */

  div.pmaFixedNavigation,
  body
  {
	 	background-color:		rgb(197,203,165) ;
  }
	



body.pmaProject
{
	background-image: 		url(_icons/watermark.gif);
}




/*
 *
 *
 *
 *
 *
 */
/**
	 @page
	 {
	 	@bottom-center
	 	{
	 		content: "Paul Macht Architects";
	 	}
	 }
****/

	@media print 
	{
	 *
	 {
/*	 	border:		solid black dotted; */
	 }
	 div.pmaFixedNavigation
	 {
	  visibility:		hidden;
/*	  height:			0px; */
	  
	 }
	 body
	 {
	 	height:			9.0in; 
	 	width:			7.25in;
	 }
	 div.pmaDoc
 	 {
		margin:			auto;
	 }
/*	 div#print-footer
	 {
	 	display: block;
	 	position: fixed;
	 	bottom:		0;
	 	content: "Paul Macht Architects"; 
	 } */
	}
/**** END OF MEDIA PRINT *********/
/*
 * pmaFixedNavigation is the strip of categories at the bottom of the screen
 */

  div.pmaFixedNavigation
	{
 		z-index:				100;			/* absolute top */
        position:				fixed;
        width:					100%;
        top: 					90%;
        bottom:					0;
        right:					0px;  /* fix bug in browser? */
	 	padding:				10px 10px 10px 10px;
	}
	

  span.pmaFixedNavigation
	{
	 text-align:	center;
	 width:			100%;
	}
/*
 * pmaNavigation is the table that holds the holds the 'homes' etc titles.
 *
 *
 */
  table.pmaNavigation
	{
	  width:			100%;
	  height:			100%;
	  text-align:		center;
	  margin-right:		0;
	  margin-left:		0;
	  font-size:		75%;
	}
	
  table.pmaNavigation td
	{
	  vertical-align:	baseline; 
	  height: 			50px;
	  width: 			150px;
 	}

	p.navigationHeading
	{
	  font-size:		100%;
	  cursor:			default;
	  line-height:  	4em;
	  margin-top: 		0em;
	  margin-bottom: 	0em;
	  text-align:		center;
	}
	
/* not used ... might be broken, if you try */
	p.navigationSubHeading
	{
	  font-size:		50%;
	  cursor:			default;
	  margin-left:  	2em;
	  line-height:		1;
	  margin-top: 		0em;
	  margin-bottom: 	0em;
	  visibility: 		hidden;
	}

/*
 *   pmaDoc , from pmaFixedNavigation.php
 *
 *   Table of images, and on hoover images...
 *   
 */
 
div.pmaDoc
{
	margin:					auto 60px auto auto;
}
 
table.pmaDoc
 {
	border-spacing:			20px;
 	padding:				0px;
 	margin:					auto;		
 }
 
table.pmaDoc tr td
 {
 	height:					140px;
 	width:					140px;
 	vertical-align:			top;
 }
 
table.pmaDoc img
 { 
 	display:				block;
 	border:					0;
 }

/* 
 * will need some method for dealing with clients without JavaScript
 */
 
/* */
a.pmaDoc
		{
			display:			inline-block;
			height:				140px;
			width:				140px;
			color: 				#9BAC7F;
			text-decoration:	none;
			text-align:			center;
		 	margin:				0px;
		 	padding:			0px;
		}
		
a.pmaDoc div
		{
		 padding:   0;
		 margin:	0;
		 border:	0;
		}

		
/* title of the "menu" images */	
/* span vs div */
/* */
.pmaImageText
		{
		display:			block;
		font-size: 			150%;
		width:				120px;
		color:				#C5CCAD;		
		position:			relative;
		top:				120px;
		text-align:			left;
		padding:			auto auto auto 2em;
		font-size:			14pt;
		font-style:			italic;
		font-weight:		150;
		font-variant:		small-caps;
		background-image:	url(/icons/pmaNormal/2x2.3Q.med.png); 
		}
	/*	*/
	

/* div style for floating icon
 */
 
 div.pmaFloatingBlock
 {
 visibility:		hidden;			/* make hidden initially */
 width:				140px;
 height:			140px;
 margin:			-10px;
 position:			absolute;
 left:				0px;
 top:				0px;
 
 }
 
 
 /* used only with js table rollover... no longer needed.
  */
 
 div.pmaFloatingBlock img
 {
	height:		100%;
	width:		100%;
 }
 
 div.pmaFloatingBlock a
 {
	color:		#9BAC7F;
 }
 
/* above no longer used */
 
 /* place to load the image from, ensures pre-cache */
 
 div.pmaHiddenContainer
 {
 	height: 	0;
 	width:		0;
 	zorder:		0;
 }
 
 /* where we hide the preloaded images
  */
  
 div.pmaHidden,
 img.pmaHidden,
 div.pmaHiddenContainer
 {
 	visibility:		hidden;
 	clear:			both;
 }


/* classes for "pmaInfoPage"
   pmaInfoPage divides the page that displays the text images for a project into two halves.
   

 */
 
div.pmaInfoPageBody
{
	display:		table;
	width:			100%;
}

div.pmaInfoPageText,
div.pmaInfoPageImage
{
	display:			table-cell;
	vertical-align:		bottom;
	width:				48%;				/* 50% width causes trouble */
	min-width:			420px;
}



div.pmaInfoPageImage
{
	 float:				left;
}

div.pmaInfoPageText
{
   	float:			right;
	text-align:		justify;
}

div.pmaInfoPageTitle,
div.pmaInfoImageSelector
{
	display:			block;
	height:				5em;
/*	border:				solid black 1px;
 */
	vertical-align:		bottom;
	margin-top:			1em;
}

div.pmaInfoPageTitle:first-letter
{
	/* font-size:				150%; */
}


div.pmaDescriptionText
	{
	overflow:		auto;
	float:			left;
	height:			100%; 					
	width:			100%;
	padding-right:	1em;
	}
	
div.pmaDescriptionText p
{
	margin-top:		0em;
}


div.pmaInfoImageSelector
{	display:				block;
	float:					right;
 	text-align:				center;
}

table.pmaInfoImageSelector
{
	vertical-align:				bottom;
	bottom:						0;
}

table.pmaInfoImageSelector td
{
	vertical-align:				baseline; 
/*	background-color:			blue;
 */
}

div.pmaInfoImageHolder
{
 	float:					right;
 	clear:					both;
	top:					2em;
	right:					2em;
	width:					100%; /*340px;  leave space for placeholder */
	height:					420px;
}

img.pmaInfoImageHolder
{
	float:					right;
}

img.pmaImageVerticalSpacer
{ 
	width: 					1px;
	height:					320px;
	float: 					left;
}

div.pmaInfoImagePage,
div.pmaInfoPageText
{
 	height:				50%;
}


div.pmaPrint
{
	display: block;
	float:	right;
}

div.pmaPDFIcon
{
 width: 100%;
 float: left;
}

a.pmaPDFIcon
{
 border: none;
 color: inherit;
}

img.pmaPDFIcon
{
 margin-left:	10px;
 border:		none;		/* MSIE displays blue border without this */
}


span.pmaProjectTitle*
{
	font-size: 100%;
	text-transform: uppercase;
}

span.pmaProjectTitle0
{
	font-size: 150%;			/* must agree with javascript code */
}



/* Main Window Styles */
	div.pmaMainWindow
	{
	  position:	fixed;
	  top:		0;
	  left:		0;
	  height:	100%;
	  width:	100%;
/*	  background:	transparent; */
	}


  div.pmaTextWindow
  {
/*	clear:	top right; */
        width: 	auto;
        height: auto;
	background-image: url(/icons/watermark4.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
/*	border:	dotted blue 1px; 	*/
	padding: 10px 10px 10px 10px;	
   }
	
/* Selector Styles */
	table.pmaSelector
	{
	 float:		right;
	 text-align:	center;
	 margin-left:	100%;
	 margin-top:	100%;
	}

	table.pmaSelector td
	{
	  font-size:		100%;
	  cursor:			default;
	  width:			50px;
	  text-align:		center;
	  vertical-align: 	middle;
/*	  border:			dotted red 1px;
 */
	}
	
	table.pmaSelector	td a
	{
	}
	
	table.pmaSelector	td a:hover
	{
		color: red;
	}

/* Selector Styles  pmaImageSelector is not used?? */
	table.pmaImageSelector
	{
	 line-height:	250%;
	 float:			right;
	 height:		100%;

	}

	table.pmaImageSelector td
	{
	  font-size:		100%;
	  cursor:			default;
	  width:			8em;
	  vertical-align: 	bottom;
	  text-align:		center;
/*	 background-color:		blue; */
	}

	img.pmaImage
	{
	display:			block;
	float:				right; 
	clear:				both;
	padding:			0px 0px 0px 0px;
	}
*
{
/* border: solid black 1px; */
}

/*
div {border: dotted blue 1px; }
* { visibility: visible;
	background-color: red;} 
 */