body	{	margin:  	0;
			padding: 	0;
			border:		0;
			background-color: #4a4a4a; 
			}



	/* These classes provide different backgrouond colors for the Sidebar & Main Containers. main_container: one for portfolios & "general" for Sidebar, Home. */
	
	
	.general_background_color			{	background-color:	#ebebeb;  
											}  /* RGB=235 	This covers the sidemain container. It will only be sesen in sidebar if the main container in the z stacking order above it has another color */
	
	
	
	.main_background_color				{	background-color:	#dcdcdc;  /* RGB=220 	This is for the Index, About & Exhibit Pages Main Containers */   
											}
										/* Note for main_background_color: if this value is changed, must also place the same new value into   .text_match_background style  that appears on the About Page if it is in current use on that page. */
	


	.portfolio_background_color			{	background-color: #c8c8c8;   
											}    
											/*  RGB=200    a0a0a0 #b4b4b4  This is for each Main Container for the Portfolios, but will only be seen behind the small photos (Main-Left) if the the big photos have a different color behind them (Main-Right}.  */  
			
	
	.portfolio_right_background_color	{	 background-color:	#aaaaaa;
											}  
											/*    RGB=170	This is to allow the Main-Right of the Portfolio to have a different color than Main-Left */




#site_container 	{	width: 		990px;
						margin:  	28px auto 0 auto;  /* The left and right auto settings do not work in IE 7 & the whole site will place left in that browser window */
						padding:	0;
						position:	relative;
					 	}


/*  GLOBAL TEXT AND IMAGE LINKING REQUIREMENTS  */


a:link 				{ 	border:	0;	outline:	none;	}  			/* The "outline" statement removes dotted outlines around text and images that links when selected in Firefox  */

a:hover 			{	border:	0;	outline:	none;	}
 
a:visited 			{	border:	0;	outline:	none;	}
 
a:active 			{	border:	0;	outline:	none;	}





/*  MASTHEAD  */


#masthead_container	{	width:   		990px;
						height:  		104px;
						
						margin:  		0;
						padding:		0;
						float:	  		left;   
						
						border-top:    thin solid #5a2526;   
						border-bottom: thin solid #5a2526;
						
						background-color:	#000000;
						}


	#logotype_container	{	width:		450px;
							height:		64px;
							margin: 	23px 270px 17px 270px;
							padding:	0;
							}




/*  SIDEBAR & MAIN   */


#sidebar_main_container {	width:			990px;  
							height:			498px;
								
							margin:			12px 0 0 0;  
							padding:		0;
							position:		relative;
							float:			left;
							
							border:			0;
							padding:		0;	
							background-color:	#ebebeb;
							}


	

	/*  SIDEBAR  */
	
	
	#sidebar 				{	width:		214px;  
								height:		498px;
								
								margin: 	13px 0 0 0;  
								padding:	0;
								position:	relative;
								
								border:			0;
								padding:		0;
								
								float:		left;
								}
	
	
	
			/* NOTE; This is to Remove browser default bullets, & link underlines & to replace browser defaults for margin & padding */

			ul						{	text-decoration: none; list-style-type: none;   margin: 0; padding: 0;  }
		
		
			/* Pseudo-Class Selectors - in General */

			a:link     				{	text-decoration: none; list-style-type: none;	border: 0;	}
			a:visited  				{	text-decoration: none; list-style-type: none;	border: 0;	}
			a:hover	   				{	text-decoration: none; list-style-type: none;	border: 0;	}
			a:active   				{	text-decoration: none; list-style-type: none;	border: 0;	} 


			.sidebar_text_level_1			{	font-family:    verdana, geneva, sans-serif;
		   										font-weight:	bold;
												font-size:      16px;  
												color:		    #000000;	
												margin:			9px 0 5px 20px;
												}
			.sidebar_text_level_1  a:link   {	color: #000000;	}  
			.sidebar_text_level_1  a:visited{	color: #000000; }
			.sidebar_text_level_1  a:hover  {	color: #c43a02; }
			.sidebar_text_level_1  a:active {	color: #c43a02; }	

			
			
				.sidebar_text_level_1_active			{	font-family:    verdana, geneva, sans-serif;
		   													font-weight:	bold;
															font-size:      16px;  
															color:		    #c43a02;	
															margin:			9px 0 5px 20px;
															}
				.sidebar_text_level_1_active  a:link   {	color: #c43a02;	}  
				.sidebar_text_level_1_active  a:visited{	color: #000000; }
				.sidebar_text_level_1_active  a:hover  {	color: #c43a02; }
				.sidebar_text_level_1_active  a:active {	color: #c43a02; }
			
			
			
			.sidebar_text_level_2			{	font-family:      verdana, geneva, sans-serif; 
												font-weight:	  bold;
												font-size:        13px;   
												color:  		  #7a2526;   
		  										margin: 		  8px 0 3px 35px;
												}
			.sidebar_text_level_2  a:link  	{	color: #7a2526; }  
			.sidebar_text_level_2  a:visited{	color: #7a2526; }  
			.sidebar_text_level_2  a:hover  {	color: #c43a02; }/*ff2556  b32526       c27609 is good too*/
			.sidebar_text_level_2  a:active	{	color: #c43a02; }/*ff2556  b32526             c27609 is good too*/


			
			
				.sidebar_text_level_2_active			{	font-family:      verdana, geneva, sans-serif; 
															font-weight:	  bold;
															font-size:        13px;   
															color:  		  #c43a02;   
		  													margin: 		  8px 0 3px 35px;
														}
				.sidebar_text_level_2_active  a:link  	{	color: #c43a02; }  
				.sidebar_text_level_2_active  a:visited {	color: #7a2526; }  
				.sidebar_text_level_2_active  a:hover   {	color: #c43a02; }/*ff2556  b32526       c27609 is good too*/
				.sidebar_text_level__active2  a:active	{	color: #c43a02; }/*ff2556  b32526             c27609 is good too*/

			
			
			.sidebar_text_small				{	font-family:    verdana, geneva, sans-serif;
												font-size:      10px;
												color:		    #000000;	
												margin: 		13px 0 0 20px;
												}





	/*  MAIN  */
	
	
	#main_container			{	width:		776px;
								height:		498px;
								margin:		0;
								padding:	0;
								position:	relative;
								float:		right;
								
								border:			0;
								padding:		0;
								}




		/* HOME PAGE */	
	
		
		#home_page_photo_container	{	width:		724px;
										height:		324px;
										margin:		26px 26px 0 26px;
										padding:	0;
										position:	relative;
										float:		left;
										
										border:			0;
										padding:		0;
										
										background-image:	url(../photos_all_other/home_.jpg);
										}
	
		
			.dropcap			{	font:			normal normal normal 46px/55px verdana, geneva, sans-serif; 
									margin:			-7px  0  -10px  0;
									
									float:			left;   /* W3C Validator says that when the float value is used, a width must be specified, but this will vary depending on the letter, not using the float left makes a mess */
									color:			#5a2526;
									}
			
			.home_page_title	{	font: 			bold normal normal 22px verdana, geneva, sans-serif;  /* Originally font size was 19 px, but too small */
									text-align:		center;
									
									letter-spacing:	1px;
									
									
									width:     		724px;
									margin:     	12px 26px 6px 26px;  
									
									float:			left;
									color:	    	#5a2526;
			  						}
			
			
			.home_page_text			{	font: 			normal normal normal 14px/21px verdana, geneva, sans-serif;
										letter-spacing:	0;
										word-spacing:	-2px;
						
										text-align: 	justify;
										width:      	724px;
										margin:			0 26px 26px 26px;
			   			
										float:			left;
										color:	    	#000000; 
										}




		/*  ABOUT PAGE */	/* Note:  Left Margins are built into the Left & Right Containers, while Top and or Bottom Margins are built into styles for the components in those containters */
		
		
		#about_page_left_container	{	width:		349px;  /* Width & height includes left, top & bottom margin so not have to change margins on components */
										height:		498px;
										margin:		26px 0 0 26px;
										padding:	0;
										position:	relative;
										float:		left;
										
										border:			0;
										padding:		0;
										
										}
		
		
			#about_page_photo_container	{	width:		349px;  /*330*/
											height:		307px;
											margin:		0;   /* The bottom margin will need to be adjusted depending the overall content size. */ 
											padding:	0;
											position:	relative;
											float:		left;
											
											border:			0;
											padding:		0;
											
											background-image:	url(../photos_all_other/about_.jpg);
											}
			

			
		
		#about_page_right_container	{	width:		349px;  /* Width & height includes left, right, top & bottom margin so not have to change margins on components */
										height:		498px;
										margin:		26px 0 0 26px;
										padding:	0;
										position:	relative;
										float:		left;
										
										border:			0;
										padding:		0;
										
										}
		
	
		
			.about_page_text		{	font: 			normal normal normal 14px/22px verdana, geneva, sans-serif;
										letter-spacing:	0;
										word-spacing:	-2px;
						
										margin-top:		0;
										margin-bottom:	5px;
										
										text-align: 	justify;
										width:      	349px;
										margin-top:		-4px; /* This value allows the top of the line to match the top of the adjoining photo to compensate for extra line sapace created by the leading value */ 
			   							
										text-Indent:	20px;
										
										position:		relative;
										float:			left;
										color:	    	#000000; 
										}
			.about_page_text  a:link   {	color: #25267a;	}  
			.about_page_text  a:visited{	color: #25267a; }
			.about_page_text  a:hover  {	color: #0000ff; }
			.about_page_text  a:active {	color: #0000ff; }	
			
			
			
			
			.text_match_background	{	color:	#d7d7d7;   /* This style allows typing in a character between lines where no character is to show in order to maintain line spacing.  */
										}
		
			
			
		/*  SERVICES PAGE  */	

	
		#services_page_left_container{	width:		349px;  /* Width & height includes left, top & bottom margin so not have to change margins on components */
										height:		498px;
										margin:		26px 0 0 26px;
										padding:	0;
										position:	relative;
										float:		left;
										
										border:			0;
										padding:		0;
										}

			#services_page_photo_container 	{	width:		349px;  /*330*/
												height:		227px;
												margin:		0 0 18px 0;   /* The bottom margin will need to be adjusted depending the overall content size. */ 
												padding:	0;
												position:	relative;
												float:		left;
											
												border:			0;
											
												background-image:	url(../photos_all_other/services_.jpg);
												}
		
		
		
		
		#services_page_right_container{	width:		349px;  /* Width & height includes left, right, top & bottom margin so not have to change margins on components */
										height:		498px;
										margin:		26px 0 0 26px;
										padding:	0;
										position:	relative;
										float:		left;
										
										border:			0;
										padding:		0;
										}

			
			.services_page_title 	{	font: 			normal normal normal 15px/21px verdana, geneva, sans-serif;
										letter-spacing:	0;
						
										font-weight:	bold; 
										color: 			#25267a;  /* blue  */
													
										text-align:		left;
													
										width:			349px;
										margin:			0 0 2px 0;
													
										position:		relative;
										float:			left;
										}
			
			.services_page_text		{	font: 			normal normal normal 14px/22px verdana, geneva, sans-serif;
										letter-spacing:	0;
										word-spacing:	-2px;
						
										line-height:	22px;
										
										width:      	349px;
										margin: 		0 0 23px 0;   /* 6 px */
										
										text-align: 	justify; 
										
										/* No text indent of 20px as on about page */
										
										
										position:		relative;
										float:			left;
										color:	    	#000000; 
										}
			.services_page_text  a:link   {	color: #25267a;	}  
			.services_page_text  a:visited{	color: #25267a; }
			.services_page_text  a:hover  {	color: #0000ff; }
			.services_page_text  a:active {	color: #0000ff; }

		
		
		
		/*  EXHIBIT PAGE  */		
		
		
		#exhibit_page_left_container{	width:	349px;       
										height:	446px;
									
										margin:		26px 0 0 26px;
										padding:	0;
										position:	relative;
										float:		left;
										
										border:			0;
										padding:		0;
										
										background-image:	url(../photos_all_other/exhibit_.jpg);
										}
		
		
		#exhibit_page_right_container{	width:	349px;
										height:	446px;
									
										margin:		26px 26px 0 26px;
										padding:	0;
										position:	relative;
										float:		left;
										
										border:			0;
										padding:		0;
										}

			
			.exhibit_page_title_1 				{	font: 			normal normal normal 15px/21px verdana, geneva, sans-serif;
													letter-spacing:	0;
						
													font-weight:	bold; 
													color: 			#25267a;  /* blue  */
													
													text-align:		left;
													
													width:			349px;
													margin:			14px 0 1px 0;
													
													position:		relative;
													float:			left;
													}
			
			.exhibit_page_title_1  a:link    { color: #25267a; }  
			.exhibit_page_title_1  a:visited { color: #25267a; }
			.exhibit_page_title_1  a:hover   { color: #0000ff; }
			.exhibit_page_title_1  a:active  { color: #0000ff; }
			
			
			
			.exhibit_page_title_2 				{	font: 			normal normal normal 13px/21px verdana, geneva, sans-serif;
													letter-spacing:	0;
						
													font-weight:	bold; 
													color: 			#395e37;  /*  green  */
													
													text-align:		left;
													
													width:			337px;
													margin:			1px 0 0 12px;
													
													position:		relative;
													float:			left;
													}
			
			.exhibit_page_title_2  a:link    { color: #395e37; }  
			.exhibit_page_title_2  a:visited { color: #395e37; }
			.exhibit_page_title_2  a:hover   { color: #009f11; }
			.exhibit_page_title_2  a:active  { color: #009f11; }
			
			
			
		
			
			
			.exhibit_page_text_1		{	font: 			normal normal normal 14px/21px verdana, geneva, sans-serif;
											letter-spacing:	0;
											word-spacing:	-2px;
						
											color:	    	#000000;
										
											text-align: 	justify;
										
											width:      	337px;
											margin:			0 0 0 12px;
										
											position:		relative;
											float:			left;
											}
			
			/* Note: at the present time there is no exhibitPage_text_2  */
		
		
			.exhibit_page_text_2		{	font: 			normal normal normal 13px/19px verdana, geneva, sans-serif;
											letter-spacing:	0;
											word-spacing:	-2px;
						
											color:	    	#395e37;
										
											text-align: 	justify;
										
											width:      	337px;
											margin:			0 0 0 12px;
										
											position:		relative;
											float:			left;
											}
		
		
		
		/*  CLIENT ACCESS */
		
		
		
		#client_access_page_left_container
									{	width:		349px;       
										height:		446px;
									
										margin:		26px 0 0 26px;
										padding:	0;
										position:	relative;
										float:		left;
										
										border:		0;
										padding:	0;
										
										background-image:	url(../photos_all_other/client_access_.jpg); 
										}
		
		
		
		
		
		
		#client_access_page_right_container
									{	width:		349px;
										height:		446px;
									
										margin:		26px 26px 0 26px;
										padding:	0;
										position:	relative;
										float:		left;
										
										border:		0;
										padding:	0;
										}
		
		
			
			
			.client_access_form_label		{	width:			349px;
												
												font: 			bold normal normal 13px/17px verdana, geneva, sans-serif;
												letter-spacing:	0;
						
												color: 			#25267a;  /* blue  */
												text-align:		left;
												
												margin:			102px 0 0 0;
												}
			
			
			input							{	width:		250px;
												height:		30px;
												
												margin:		5px 99px 0 0;
												border:		0;
												padding:	0;
												
												float:		left;
												
												background-color:	#ebebeb;
		
												font:	bold normal normal 16px/25px verdana, geneva, sans-serif;
												color:		#4a4a4a;  /* Same color as site backgrouond */
												text-align:	left;
												vertical-align: middle;
												text-indent: 7px;
												
												
												text-decoration: none; list-style-type: none;
												}
			
			/* When click inside input box, the appearance of the box can change & that is what the following controls address: */		
			
			
			/* For standards browsers */
				input[type="text"]:focus 		{	border:				0;
													background-color:	#f5f5f5;
													vertical-align: 	middle;
													}
				
				input[type="password"]:focus	{	border:				0;
													background-color:	#f5f5f5;
													vertical-align: 	middle;
													}
				
				input[type="submit"]:focus		{	border:				0;
													background-color:	#aaaaaa;
													color:				#ebebeb;
													}
			 
			 /* For Internet Explorer */
				input.focus 					{	border:				0;
													background-color:	#f5f5f5;
													vertical-align:		middle;
													}
   
    
    
   
    

				
		
		
		
		
		
		
		/*  PORTFOLIO PAGES  */										
		
			
		#main_left_container	{	width:		244px;
									height:		490px;
									margin:		8px 0 0 8px;
									position:	relative;
									float:		left;
									
									border:			0;
									padding:		0;
									}
			
			
				#main_left_below		{	width:		240px;
											height:		460px; 
											margin:		4px 0 0 4px;
											padding:	0;
											position: 	absolute;
											z-index: 	25;
											
											border:			0;
											padding:		0;											
											}

		
					.small_dropshadow		{	width:		62px;
												height:		74px;
												margin:		18px 0  0 18px;	
												position:	relative;
												float:		left;
												background-color:	#323232;  /* #6e6e6e or   #787878 444444  */
												}
			
			
				#main_left_between		{	width:		244px;
											height:		464px;
											margin:		0;
											border:			0;
											padding:	0;
											position: 	absolute;
											z-index: 	50;
											}	
			
			
					.small_photo_footprint	{	width:		62px;
												height:		74px;
												margin:		18px 0  0 18px;	
												position:	relative;
												float:		left;
												padding:     0;
												border:		 0;
												background-color:  #000000;  
												}
			
			
				#main_left_above 		{	width:		244px;
											height:		464px;
											margin:		0;
											border:		0;
											padding:	0;
											position: 	absolute;
											z-index: 	100;
											}

			
					.small_photo		{	width:		62px;
											height:		74px;  /* It may seem repititious to have width & height specified here as well as in image_source, but Firefox seems to require it for proper image placement upon click. */
											margin:		18px 0  0 18px;	
											padding:     0;
											border:		 0;
											position:	 relative;
											float:		 left;
									
											opacity:	0.8;filter:alpha(opacity=80)     /* Transparency is a CSS 3 capability supported by most browsers, IE uses the filter: alpha opacity coding to do the same thing. */
											}
			

					.image_source		{	width:	62px;
											height:	74px;
											padding:	0;
											border:	0;
											}					/* This is applied to the small photos that comprise that load in the main-left container for the portfolios  */

																/* No pseudo-class selectors listed here for image-source becuase the oncerns are addressed globally at the beginning of this style shee */
					
					
					.portfolio_page_text			{	font: 			normal normal normal 10px verdana, geneva, sans-serif;
														letter-spacing:	0;
														word-spacing:	0px;
														width:      	250px;
														margin:			11px 0 0 18px;
														position:		relative;
														float:			left;
														color:	    	#000000; 
														}
					.portfolio_page_text  a:link    {	color: #000000;	}  
					.portfolio_page_text  a:visited {	color: #000000; }
					.portfolio_page_text  a:hover   {	color: #ff2526; }
					.portfolio_page_text  a:active  {	color: #ff2526; }	



		#main_right_container 		{	width:		498px;
										height:		498px;
										margin:		0 0 0 26px;  
										border:		0;
										padding:	0;
										position:	relative;
										float:		left;
										}


			#iframe_container		{	width:		498px;
										height:		498px;
										margin-top: 0;
										margin-left:0;
										border:		0;
										padding: 	0;
										position:	absolute;
										
										z-index:	2;
										}

							
				
				#quote_page_container	{	width:		498px;
											height:		498px;
											margin-top:	0;
											margin-left:0;
											padding:	0;
											border:		0;
											background-color:	#aaaaaa;  /* RGB=170 */
											
											position:	absolute;
											z-index:	3;
											
											}
			
			
					.quote_box				{	width:			340px;
												height:			444px;  /* To get the bottom border to show, the height was reduced 2 jpx to this value */
												margin-top:		26px;
												margin-left:	79px;
												padding:		0;
												position:		absolute;
												z-index:		6;
												
												border-left:		2px solid #8c8c8c;
												border-right:		2px solid #8c8c8c; 
											
												background-color:   #c8c8c8;
												
												/*background-color:	#aaaaaa; /*  a0a0a0  d2d2d2   8c8c8c    d7d7d7 is rgb=215   d2d2d2 is rgb=210 */
												
												
												
												}
			
			
						.quote_text			{	font: 			bold 13px/22px verdana, geneva, sans-serif;
												letter-spacing:	0px;
												word-spacing:	0px;
						
												margin-top: 	100px; 	margin-left: 	68px;
												/*Margins are specified inline As Well */
			   									
												color:	 		#03370c;   /*293e42;  */	/*#002354; */
												}

	
						.quote_author_name	{	line-height: 	45px;
												font-weight:	normal;
												}
					
					
					
					
				#big_photo_page_container	{	width:		498px;
												height:		498px;
												margin-top:	0;  /* Coincident with iframe container */
												margin-left:0;
												border:		0;
												padding:	0;
												position:	absolute;
												
												z-index:	3;
												/* background-image:	url(../graphics/main_right_container_horiz_striping_.gif); */
												}
					
					
					
					#big_photo_container	{	width:		446px;
												height:		446px;
												
												margin:		26px 26px 26px 26px;
												border:		0;
												padding:	0;
												position:	absolute;
												
												z-index:	4;
												}
					
					
					
						.horizontal_big_dropshadow	{	width:			440px;
													/* height is specified inline */
												
														margin-top:		6px;
														margin-left:	6px;
														padding:		0;
														border:			0;
														position:		absolute;
														
														z-index:		5;
														background-color:	#404040; /* This is RGB=64 */
														}    
	
				
						.horizontal_big_photo		{	width:			440px;
													/* height is specified inline */
												
														margin-top:		0;
														margin-left:	0;
														border:			0;
														padding:		0;
														position:		absolute;
														z-index:		6;
														}
	
				
					
						.vertical_big_dropshadow	{	/* width is specified inline */
														height:			440px;
								
														margin-top:		6px;
														/* margin-left is specified inline */
														
														border:			0;
														padding:		0;
														position:		absolute;
														z-index:		5;
														background-color:	#404040; /* This is RGB=64 */
														}  
			
				
						.vertical_big_photo			{	/* width is specified inline */
														height:			440px;
								
														margin-top:		0;
														/* margin-left is specified inline */
								
														border:			0;
														padding:		0;
														position:		absolute;
														z-index:		6;
														}

					
					.image_source2		{	width:	10px;
											height:	21px; 
											padding:	0;
											border:	0;
											border-style:	none;
											
											}		/*This is applied to the previous and next arrows; the style named "image_source" is applied to the portfolio small photos  */
					
				
					
					
					#previous_arrow_container {	width:			10px;
												height:			21px;
											
												margin-top:		451px;	
												margin-left:	10px;     /* 0 26 */
											
												border:			0;
												
												padding:		0;
												position:		absolute;
												
												/* background-image:	url(../graphics/previous_arrow_.png);  */
												
												z-index:		7; 
												}
				 
					
					
					
					#next_arrow_container	{	width:			10px;
												height:			21px;
											
												margin-top:		451px;	
												margin-left:	25px;   /* 16 42 */
											
												border:			0;
												
												padding:		0;
												position:		absolute;
											
												/* background-image:	url(../graphics/next_arrow_.png);  */
												
												z-index:		7; 
												}
					


/*  FOOTER  */


 #footer		{	width:			990px;
					height:			72px;
					margin:			12px 0 0 0;	
					padding:		0;
					position:		relative;
					float:			left;
					border-top:    	thin solid #5a2526;   
					border-bottom: 	thin solid #5a2526; 
					background-color: #242424;
					}


	#logo_container		{	width:		132px;
							height:		46px;
							margin:		13px 429px 13px 429px;
							padding:	0;
							}