/* CSS Document */

body
{
	padding: 0px;
	margin: 0px;
	font: 80% Arial, Helvetica, sans-serif;
	color: #1c4096;
	background: #fff;
}
p
{
	margin-top: 0px;
	margin-bottom: 10px;
}
a
{
	color: #1c4096;
}
a:hover
{
	color: #f78f1e;
	text-decoration: none;
}

	.centerContainer
	{
		width: 769px;
		margin: 30px auto;
	}
		.logo
		{
			float: left;
			width: 100%;
			height: 198px;
		}
			.logo a img
			{
				float: left;
				border: none;
			}
		.columns
		{
			float: left;
			width: 100%;
			height: 210px;
			padding-top: 12px;
			background: url('../img/bg.jpg') no-repeat top left #b5b6ba;
		}
			body.home .columns
			{
				background: url('../img/bgHome.jpg') no-repeat top left #b5b6ba;
			}
			.leftColumn
			{
				float: left;
				width: 170px;
			}
				.leftColumn h1
				{
					font-size: 1.1em;
					text-transform: uppercase;
					margin: 0px;
					padding-left: 45px;
				}
			.rightColumn
			{
				float: left;
				width: 599px;
			}
				.gallery a
				{
					float: left;
					margin: 0px 64px 14px 0px!important;
					margin: 0px 32px 14px 0px;
				}
					.gallery img
					{
						border: 2px solid #fff;;
					}
		.menu
		{
			float: left;
			width: 100%;
			padding-bottom: 100px;
		}
			.menu a
			{
				float: left;
				font-size: 1.1em;
				line-height: 3em;
				text-decoration: none;
				font-weight: bold;
				text-transform: uppercase;
				color: #1c4096;
				background: #fff;
			}
				.menu a:hover
				{
					color: #f78f1e;
				}
					.leftMenu
					{
						padding-left: 45px;
						text-align: left;
						width: 211px;
					}
					.centerMenu
					{
						text-align: center;
						width: 256px;
					}
					.rightMenu
					{
						padding-right: 45px;
						text-align: right;
						width: 211px;
					}
			.footer
			{
				float: left;
				width: 100%;
				line-height: 2em;
				text-align: center;
			}
				.footer a
				{
					font-size: 0.9em;
					color: #818284;
					text-decoration: none;
				}
					.footer a:hover
					{
						color: #f78f1e;
					}
			
			
.hidden
{
	visibility: hidden;
}
.invisible
{
	display: none;
}





#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: 150px; 
	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%; 
	display: block;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#prevLink
{
	left: 0;
	float: left;
	background: url(../img/prevlabel.gif) left 15% no-repeat;
}
#nextLink
{
	right: 0; 
	float: right;
	background: url(../img/nextlabel.gif) right 15% no-repeat;
}
#prevLink:hover,
#nextLink:hover
{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

#imageDataContainer
{
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%;
}

#imageData
{
	padding:0 10px;
	color: #a3a7ab;
}
#imageData #imageDetails
{
	width: 100%; 
	float: left; 
	text-align: left;
}	
#imageData #caption
{
	font-weight: bold;
	color: #656D73;
	font-size: 13px;
}
#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;
}