@charset "utf-8";
/* CSS Document */


img, #red_stripe, #tab, #navigation, #mist, #mist-no-margin { behavior: url(/_template/iepngfix.htc); }


body	{	margin:0px;
			padding:0px;
			background-color:#f7941d;	}
			
#red_stripe	{	width:100%;
				background-image:url(/_template/images/red_stripe.png);
				background-repeat:repeat-x;
				height:108px;
				overflow:hidden;	}
				
#tab	{	width:800px;
			margin:0px auto;
			text-align:right;
			background-image:url(/_template/images/tab.png);
			background-repeat:no-repeat;
			height:108px;	}
			
#orange_glo	{	width:950px;
				margin:0px auto;
				background-image:url(/_template/images/orange_glow.jpg);
				background-position:top;
				background-color:#f7941d;
				background-repeat:no-repeat;
				height:100%;
				margin-top:0px;
					}

#navigation	{	width:745px;
				margin:0px auto;
				background-image:url(/_template/images/navigation.png);
				background-repeat:no-repeat;
				height:29px;
				margin-top:-10px;
				text-align:center;
				padding-top:5px;	}
				
#navigation	a:link, #navigation	a:visited	{	font-size:12px;
												color:#FFFFFF;
												text-decoration:none;	}

#navigation	a:hover	{	color:#844c0b;	}
				
#navigation	ul {	display:inline;
					list-style:none;
					margin-left:0px;
					padding-left:0px;	}
					
#navigation	ul li {		display:inline;
						list-style:none;
						padding-right:30px;
						font-family:Arial, Helvetica, sans-serif;
						text-transform:uppercase;
						font-weight:bold;	}

#container	{	width:800px;
				margin:0px auto;
				font-family:Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				font-size:12px;
				padding-top:25px;
					}
					
#container-no-margin	{	width:800px;
							margin:0px auto;
							font-family:Arial, Helvetica, sans-serif;
							color:#FFFFFF;
							font-size:12px;
							overflow:hidden;
					}

		
.intro	{	font-family:Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			font-size:16px;
			font-weight:bold;	}
			
#mist	{	padding-top:25px;
			font-family:Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			background-image:url(/_template/images/mist.png);
			background-repeat:no-repeat;
			background-position:bottom;
			width: 769px;
			padding-bottom:25px;
			margin:0px auto;	}
			
#mist-no-margin	{	font-family:Arial, Helvetica, sans-serif;
					color:#FFFFFF;
					background-image:url(/_template/images/mist.png);
					background-repeat:no-repeat;
					background-position:bottom;
					width: 769px;
					padding-bottom:25px;
					margin:0px auto;
					y-overflow:hidden;	}
					
#page_div	{	width:710px;
				margin:0px auto;
				padding:15px;
				font-size:12px;
				line-height:normal;
				y-overflow:hidden;	}
				
#page_div a:link, #page_div a:visited	{	
	color:#844c0b;
	text-decoration:none;	}
	
#page_div a:hover	{	
	color:#FFFFFF;
	text-decoration:none;	}
			
.thumb	{	border:#FFFFFF 3px solid;
			margin:8px;	}
			
#footer	{	background-color:#FFFFFF;
			width:100%;
			border-top:4px #930a0a solid;
			margin-top:20px;
			padding-bottom:25px;	}
			
#subfooter	{	width:810px;
				margin:0px auto;	}
				
td.block	{	border-left:#CCCCCC 1px solid;
				padding-left:5px;
				padding-right:5px;	}
				
td.block1	{	padding-left:5px;
				padding-right:5px;	}
				
.testimonial	{	margin:0px 10px 0px 10px;	}

.footertext	{	font-family:Arial, Helvetica, sans-serif;
				color:#999999;
				font-size:11px;	}
				
.footertext a:link, .footertext a:visited	{	font-family:Arial, Helvetica, sans-serif;
												color:#990000;
												font-size:11px;
												text-decoration:none;	}
												
.footertext a:hover	{	color:#f7941d;
						text-decoration:underline;	}
				
.tiny_text	{	font-family:Arial, Helvetica, sans-serif;
				color:#999999;
				font-size:11px;	}
				
.projectimg	{	width:100%;
				text-align:center;
				margin-top:8px;
				margin-bottom:8px;	}
				
.project_thumbnail	{	margin:8px;
						border:#c28224 2px solid;	}
				
.project_title	{	font-family:Arial, Helvetica, sans-serif;
					font-size:16px;
					color:#930a0a;	}
					
.project_title a:link, .project_title a:visited, td.block a:link, td.block a:visited	{	
	color:#930a0a;
	text-decoration:none;	}
													
.project_title a:hover, td.block a:hover	{	text-decoration:underline;	}
					
/*Lightbox Techniques*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink, #prevLink:hover, #prevLink:visited:hover { background: url(/_template/images/prevlabel.gif) 0 100% no-repeat; 
border: none; left: 0; float: left; }
#nextLink, #nextLink:hover, #nextLink:visited:hover { background: url(/_template/images/nextlabel.gif) 100% 100% no-repeat; 
border: none; right: 0; float: right;
}
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }