html, body { 
	height: 100%;
	}
	
body { 
	margin: 0;
	padding: 0;
	font: 12px/16px Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	color: #997;
	text-align: center;
	background-color: #000;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url(../images/common/bg-body.gif); 
	}	
	
#wrapper { 
    position: relative;
    min-height: 100%;
    width: 948px;
    display: block;
    padding: 0;
    margin: 0 auto;
	behavior: url(/scripts/iepngfix.htc);
    }		

	*html #wrapper { height: 100%; }
		
.container { 
	position: relative;
	}
	
#leftColumn {
	display: block; 
	position: absolute;
	left: 0;
	top: 0;
	width: 372px;
	width: expression('405px');
	height: 800px;
	z-index: 500;
	background: transparent url(../images/common/bg-leftColumn.png) no-repeat 0 0;
	behavior: url(/scripts/iepngfix.htc);
	padding: 9px 40px 1px 33px;
	}
	
	#leftColumn #image { 
		display: block;
		height: 714px;
		width: 331px;
		margin: 0;
		background-repeat: no-repeat;
		background-position: 0 0;
		}
		
		.page-portfolio #leftColumn #image { background-image: url(../images/common/leftImage6.jpg); }
		.page-contact #leftColumn #image { background-image: url(../images/common/leftImage1.jpg); }
		.page-introduction #leftColumn #image { background-image: url(../images/common/leftImage5.jpg); }
		.page-news #leftColumn #image { background-image: url(../images/common/leftImage3.jpg); }
		.page-careers #leftColumn #image { background-image: url(../images/common/leftImage4.jpg); }
		.page-error #leftColumn #image { background-image: url(../images/common/leftImage4.jpg); }
		
	#leftColumn #tagline { 
		position: absolute;
		top: 705px;
		left: 55px;
		z-index: 999;
		background: url(../images/common/tagline.png) no-repeat 0 0;
		display: block;
		font: 9px/12px Arial, Helvetica, sans-serif;
		color: #888;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		behavior: url(/scripts/iepngfix.htc);
		margin: 0;
		padding: 0;
		text-align: left;
		}
		
	#leftColumn a { 
		text-decoration: none; 
		color: #888; 
		background: #000;
		display: inline;
		}
	
	#leftColumn a:hover { 
		text-decoration: none; 
		color: #FFF; 
		}
		
		.copyright { 
			display: block;
			width: 295px;
			margin: 0;
			padding: 25px 0 0 0;
			text-align: left;
			}

	
#rightColumn {
	margin: 0 0 0 405px;
	width: 543px;
	min-height: 840px;
	height: expression('840px');
	position: relative;
	display: block;
	text-align: left;
	}

	
/*  TOP-SECTION STYLES 
---------------------------------------------------------------------*/
	
#logoBanner { 
	width: 100%;
	height: 111px;
	margin: 0 0 22px 0; 
	padding: 0;
	text-align: left;
	clear: both;
	}
	
#logo { 
	height: 111px;
	width: 175px;
	display: block;
	text-indent: -5000px;
	background: transparent url(../images/common/logo.gif) no-repeat;
	float: left; 
	}
	
#contactInfo { 
	height: 111px;
	width: 125px;
	float: right;
	}
	
	#contactInfo a { 
		margin-top: 50px;
		height: 60px;
		width: 125px;
		display: block;
		text-indent: -5000px;
		background: transparent url(../images/common/contactInfo.gif) no-repeat;
		}

		
	
/*  MID-SECTION STYLES 
---------------------------------------------------------------------*/

#mainNav { 
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 999;
	}	
	
	#mainNav ul { 
		list-style-type: none;
		margin: 2px 0 0 0;
		padding: 0;
		}
		
	#mainNav ul li { 
		margin: 0;
		padding: 0;
		float: left;
		display: block;
		position: relative;
		background-image: none;
		}
	
	#mainNav ul li a {
		height: 34px;
		display: block;
		line-height: 34px;
		text-indent: -5000px;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 0 0;
		outline: none;
		}
		
	#mainNav ul li a:hover { background-position: 0 -34px; }
		
	#mainNav ul li.home a.menu { background-image: url(../images/mainNav/home.gif); width: 43px; }
	#mainNav ul li.introduction a.menu { background-image: url(../images/mainNav/introduction.gif); width: 101px; }
	#mainNav ul li.portfolio a.menu { background-image: url(../images/mainNav/portfolio.gif); width: 81px; }
	#mainNav ul li.news a.menu { background-image: url(../images/mainNav/news.gif); width: 52px; }
	#mainNav ul li.careers a.menu { background-image: url(../images/mainNav/careers.gif); width: 70px; }
	#mainNav ul li.contact a.menu { background-image: url(../images/mainNav/contact.gif); width: 67px; }
	
		.page-introduction #mainNav ul li.introduction a.menu,
		.page-portfolio #mainNav ul li.portfolio a.menu,
		.page-news #mainNav ul li.news a.menu,
		.page-careers #mainNav ul li.careers a.menu,
		.page-contact #mainNav ul li.contact a.menu
			{ background-position: 0 -34px; }
			
	/* SUBMENU STYLES AND FUNCTIONALITY */
		
	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
		display: block;
		position: relative;
		z-index: 999;
		}

	#nav li ul { /* second-level lists */
		position: absolute;
		z-index: 999;
		top: 33px;
		left: -30px;
		display: none;
		width: 150px;
		text-indent: 0;
		background: #222;
		}
		
		#nav li ul li { 
			display: block;
			text-indent: 0; 
			margin: 0 0 0 0;
			width: 150px;
			height: 20px;
			background-image: none;
			border-bottom: 1px solid #000;
			}

	#nav li:hover ul, 
	#nav li li:hover ul, 
	#nav li li li:hover ul, 
	#nav li.sfhover ul, 
	#nav li li.sfhover ul, 
	#nav li li li.sfhover ul {
		display: block;
		top: 33px;
		left: -30px;
		text-indent: 0;
		}
			
	#nav li ul a {
		width: 150px;
		height: 20px;
		display: block;
		text-decoration: none;
		color: #FFF;
		background: #222; /* IE6 Bug */
		font: 10px/20px Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		padding: 0;
		text-indent: 0;
		background-image: none; 
		}
		
	#nav li ul a:hover {
		display: block;
		background: #555; /* IE6 Bug */
		color: #FFF;
		}
 
 	#mainNav ul li:hover a.menu, 
	#mainNav ul li.sfhover a.menu { 
		background-position: 0 -34px;
		}
		
//	* html ul li { float: left; }
//	* html ul li a { height: 1%; }

					
				
/*  BOTTOM-SECTION STYLES 
---------------------------------------------------------------------*/	
	
#bottomSection {
	width: 100%;
	height: 227px;
	margin: -227px 0 0 0; 
	padding: 0;
	position: relative;
	clear: both;
	font: 10px/12px Arial, Helvetica, sans-serif;
	background: url(../images/common/bg-bottomSection.gif) repeat-x 0 110px; 
	text-transform: uppercase;
	letter-spacing: 0.05em;
	clear: both;
	z-index: expression('-1');
	}
	
	*html #bottomSection { margin-top: -227px; }	
		
#bottomRight { 
	width: 543px;
	width: expression('948px');
	padding: 122px 0 0 405px;
	background: url(../images/common/footer.gif) no-repeat center top;
	margin: 0 auto;
	font-size: 9px;
	text-align: left;
	}
	
	.label { 
		float: left; 
		display: block;
		width: 30px;
		}
	
	.info { 
		float: left; 
		display: block; 
		width: 180px;
		color: #222;
		}
		
	.column { 
		float: left; 
		width: 210px;
		margin: 0;
		padding: 0;
		}
	

/*  HOMEPAGE STYLES 
---------------------------------------------------------------------*/
	
.page-home #leftColumn { 
	display: block; 
	position: absolute;
	left: 0;
	top: -2px;
	top: expression('0');
	width: 528px;
	height: 800px;
	z-index: 500;
	background: transparent url(../images/common/bg-leftColumnHome.png) no-repeat 0 0;
	behavior: url(/scripts/iepngfix.htc);
	padding: 0;
	}
	
	.page-home #leftColumn #flash { 
		display: block;
		height: 658px;
		width: 503px;
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-position: 0 0;
		margin-left: expression('-25px');
		}
		
	.page-home #leftColumn #tagline { 
		top: 663px;
		}
		
	.page-home .copyright { 
		display: block;
		width: 410px;
		margin: 0;
		padding: 3px 0 0 0;
		text-align: left;
		}
		
	.footerHome { 
		width: 410px;
		width: expression('832px');
		height: 45px;
		padding: 0 422px 0 0; 
		margin: 23px auto 0;
		margin: expression('23px auto 0');
		text-transform: none;
		text-align: left;
		color: #888;
		letter-spacing: none;
		}

.page-home #rightColumn { 
	margin: 0 0 0 528px;
	width: 420px;
	min-height: 840px;
	height: expression('840px');
	position: relative;
	display: block;
	text-align: left;
	}
	
.page-home #bottomRight { 
	width: 420px;
	width: expression('948px');
	padding: 122px 0 0 528px;
	background: url(../images/common/footer.gif) no-repeat 123px top;
	margin: 0 auto;
	font-size: 9px;
	text-align: left;
	}	


/*  GALLERY STYLES 
---------------------------------------------------------------------*/		

.galleria { padding: 0; margin: 0; }
.galleria li { display:block; width:112px; height:85px; overflow:hidden; margin:0 0 5px 0; }
.galleria li a { display:none; }
.galleria li div { padding: 0; margin: 0; border: 1px solid #444; padding: 5px; }
.galleria li div img { cursor:pointer; }
.galleria li.active div img,.galleria li.active div { display:block; width: 395px; height: 300px; border: 1px solid #888; }
.galleria li img.thumb { cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto; }
.galleria li .caption { display:none; }
.galleria_container { margin:0 auto 11px; height:300px; width:530px; }
* html .galleria li div span { width:100px; } /* MSIE bug */

.galleryContainer {
	position:relative;
	padding: 0;
	margin: 0;
	width: 530px;
	}
	
.gallery {
	width: 118px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	}
	
.galleria_wrapper img {  
	width: 395px;
	height: 290px;
	border: 1px solid #444; 
	padding: 5px;
	}	
	
.gallery ul { 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	}
	
.gallery li {
	border: 1px solid #444;
	padding: 5px;
	height: 85px;
	width: 112px;
	background-image: none;
	margin: 0 0 5px 0;
	clear: both;
	}
	
.gallery li.hover {
	border: 1px solid #775;
	}
	
.gallery li.active {
	border: 1px solid #775;
	}
	
.gallery li div {
	margin: 0;
	padding: 0;
	}

.nav { 
	padding: 0;
	clear: both;
	margin: 0; 
	}
	
.gallery .caption { display:none; }
		
		
/*  COMMON STYLES 
---------------------------------------------------------------------*/		

			
.clear { 
	clear: both; 
	margin: 0; 
	padding: 0; 
	}
	
.float { 
	float: left; 
	}
	
a { 
	color: #69B;
	}
	
a:hover { 
	color: #FFF; 
	}
	
p { 
	margin: 0 0 15px 0; 
	}	
	
p.date, p.additionalInfo { 
	margin: 5px 0 0 0; 
	color: #69B;
	font: 13px/20px Times, Times New Roman, Georgia, serif;
	line-height: 15px;
	}
	
	p.date a { 
		color: #69B; 
		text-decoration: none; 
		}
	
	p.date a:hover { 
		color: #FFF; 
		}
		
	p.additionalInfo a { 
		color: #69B; 
		text-decoration: underline; 
		}
	
	p.additionalInfo a:hover { 
		color: #FFF; 
		}

		
		
.featuredProject { 
	float: left;
	width: 125px;
	margin-right: 18px;
	margin-bottom:5px;
	}
	
	.featuredProject img { 
		border: 1px solid #444;
		padding: 5px;
		height: 85px;
		width: 112px;
		}
		
	.last { margin-right: 0; }
	
strong { 
	font-weight: bold;
	color: #555;
	}	
	
h1 { 
	font: 11px/21px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	margin: 30px 0 0 0;
	padding: 2px 0 2px 0;
	text-transform: uppercase;
	width: 530px;
	height: 30px;
	display: block;
	background: url(../images/common/h1.gif) no-repeat right top;
	border-top: 1px solid #888;
	}
	
	h1 a { 
		color: #FFF; 
		text-decoration: none; 
		border-bottom: 1px solid #777; 
		}
		
	h1 a:hover { 
		border-bottom: 1px solid #FFF;
		}
	
	.page-home h1 { width: 410px; }
	
h2 { 
	margin: 0 0 10px 0; 
	color: #69B;
	font: 13px/20px Times, Times New Roman, Georgia, serif;
	}
	
h3 { 
	color: #07A; 
	line-height: 16px;
	font-size: 13px;
	font-weight: bold;
	margin: 15px 0 5px 0;
	}	

table { 
	margin: 0;
	padding: 0;
	font: 11px/14px Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	color: #747474;
	}
	
	th { 
		padding: 5px;
		background: #EEE; 
		}
	
	td {
		padding: 5px;
		}
		
ul { 
	list-style-type: none;
	padding: 0;
	margin: 0 0 12px 0;
	}
	
	ul li { 
		background: url(../images/common/bullet.gif) no-repeat 0 6px; 
		padding: 0 0 0 10px;
		}

		
		
	/*  FORMS STYLES 
---------------------------------------------------------------------*/	


.select {
	border: 1px solid #464646;
	color: #997;
	font: 11px/16px Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	background-color: #000000;
	padding: 5px;
	overflow:auto;
	width: 270px;
		}


.button {
		font: 11px/16px Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
		font-size: 11px;
		background-color: #464646;
		border: 1px solid #997;
		vertical-align: text-bottom;
		color: #997;
		text-transform:uppercase;
		font-weight: normal;
		}

#contactLeft {
	width: 280px;
	float:left;
	}
	
#contactRight {
	width: 190px;
	float: right;
	}	

#contactRight .info {
	color: #888;
	width: 160px;
	text-transform:uppercase;
	}