/* #################################################################### */
				/* --- | GLOBAL HTML STYLES | ----- */
/* #################################################################### */	
	*		{ margin: 0; padding: 0; }
	body	{ background: url(/_i/00/bg_main.gif); font: 13px/16px georgia, serif; color: #555; padding: 0 10px 10px 10px; }
	h1 a	{ display: block; background: url(/_i/00/logo-unstructure-b.gif) no-repeat 0 0; width: 167px; height: 84px; text-indent: -10000px; margin-left: 15px; }
	h2		{ display: inline; color: #ee3a23; background: #fff; font: bold 12px georgia, serif; text-transform:uppercase; letter-spacing: 0; padding: 2px 4px; }
	h3		{ background: #ee3a23; color: #fff; font: bold 11px georgia, serif; text-transform:uppercase; letter-spacing: 0; margin: 4px 0; padding: 5px 0 3px 10px; }
	h4		{ font: bold 10px georgia, serif; text-transform: uppercase; color: #444; background-color: inherit; padding-bottom: 4px; }
	a		{ color: #333; }
	a:hover	{ color: #ee3a23; text-decoration: none; }
	a img	{ border: 0; }	
		
		#container	{ position: relative; margin: 0 auto !important; width: 750px; padding: 10px 0; }


/* #################################################################### */
			/* --- | HEADER AND NAVIGATION | --- */
/* #################################################################### */	
	#header		{ margin-bottom: 10px; }
	
	#header ul			{ width: 385px; background: #000; position: absolute; top: 0; left: 200px; list-style: none; padding: 10px 14px; }
	#header li			{ display: inline; margin-right: 8px; }
		#header li a		{ background: #000; color: #fff; padding: 5px 3px 8px 4px; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; text-decoration: none; }
		#header li a:hover	{ background: #474d55; }
		
/* #################################################################### */
			/* --- | SUB-NAVIGATION | --- */
/* #################################################################### */	
	#subNav,
	#frontNews		{ float: left; width: 265px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 8px 0; }
	
	#subNav ul				{ list-style: none; margin-top: 8px; border-top: 1px solid #fff; }
	#subNav li  			{ margin: 10px 0; text-align: right; }
	#subNav li a:link		{ background: #000; color: #fff; padding: 3px 4px; text-decoration: none; text-transform: uppercase; }
	#subNav li a:visited	{ background: #474d55; color: #fff; padding: 3px 4px; text-decoration: none; text-transform: uppercase; }			
	#subNav li a:hover		{ background: #ee3a23; color: #fff; padding: 3px 4px; text-decoration: none; text-transform: uppercase; }
	
	
/* #################################################################### */	
			/* --- | NEWS | --- */	
/* #################################################################### */				
	
	#frontNews ul		{ list-style: none; margin-top: 8px; border-top: 1px solid #fff; }
	#frontNews li		{ background: #dcdcdc; margin-top: 5px; padding: 4px 3px 5px 6px; font-size: 9pt; line-height: 1.3em; }
	#frontNews li:hover	{ background: #fff; }
	#frontNews strong	{ display: block; background: url(/_i/00/bg_show-projects.gif); color: #fff; padding: 2px 5px; }

			
/* #################################################################### */	
			/* --- | PAGE CONTENT | --- */
/* #################################################################### */
	#pageContent		{ width: 470px; margin-left: 280px;	}
	#slideShow			{ width: 470px; height: 295px; overflow: hidden; list-style: none; background: #fff; }
	#slideShow a img	{ display: block; border: 0; }
	#projectContent		{ background: #fff; padding: 8px; }
	#projectContent p	{ margin-bottom: 8px; }
	
	.projectRelated		{ background: #fff; width: 145px; float: left; border-top: 1px solid #aaa; padding-top: 8px; }
		.projectRelated p		{ padding: 1px 0 0 5px; font-size: 10px; margin: 0; line-height: 1em; }
		.projectRelated a			{ background: #000; color: #fff; text-decoration: none; padding: 2px; }
		.projectRelated a:visted	{ background: #474d55; }
		.projectRelated a:hover		{ background: #ee3a23; }
		
/* #################################################################### */	
			/* --- | CORPORATE NAVIGATION | --- */
/* #################################################################### */
	#corpNav		{ width: 460px; margin: 4px 0 4px 280px; background: #000; padding: 5px; list-style: none; }
	#corpNav li		{ display: inline; margin-right: 8px; }
		#corpNav li a		{ background: #000; color: #fff; padding: 2px 2px 4px 3px; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; text-decoration: none; }
		#corpNav li a:hover	{ background: #474d55; }
						
				
			

/* #################################################################### */
			/* --- | FOOTER | --- */
/* #################################################################### */				
	#footer		{ float: right;  }
	#footer p	{ display: inline; background: #dcdcdc; color: #777; padding: 3px; text-align: right; font-size: 9px; }


/* #################################################################### */
				/* --- | INPUT FORM FIELDS AND BUTTON SYTLES | --- */
/* #################################################################### */
		/* Form Element Positioning */
			#formElements				{ }	
			#formElements input			{ width: 200px; background: #dcdcdc; font: 12px georgia, serif; color: #444; padding: 2px; }
			#formElements textarea		{ width: 425px; height: 125px; background: #dcdcdc; font: 12px georgia, serif; color: #444; padding: 2px; }
			#formElements label span	{ }
			
				/* Form label text replacement */		
					label				{ display: block; float: left; margin: 5px 0 10px 0; text-transform: uppercase; font-weight: bold; font-size: 10px; }
					label.formName		{ width: 50%; }
					label.formCompany	{ width: 50%; }
					label.formEmail		{ width: 50%; }
					label.formPhone		{ width: 50%; }
					label.formComments	{ width: 100%; }
	
				/* Form submit button */
					#formElements input.buttonSubmit	{ clear: both; display: block; width: 89px; height: 18px; margin: 3px 0 0 340px; border: 0; background: url(/_images/02/button_form_submit.gif) no-repeat; }

		
		
			
/* #################################################################### */	
			/* --- | CSS HACKS AND FIXES | --- */
/* #################################################################### */
	/* Clear floats to extent background around floated elements */
	.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
	.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;}
	
	
		
/* #################################################################### */	
			/* --- | 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: 80%; 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; }