/* CSS Document */
body {background:#000;
      margin:0;
	  scrollbar-3dlight-color:#222;
      scrollbar-arrow-color:#FFF;
      scrollbar-base-color:#000;
      scrollbar-darkshadow-color:#222;
      scrollbar-face-color:#000;
      scrollbar-highlight-color:#000;
      scrollbar-shadow-color:#000}
	  
#outer        				 
	{position: absolute;
	 top: 50%;
	 left: 0px;
	 width: 100%;
	 height: 1px;}

#inner    
	{margin-left: -250px;
	 position: absolute;
	 top: -150px;
	 left: 50%;
	 width: 700px;
	 height: 300px}
	 
	 

.bgtext 					
		{font-size: 125px;
		 position:absolute;
		 top:52px;
		 left:-110px;
		 right:-80px}

.bgtext, .footertext 
		{color:#224;
		 font-family:verdana, helvetica, sans serif;}
		 
.footertext {font-size:12px;
			 position:absolute;
			 top:320px;
			 text-align:center;
			 width:500px;}



div#text1, div#text2, div#text3, div#text4, div#text5, div#text6, div#text7
         {color:#222222;
		  font-family:verdana, helvetica, sans serif;
		  position:absolute;}

div#text1 {font-size:29px;
		top:8px;
		left:3px;}
		
div#text2 {font-size:60px;
		top:46px;
		left:20px;}
		
div#text3 {font-size:35px;
		top:60px;
		left:300px;}
		
div#text4 {font-size:50px;
		top:200px;
		left:45px;}
		
div#text5 {font-size:39px;
		top:200px;
		left:260px;}
		
div#text6 {font-size:45px;
		top:-3px;
		left:236px;}
		
div#text7 {font-size:28px;
		top:254px;
		left:330px;}
		




 div#text1 a:hover span {top: -3px; 
						left: 0px; 
						width:}

 div#text2 a:hover span {top: -10px; 
						left: 0px; 
						width:}
						
 div#text3 a:hover span {top: -4px; 
						left: 0px; 
						width:}

 div#text4 a:hover span {top: -6px; 
						left: 0px; 
						width:}
		
 div#text5 a:hover span {top: -6px; 
						left: 0px; 
						width:}
						
 div#text6 a:hover span {top: -4px; 
						left: 0px; 
						width:}
						
 div#text7 a:hover span {top: -4px; 
						left: 0px; 
						width:}
								   
div#inner a:hover, div#inner2 a:hover
				  {background: none;
				   cursor:crosshair;}

div#inner a span {display: none;}

div#inner a:visited span {display:none;}

div#inner a {text-decoration: none;
			 color:white;}

div#inner a:hover span {display: block;
						position:relative;
						background:none;
						font-size:14px}
						
div#inner a:link, div#inner a:visited {text-decoration:none;}

div#inner a:hover {text-decoration:none}



div#content {position:absolute;
			 top:-48px;
			 left:-68px;
			 width:635px;
			 height: 400px;
			 overflow: auto;
			 font-family: verdana, helvetica, sans serif;
			 font-size: 13px;
			 color:white;
			 text-align:justify;
			 margin:3px;}

div#inner div#content a:hover {text-decoration:underline;}
			 


div#close, div#top 
          {width:17px;
		   height:17px;
		   background:none;
		   text-align:center;
		   font-family:verdana, helvetica, sans serif;
		   font-weight:bold;
		   font-size:12px;
		   border: 1px solid #222}
   
div#top {position:relative;
		   left:573px;
		   top:319px}

div#close {position:relative;
		   left:573px;
		   top:-47px;}
		   
div#inner div#close a:link, div#inner div#top a:link {color:#fff; cursor:default;}
div#inner div#close a:visited, div#inner div#top a:visited {color:#fff; cursor:default;}
div#inner div#close a:hover, div#inner div#top a:hover {color:#fff; cursor:default;}



div#urltext {
	font-family:verdana, helvetica, sans serif;
	font-size:30px;
	position:absolute;
	top:-87px;
	left:-69px;
	width: 344px;
} 



div#urltext, div#inner div#content a:link, div#inner div#content a:visited, div#inner a:hover, div#inner a:hover span
   			 {color:#ff0000}
			 
div#content div#titlebar {border: 1px solid #222222;
				background: #000;
				font-weight: normal;
				color:  #ff0000;}
				
div#content {margin-left:0;
			padding-right:8px;}
			 
			 
			 
.titleblock {font-family:verdana, helvetica, sans serif;
				font-size:12px;
				color:#ff0000;
				font-weight:;
				margin-right:6px;
				margin-top:10px;
				margin-bottom:10px;
				margin-left:2px;
				border:1px solid #222;
				padding:4px}
				
.titleblock span {color:#ff0000}

#urltext a:link {color:#234}
#urltext a:visited {color:#234}
#urltext a:hover {color:#234}
#urltext a:active {color:#234}
/* CSS Document */
.style1 {
	color: #224;
	font-size: 125px;
}
.style12 {color: #000000}
.style13 {color: #000011}
.style14 {color: #111122}
.style15 {color: #111133}
#lightbox{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:#151410;
	}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#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;
	}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url("/images/loading.gif") center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background: transparent url("/images/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
	}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("/images/prevlabel.gif") left 15% no-repeat; }
#nextLinkImg:hover, #nextLinkImg: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;
	}

#imageData{
	padding:0 10px;
	}
#imageDetails{ width: 70%; float: left; text-align: left; }	
#caption{ font-weight: bold;	}
#numberDisplay{ display: block; clear: left; }			
#detailsNav{ display: block; clear: left; padding:0 0 10px 0;	}	
#prevLinkDetails { margin:0 8px 0 0; }		
#nextLinkDetails { margin:0 8px 0 0; }		
#closeLink {
	display:block;
	margin:0;
	padding:0 0 0px 0;
	text-decoration:none;
	float:right;
	width:66px;
	height:28px;
	background:url("/images/closelabel.gif") no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #151410;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

