/*
Title:		The Imagery Lab
Created: 	11-17-2010
By:			Jason Hunsperger
Location:	www.theimagerylab.com
Revision:	1.0 / 11-17-2010
*/


/* fixes floated elements in nested divs */
.clearfix:after {
		content: "."; 
		display: block; 
		height: 0px; 
		clear: both; 
		visibility: hidden;
}

.clearfix {
	display: inline-table;
	zoom: 1;
}

/* hide from IEmac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IEmac */
/* End Clearfix */


body{
		text-align:center; 
		background:#FFFFFF; 
		margin:0; 
		padding:0;
		color:#000000;
		font-size:100%;
		font-family:trebuchet ms;
}

body p {margin-top:0;}

html {/*min-width: 900px;*/} 

html {height:100%;} 

#page-container {
	width:900px;
	margin:0 auto;
	position:relative;
	text-align:left;
	left: -1px;
}


a {
	color:#000000;
	text-decoration:none;
}

a:hover {
	color:#2A4480;
}

#body-style {
	height:100%;
	background-color:#DFCF83;
}

#index-header-wrapper {
	height:250px;
	width:100%;
	background-color:#2A4480;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#index-header-wrapper-2 {
	width:850px;
	margin:0 auto;
}

#index-header-wrapper-spacer {
	height:25px;
	width:850px;
}

#index-header-wrapper-3 {
	height:225px;
	width:850px;
}

#index-header-image-box {
	height:225px;
	width:298px;
	float:right;
}

#index-logo-box {
	height:225px;
	width:552px;
	float:right;
}

#index-logo-box-spacer {
	height:70px;
	width:552px;
}

#index-logo-box-logo {
	height:58px;
	width:552px;
	text-align:left;
}

#index-logo-box-tag {
	height:25px;
	width:549px;
	text-align:left;
	padding:5px 0px 0px 3px;
	font-size:18px;
	color:#FFF;
}

#header-wrapper-100pct {
	height:97px;
	width:100%;
	background-color:#2A4480;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#header-wrapper-850px {
	width:850px;
	margin:0 auto;
}

#header-spacer {
	height:22px;
	width:850px;
}

#header-spacer-image {
	height:22px;
	width:298px;
	float:right;
}

#header-logo-image {
	height:75px;
	width:298px;
	float:right;
}

#header-logo {
	height:44px;
	width:552px;
	text-align:left;
	float:left;
}

#header-logo-tag {
	height:28px;
	width:551px;
	text-align:left;
	float:left;
	padding:3px 0px 0px 1px;
	font-size:14px;
	color:#FFF
}

#menu-bar-100pct {
	height:35px;
	width:100%;
	background-image:url(../images/icons/gradient-1.jpg);
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#menu-bar-850px {
	height:35px;
	width:850px;
	margin:0 auto;
}

#menu-bar-image {
	height:35px;
	width:210px;
	float:right;
}

#menu-bar-links {
	height:35px;
	width:635px;
	float:left;
	padding-top:0px;
}

#menubutton {
	background-color:#;
	border-style:solid; 
	border-top-width:0px; 
	border-bottom-width:0px; 
	border-left-width:0px;
	border-right-width:0px;
	height:28px;
	padding-top:7px;
	width:90px;
	text-align:center;
	float:left;
}

#menubutton:hover {
	color:#2A4480;
	!background-color:#2A4480;
	background-image:url(../images/icons/gradient-1-hover.jpg);
}

#content-850px strong {
	color:#2A4480;
}

#content-100pct {
	width:100%;
	background-image:url(../images/icons/gradient-2.jpg);
	background-repeat:repeat-x;
	background-color:#DFCF83;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#content-850px {
	width:850px;
	margin:0 auto;
}

#content-left-550px {
	width:550px;
	float:left;
	font-size:14px;
	text-align:justify;
	padding:20px 0px 0px 0px;
}

#content-right-300px {
	width:300px;
	float:right;
}

#content-title {
	height:32px; 
	width:550px; 
	font-size:25px; 
	font-weight:bold; 
	color:#2A4480; 
	line-height:100%; 
	text-align:left; 
	border-style:solid; 
	border-color:#2A4480;
	border-width:0px 0px 2px 0px; 
}

#content-title-spacer {
	height:10px;
	width:550px;
}

#content-buffer {
	height:50px;
	width:550px;
}

hr {
	width:500px;
	height:1px;
	color:#2A4480;
	background-color:#2A4480;
	border-color:transparent;
}

#content-thumbnail-wrapper {
	height:102px;
	width:550px;
}

#content-thumbnail-textbox-right {
	height:92px;
	width:437px;
	float:right;
	padding:10px 0px 0px 10px;
}

#content-thumbnail-image-left {
	height:100px;
	width:100px;
	float:left;
	border-style:solid;
	border-width:1px;
	border-color:#000;
}

#content-thumbnail-textbox-left {
	height:92px;
	width:447px;
	float:left;
	padding:10px 0px 0px 0px;
}

#content-thumbnail-image-right {
	height:100px;
	width:100px;
	float:right;
	border-style:solid;
	border-width:1px;
	border-color:#000;
}

#content-prev {
	width:100px;
	float:left;
	text-align:left;
	font-weight:bold;
}

#content-next {
	width:100px;
	float:right;
	text-align:right;
	font-weight:bold;
}
#sidebar-wrapper {
	width:250px;
	float:right;
	font-size:14px;
}

#sidebar-top-spacer {
	height:40px;
}

#arrowbox {
	width:26px;
	height:26px;
	float:right;
	padding:0px;
	margin:0px;
	background-image:url(../images/icons/red-play-arrow.png);
	background-color:#FFF;
	border-style:solid;
	border-color:#000;
	border-width:2px;
}

#photo-sample-title {
	width:246px;
	height:24px;
	float:right;
	padding:2px 0px 0px 0px;
	color:#FFF;
	background-color:#2A4480;
	border-style:solid;
	border-color:#000;
	border-width:2px 2px 2px 2px;
}

#arrowbox-title {
	width:218px;
	height:24px;
	float:right;
	padding:2px 0px 0px 0px;
	color:#FFF;
	background-color:#2A4480;
	border-style:solid;
	border-color:#000;
	border-width:2px 2px 2px 0px;
}

#sidebarbullet-wrapper {
	width:250px;
	height:190px;
	float:right;
}

#sidebarbullet {
	width:220px; 
	height:164px;
	float:right;
	text-align:left;
	font-size:16px;
	line-height:160%;
	padding:6px 0px 0px 0px; 
}

#bigvideoplayer {
	height:334px; 
	width:550px;
	text-align:center;
}

#footer-100pct {
	width:100%;
	background-color:#DFCF83;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#footer-1 {
	height:25px;
	width:850px;
	margin:0 auto;
	border:solid;
	border-color:#5F7CC0; 
	border-width:1px 0px 0px 0px;
	font-size:12px;
	color:#5F7CC0;
	text-align:center;
	padding-top:10px;
	font-family:Verdana, Geneva, sans-serif;
}

#footer-2 {
	height:55px;
	width:850px;
	margin:0 auto;
	border:solid;
	border-color:#5F7CC0; 
	border-width:1px 0px 0px 0px;
	font-size:11px;
	color:#2A4480;
	text-align:center;
	padding-top:10px;
	font-family:Verdana, Geneva, sans-serif;
}

#footer-2 a {
	color:#2A4480;
}

#footer-2 a:hover {
	color:#000000;
	text-decoration:underline;
}

/* lightbox styles */

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

#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: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}