/* CSS Document */


/*****************************************************************
	Global Styles
*****************************************************************/

	html
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		padding: 0px;
		margin: 0px;
	}
	
	body
	{
		background-color: #b7b298;
		padding: 0px;
		margin: 0px;
	}
	
	.floatLeft { float: left; position:relative; }
	.floatRight { float: right; }
	.clear { clear: both; }
	
	.marginTop20 { margin-top: 20px; }
	
	/* Overlay Transparency */
	.overlayBackground
	{
		background: url(/images/back-overlay_transparency.png) left top repeat;
		width:100%;
		height:100%;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 1000;
	}
	*html .overlayBackground
	{
		position: absolute;
		height: 1400px;
	}
			
	/* Overlay Close Button */
	.overlayCloseButton
	{
		position: absolute;
		z-index: 1100;
		top: -15px;
		right: -15px;
		width: 42px;
		height: 42px;
	}
	.overlayCloseButton a { display: block; }

	/*-----------------------------------------
		Headers
	-----------------------------------------*/

		h1
		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.25em;
			font-weight: normal;
			line-height: 1.25em;
			color: #3b2f2a;
			padding: 15px 20px 10px 20px;
			margin: 0px;
		}
		
	/*-----------------------------------------
		Paragraph
	-----------------------------------------*/
	
		p
		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.75em;
			font-weight: normal;
			line-height: 1.375em;
			color: #3b2f2a;
			padding: 10px 20px 0px 20px;
			margin: 0px;
		}
		
	/*-----------------------------------------
		Active Tags
	-----------------------------------------*/
	
		a
		{
			outline: none;
		}
		
	/*-----------------------------------------
		Blockquote
	-----------------------------------------*/

		blockquote
		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.875em;
			font-weight: normal;
			line-height: 1.375em;
			color: #3b2f2a;
			padding: 5px 20px 0px 20px;
			margin: 0px;
		}

	/*-----------------------------------------
		Cream Div Holders
	-----------------------------------------*/

		.cream
		{
			background-color: #fcfbdc;
			padding: 10px;
			margin: 5px;
			position: relative;
			
			-moz-box-shadow: 0 0 3px #333;
			-webkit-box-shadow: 0 0 3px #333;
			box-shadow: 0 0 3px #333;
		}
		
		.plus { padding-bottom: 30px; }
		
		.cream .topLeft_beige { top: -5px; left: -5px; }
		.cream .bottomRight_beige { bottom: -5px; right: -5px; }
				
	/*-----------------------------------------
		Corner Pieces
	-----------------------------------------*/

		.topLeft_cream
		{
			background: url(/images/corner_cream-top_left.png) left top no-repeat;
			width: 21px;
			height: 21px;
			position: absolute;
			top: 0px;
			left: 0px;
		}
		
		.bottomRight_cream
		{
			background: url(/images/corner_cream-bottom_right.png) left top no-repeat;
			width: 21px;
			height: 21px;
			position: absolute;
			bottom: 0px;
			right: 0px;
		}
		
		.topLeft_beige
		{
			background: url(/images/corner_biege-top_left.png) left top no-repeat;
			width: 22px;
			height: 22px;
			position: absolute;
			top: 0px;
			left: 0px;
		}
		
		.bottomRight_beige
		{
			background: url(/images/corner_biege-bottom_right.png) left top no-repeat;
			width: 22px;
			height: 22px;
			position: absolute;
			bottom: 0px;
			right: 0px;
		}
		
		.topLeft_white
		{
			background: url(/images/corner_white-top_left.png) left top no-repeat;
			width: 21px;
			height: 21px;
			position: absolute;
			top: 5px;
			left: 5px;
		}
		
		.bottomRight_white
		{
			background: url(/images/corner_white-bottom_right.png) left top no-repeat;
			width: 21px;
			height: 21px;
			position: absolute;
			bottom: 5px;
			right: 5px;
		}
		
		*html .topLeft_cream,
		*html .bottomRight_cream,
		*html .topLeft_beige,
		*html .bottomRight_beige,
		*html .topLeft_white,
		*html .bottomRight_white
		{
			background: none;
		}
	
	/*-----------------------------------------
		Practioners Button
	-----------------------------------------*/
	
		#practionersButtonHolder
		{
			position: relative;
			width: 39%;
			float: right;
			padding-top: 32px;
		}
	
		.PractionersButton_01
		{
			position: absolute;
			top: 135px;
			left: 50px;
			z-index: 10;
		}
		

/*****************************************************************
	Structural Styles
*****************************************************************/

	#wrapper
	{
		/*background-color:#999900;*/
		width: 910px;
		padding-bottom: 20px;
		margin: auto;
	}
	
	/*-----------------------------------------
		Top Banner
	-----------------------------------------*/
	
		.topBar .negative
		{
			background: url(/images/negative-home.png) left top no-repeat;
			width: 540px;
			height:160px;
		}
		
		.topBar .logo { float: right; }
		
		.topBar .runningMan
		{
			padding: 0px 0px 10px 0px;
		}
		
	/*-----------------------------------------
		Nature Magazine Photo
	-----------------------------------------*/

		.NatureCover
		{
			float: left;
			/*width: 270px;*/
			width: 30%;
			text-align: center;
		}
		
	/*-----------------------------------------
		Joseph Photos
	-----------------------------------------*/
	
		#josephPhoto_1
		{
			width: 250px;
			height: 225px;
			float: right;
			position: relative;
		}
		
		#josephPhotoCollection
		{
			float: right;
			position: relative;
			width: 55%;
			.width: 54%;
		}
		
		#josephPhoto_2 { position: absolute; top: 60px; left: 216px; z-index: 0; }
		#josephPhoto_3 { position: absolute; top: 0px; right: 0px; z-index: 20; }
		#josephPhoto_4 { position: absolute; top: 25px; left: 0px; z-index: 10; }