/* #################################################################### */
				/* --- | GLOBAL HTML STYLES | ----- */
/* #################################################################### */	
	*			{ margin: 0; padding: 0; }
	body		{ background: url(../_i/bg-body.jpg); font: 11px/13px helvetica, arial, sans-serif; color: #6c787f; }
	a img   	{ border: 0; }
	#container	{ margin: 25px 0; }
		
	
/* #################################################################### */
			/* --- | HEADER AND NAVIGATION LAYOUT | --- */
/* #################################################################### */	
	#header 	{ position: relative; margin: 0 auto; width: 700px; }
	
				/* Site Logo */
				h1 a	{ float: left; display: block; background: url(../_i/h1-abuse-the-system.gif) no-repeat; width: 281px; height: 90px; text-indent: -10000px; }
				
				
				/* Main site navigation */
				#mainNav		{ float: right; background: url(../_i/bg-ul-mainNav.gif); list-style: none; width: 380px; padding: 14px; margin-top: 55px; }
				#mainNav li		{ }		
				#mainNav li a	{ display: none; float: right; }
				/*  #mainNav li a	{ display: block; float: right; background: #445159; color: #daeaee; padding: 4px; margin-left: 8px; text-transform: uppercase; text-decoration: none; font-weight: bold; }


	
/* #################################################################### */
			/* --- | CONTENT HOMEPAGE | --- */
/* #################################################################### */						
	#containMain	{ clear: both; position: relative; margin: 6px auto; padding: 12px 0 20px 0; background: url(../_i/bg-content.gif); }
		#containMain p		{ margin-bottom: 12px; }
		#containMain p.tiny	{ font-size: 9px; color: #888; line-height: 9px; }
		#containMain p span	{ color: #888; }
	
	
	
	#contentHome	{ position: relative; margin: 0 auto; width: 700px; }
	h3				{ color: #445159; text-transform: uppercase; font-size: 10pt; margin: 12px 0 4px 0; }
	
	#homeTrampt					{ width: 200px; float: left; padding-right: 25px; }
	#homeTrampt h2 a			{ display: block; width: 200px; height: 100px; background:url(../_i/h2-logo-trampt.gif) 0 0 no-repeat; text-indent: -10000px; }
	#homeTrampt h2 a:hover		{ background: url(../_i/h2-logo-trampt.gif) 0 -100px no-repeat; }
	
	#homeShort					{ width: 200px; float: left; padding: 0 25px; background: url(../_i/bg-divider-plus.gif) 0 0 repeat-y; }
	#homeShort h2 a				{ display: block; width: 200px; height: 100px; background:url(../_i/h2-logo-short.gif) 0 0 no-repeat; text-indent: -10000px; }
	#homeShort h2 a:hover		{ background: url(../_i/h2-logo-short.gif) 0 -100px no-repeat; }
	
	#homeUnstructure			{ width: 200px; float: left; padding-left: 25px; background: url(../_i/bg-divider-plus.gif) 0 0 repeat-y;  }
	#homeUnstructure h2 a		{ display: block; width: 200px; height: 100px; background:url(../_i/h2-logo-unstructure.gif) 0 0 no-repeat; text-indent: -10000px; }
	#homeUnstructure h2 a:hover	{ background: url(../_i/h2-logo-unstructure.gif) 0 -100px no-repeat; }
		
/* #################################################################### */
			/* --- | FOOTER | --- */
/* #################################################################### */						
	#footer		{ position: relative; margin: 0 auto; width: 700px; }
	#footer p	{ color: #c0cad6; }
	#footer p+p	{ color: #71797f; }


/* #################################################################### */	
				/* --- | CSS HACKS AND FIXES | --- */
/* #################################################################### */
	/* Clear floats to extent background around floated elements */
	.cf:after { content:"."; display:block; height:0; clear:both; visibility:hidden; min-width: 0; }
	
	.cf { display: inline-block; }
	.cf { display: block; }
	/* Hide from IE Mac \*/
  	* html .cf { height:1px; }
	/* End hide from IE Mac */

	/* IE HACK FOR CENTER ALIGN */
		* html body {padding-left: 1px;}
	
	
		
/* #################################################################### */	
				/* --- | CSS STYLES FOR LIGHTBOX | --- */
/* #################################################################### */		
	/* Main Lightbox positioning and styles */
		#lightbox		{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; }
		#lightbox a img	{ border: none; }
		#lightboxArray	{ display: none; }

	
		#outerImageContainer		{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; color: inherit; }
		#imageContainer				{ padding: 10px; }	
		#loading					{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; }
		#hoverNav					{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
		#imageContainer>#hoverNav	{ left: 0; }
		#hoverNav a					{ outline: none;}

	/* Previous and Next controls for lightbox image*/
		#prevLink, 
		#nextLink				{ width: 49%; height: 100%; background: transparent url(/_images/blank.gif) no-repeat; display: block; }
		#prevLink				{ left: 0; float: left; }
		#nextLink				{ right: 0; float: right; }
		#prevLink:hover, 
		#prevLink:visited:hover { background: url(/_images/02/prevlabel.gif) 0 15% no-repeat; }
		#nextLink:hover, 
		#nextLink:visited:hover { background: url(/_images/02/nextlabel.gif) 100% 15% no-repeat; }

	/* Image description text for lightbox image */
		#imageDataContainer			{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; color: inherit; }
		#imageData					{ padding:0 10px; }
		#imageData #imageDetails	{ width: 70%; float: left; text-align: left; }	
		#imageData #caption			{ font-weight: bold; }
		#imageData #numberDisplay	{ display: block; clear: left; padding-bottom: 1.0em; }
		#imageData #bottomNavClose	{ width: 66px; float: right;  padding-bottom: 0.7em; }
		
	/* Lightbox overlay for popup transparency */	
		#overlay	{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; color: inherit; }