@charset "utf-8";
/* CSS Document */
/* COLORS 
	BLUE = 0276c1
	WHITE = ffffff
	OFF WHITE = fff6f4
	BLACK = 000000
*/

/* GENERAL */
	body {
		background-color: #000000;
		background-image: url(../images/standard/bg_gradient.jpg);
		background-repeat: repeat-x;
		background-attachment:fixed;
		overflow:scroll;
		overflow-x:hidden;
		z-index:-10;
		text-align:center;
	}
	hr {
		color:#000000;
		background-color:#000000;
		height: 2px;
		width: 80%;
		margin-top:0;
	}
	a:link {
		color: #900;
		font-weight:bold;
		text-decoration:none;
	}
	a:visited {
		color: #900;
		font-weight:bold;
	}
	a:hover {
		color: #900;
		font-weight:bold;
		text-decoration:underline;
	}
	a:active {
		color: #900;
		font-weight:bold;
	}/*
	.anchor {
		position:relative;
		margin-top:-150px;
	}*/
	span.anchor {
		display: block;
		height: 125px;
		margin-top: -125px;
		visibility: hidden;
	}
	.image {
		border:1px solid #000;
		border-width:2px 3px 3px 2px;
	}

/* TEXT */
	.pageTitle {
		text-align:center;	
		font-family:Verdana, Geneva, sans-serif;
		font-size:18px;
		font-weight:bold;	
	}
	.pageDescription {
		text-align:center;	
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		font-weight:normal;	
	}
	.pageNote {
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		font-weight:bold;
		font-style:italic;
		color:#900;
		text-align:justify;
	}

/* CONTAINERS */
	/* CONTAINER BG - WITHOUT THIS, WHEN THE USER SCROLLS THE PAGE, THE BORDER AND LIGHT BACKGROUND COLOR APPEAR TO SCROLL WITH THE PAGE.  THE FOLLOWING TWO CONTAINERS ARE FIXED AND HAVE A LOW Z-INDEX SO THEY THE BORDER AND BACKGROUND COLOR ALWAYS APPEAR TO BE THERE. */
	#containerCenterBG {
		position:fixed;
		width:985px;
		background-color:#000000;
		margin: 0 auto;
		text-align: left;
		left: 50%;
		margin-left: -492px;
		top:0;
		bottom:0;
		z-index:-150;
	}
	#containerBodyBG {
		position:fixed;
		width:975px;
		margin-left:5px;
		margin-right:5px;
		background-color:#fff6f4;
		top:0;
		bottom:0;
		z-index:-100;
	}
	/* THIS CONTAINER CENTERS THE PAGE AND ADDS THE BLACK BORDER TO THE SIDES */
	#containerCenter {
		position:absolute;
		margin: 0 auto;
		text-align: left;
		left: 50%;
		margin-left: -492px;
		top:0;
		bottom:0;
		z-index:-15;
	}
	/*THIS CONTAINER CREATES THE LIGHT BACKGROUND COLOR OF THE PAGE */
	#containerBody {
		position:absolute;
		width:975px;
		margin-left:5px;
		margin-right:5px;
		top:0;
		bottom:0;
		z-index:-10;
	}
	/* HEADER */
	#containerHeader {
		position:fixed;
		top:0;	
		clear:both;
		width:975px; 
		margin:auto;
		padding-bottom:25px;
		background-color:#fff6f4;
	}
	/* NAVIGATION */
	#containerNavigation {
		/*margin-bottom:20px;*/
		clear:both;
		width:975px; 
		margin:auto;
		z-index:10000;
	}
	#navbar {
		position:fixed;
		top:75px;
		margin-left:100px;
		z-index:10000;
	}
	/* FOOTER */
	#footer {
		text-align:center;	
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		position:fixed;
		bottom:0;
		width:975px;
		padding-top:0px;
	}
	#footerTxt {
		position:fixed;
		bottom:30px;
		margin-left:725px;
		font-family: Verdana, Geneva, sans-serif;
		color: #FFF;
		font-size: 12px;
	}
	/* THE FOLLOWING ELEMENT IS FOR ONE MAIN PANEL */
	#panelFull {
		position:fixed;
		top: 125px;
		width: 980px;
		bottom:90px;	
		/*padding-left:5px;
		padding-right:5px;*/
		min-height:100px;
		font-family:Verdana, Geneva, sans-serif;
		text-align:justify;
		font-size:14px;
		font-weight:normal;
		clear:both;
	}	
	#panelWithMargins {
		padding-left:10px;
		padding-right:15px;
		font-family:Verdana, Geneva, sans-serif;
		text-align:justify;
		font-size:14px;
		font-weight:normal;
	}
	/* THE FOLLOWING TWO ELEMENTS ARE FOR THE CATEGORY PAGES - SMALL LEFT PANEL AND LARGE MAIN PANEL RIGHT */
	#categoryLeft {
		position:fixed;
		top: 125px;
		width: 275px;
		bottom:90px;	
		padding-left:5px;
		padding-right:5px;
		min-height:100px;
		font-family:Verdana, Geneva, sans-serif;
		text-align:justify;
		font-size:14px;
		font-weight:normal;
		clear:both;
	}
	#categoryRight {
		position:absolute;
		width:675px;
		margin-top:125px;
		margin-left:280px;
		padding-left:5px; 
		padding-right:5px;
		padding-bottom:85px;
		min-height:100px;
		font-family:Verdana, Geneva, sans-serif;
		text-align:justify;
		font-size:14px;
		font-weight:normal;	
		clear:both;
		z-index:-5;
	}
	/* THE FOLLOWING TWO ELEMENTS ARE FOR THE PROJECTS PAGES - LARGE LEFT PANEL AND SMALL MAIN PANEL RIGHT */
	#projects {
		position:absolute; /* CHANGE THIS TO ABSOLUTE IF YOU WANT THE CONTAINER TO SCROLL  OR FIXED IF YOU DO NOT */
		top: 125px;
		width: 950px;
		bottom:90px;	
		padding-left:10px;
		padding-right:10px;
		min-height:100px;
		font-family:Verdana, Geneva, sans-serif;
		text-align:justify;
		font-size:14px;
		font-weight:normal;
		clear:both;
		z-index:-5;
	}
	#projectsLeft {
		position:absolute; /* CHANGE THIS TO ABSOLUTE IF YOU WANT THE CONTAINER TO SCROLL  OR FIXED IF YOU DO NOT */
		top: 125px;
		width: 650px;
		bottom:90px;	
		padding-left:10px;
		padding-right:10px;
		min-height:100px;
		font-family:Verdana, Geneva, sans-serif;
		text-align:justify;
		font-size:14px;
		font-weight:normal;
		clear:both;
		z-index:-5;
	}
	#projectsRight {
		position:absolute;
		width:300px;
		margin-top:125px;
		margin-left:660px;
		padding-left:5px; 
		padding-right:5px;
		padding-bottom:85px;
		min-height:100px;
		font-family:Verdana, Geneva, sans-serif;
		text-align:justify;
		font-size:14px;
		font-weight:normal;	
		clear:both;
		z-index:-5;
		overflow-x:hidden;
	}
	/* THE FOLLOWING CODE AUTOMATICALLY SETS THUMBNAILS INTO A GRID */
	#thumbs {   
		width: 930px;
		margin-top:20px;
		/*padding-bottom:100px;*/
		margin-left: auto; 
		margin-right: auto;
		text-align: justify;
		-ms-text-justify: distribute-all-lines;
		text-justify: distribute-all-lines;
	}
	#thumbs img {
		/*margin-bottom:5px;*/
	}
	#thumbs a {
		vertical-align: top;
		display: inline-block;
		*display: inline;
		zoom: 1;
	}
	.stretch {
		width: 100%;
		display: inline-block;
		font-size: 0;
		line-height: 0;
	}
	.spacer {
		padding-bottom:100px;
	}