#main { margin: 0 0 0 0; }

#header { border: 0; margin: 0 0 0 0;  }

	#header ul { }
	
	#header_inner { width: 953px; position: absolute; top: 0; right: 0; margin: 0; padding: 0; }
	
		#header_inner ul#main_categories { margin-left: 130px; }
		
		#header_title { position: absolute; top: 15px; left: 741px; margin-left: 0; }
		
#footer { margin: 0 0 0 0; padding-bottom: 0; }
	
#photo_sequence { margin-top: 12px; height: 530px; overflow: hidden; }

	#photo_sequence .photo_module { float: left; }

	#footer_inner { margin-left: 0; margin-right: 5px; }
	
	#photo_sequence,
	#photo_full { padding-left: 40px; padding-right: 40px; }

	#photo_full .photo_module { }
	
	
/* these don't work on new grid pages... */
	
	.subcategories { top: 47px; }
	
		#subcategory_advertising { left: 333px; text-align: left; }
			
		#subcategory_archive { left: 415px; text-align: left; }
			
		#subcategory_contact { left: 495px; text-align: right; padding-top: 7px; }
	

/* photo nav */
#photo_nav { position: absolute; top: 30px; left: 0; width: 171px;  /* width was 173px to align with header and footer */ }



/* hacks for IE6 */

/* didn't seem to help when width of photo_sequence was enlarged */

* html #photo_sequence .photo_module { zoom: 1; }

/* this didn't change anything...
* html #content .photo_module,
* html #content-wrap,
* html #photo_full
 { zoom: 1; } */

* html #header_title { top: 18px; }

	* html #subcategory_advertising { left: 333px; text-align: left; }
			
	* html #subcategory_archive { left: 415px; text-align: left; }
			
	* html #subcategory_contact { left: 497px; text-align: right; padding-top: 7px; }