/* WalterWorkman.com screen.css
 * Created by: Owen Zacharias
 * 2005-08-31
 */
 
 @import "base.css";
 
 
html, body
{
	font: 1em "Times New Roman", Times, serif;
	background-color: #000;
}


/*********************************************
 **   	envelope
 *********************************************/
 
.envelope
{
	display: block;
	position: absolute; /* IE 5 Mac needs an absolute position here */
	top: 10px;
	left: 50%;
	width: 768px;
	margin-left: -384px;
	background:  url("/img/interface/envelope-bg.gif") repeat-y left top;
}


/*********************************************
 **   	header
 *********************************************/

.header
{
	display: block;
	position: relative;
	height: 76px;
	padding: 10px 0 0 20px;
	background:  url("/img/interface/header-bg.gif") no-repeat left top;
}

	.header h1
	{
		display: none;
	}
	
	.header h2
	{
		display: none;
	}
	
	
/*********************************************
 **   	feature
 *********************************************/

.feature
{
	display: block;
	margin: 0 11px 0 6px;
}

	.feature h1
	{
		clear: both;
		display: block;
		margin: 0 12px .75em 6px;
		padding-top: 20px;
		color: #666;
		font-size: 1.2em;
		font-family: "Times New Roman", Times, serif;
		font-variant: small-caps;
		text-align: center;
	}

	.feature a
	{
		text-decoration: none;
	}
	
	.feature a:hover,
	.feature a:focus,
	.feature a:active
	{
		text-decoration: underline;
	}
	
	.feature a
	{
		font-weight: bolder;
		color: #436485;
	}
	
	.feature a:visited
	{
		color: #8F70C9;
	}
 	
	.feature > * > acronym
	{
		border: none;
		cursor: default;
	}
	

/************************************************
 *	Navigation
 ***********************************************/
 
.nav
{
	position: absolute;
	left: 50%;
	top: 90px;
	margin-left: -440px;
	width: 40px;
}

	.nav ul
	{
		list-style: none;
	}
	
	.nav li
	{
		margin: 3px 1px;
		padding: 0 7px 2px 7px;
	}
	
	.nav a,
	.nav a:visited
	{
		font-size: .75em;
		font-weight: normal;
		color: #333;
	}
	
	.nav a img
	{
		border: none;
	}
	
	
/*********************************************
 **   	content
 *********************************************/
 
.content
{
	display: block;
	position: relative;
	clear: both;
	height: 360px;
	margin: 130px 50px 20px 50px;
}

	.content h2
	{
		clear: both;
		display: block;
		margin: 0 auto;
		color: #FFF;
		font-size: 1.1em;
		font-family: Georgia, "Times New Roman", Times, serif;
		text-align: center;
	}
	
	.content p
	{
		margin: 1em 0;
		font-size: .8em;
		color: #333;
	}


/*********************************************
 **   	gallery image
 *********************************************/
	
div#galleryImage
{
	display: block;
	position: relative;
	top: 30px;
	margin: 0 auto;
	text-align: center;
}

	div#galleryImage img
	{
		border: 1px solid #000;
	}


/*********************************************
 **   	Splash
 *********************************************/
 
#splash 
{ 
	display: block;
	position: relative;
	top: -50px;
	margin: 0 auto;
}

a#enterSite
{
	display: block;
	position: relative;
	top: -30px;
	margin: 0 auto;
	font-size: 1.2em;
	text-align: center;
	letter-spacing: .15em
}

a#enterSite:visited
{
	color: #FFF !Important;
}


/*********************************************
 **   	Bridge
 *********************************************/


div#bridgeNavigation
{
	position: absolute;
	left: 50%;
	top: 100px;
	width: 750px; widt\h: 740px;
	height: 114px;
	margin-left: -377px;
	padding: 0 5px;
	border-bottom: 1px solid #1B2B3B;
	border-top: 1px solid #1B2B3B;
	z-index: 300;
	background-color: #6B7B8B;
}

	a#moveImagesLeft img,
	a#moveImagesRight img
	{
		border: none;
	}
	
	a#moveImagesLeft
	{
		margin-top: 40px;
		float: left;
	}
	
	a#moveImagesRight
	{
		margin-top: 40px;
		float: right;
	}
	
	div#scrollLayer
	{
		position: absolute;
		width: 100%;
		top: 100px;
		margin-left: 50%;
		left: -325px;
		
		/*Need to ensure that this layer does NOT wrap w/ a small page!*/
		
		padding: 7px 20px 6px 10px;
		z-index: 500;
		visibility: hidden;
	}
	
	div#scrollLayer ul
	{
		overflow: hidden;
		display: block;
		list-style: none;
	}
	
	div#scrollLayer li
	{
		display: inline;
		padding: 0 12px;
		
	}
	
	div#scrollLayer a img
	{
		border: none;
		margin-bottom: 20px;
		border: 1px solid #2B3B4B;
		/*filter: alpha(opacity=70);*/ /* Support IE */
		/*opacity: .70;*/
	}

	
	div#scrollLayer a:hover img,
	div#scrollLayer a:active img,
	div#scrollLayer a:focus img
	{
		border-color: #000;
		/*filter: alpha(opacity=100);*/ /* Support IE */
		/*opacity: 1.0;*/
	}


/*********************************************
 **   	footer
 *********************************************/
 
 .footer
{
	display: block;
	position: relative;
	padding: 10px 23px 25px 20px;
	background:  url("/img/interface/footer-bg.gif") no-repeat left bottom;
}
	
	.footer p
	{
		padding-top: 5px;
		font-size: .7em;
		color: #EEE;
		text-align: center;
	}
	
	.footer ul
	{
		margin-top: 8px;
		list-style: none;
		text-align: center;
	}
	
	.footer li
	{
		display: inline;
		padding: 0 8px;
	}
	
	.footer li+li
	{
		border-left: 1px solid #7B8B9B;
	}
	
	.footer li,
	.footer li *
	{
		color: #EEE;
		font-weight: bolder;
	}
		
	.footer a:link, 
	.footer a:visited
	{
		text-decoration: none;
	}
	
	.footer a:active,
	.footer a:hover,
	.footer a:focus
	{
		text-decoration: underline;
	}