/* basic elements */
body { 
	width: 100%; height: 100%;
	background-color:  #000000;
	text-align: center; /* corrects for some isssue */
	font-size: 12pt;
	font: normal 1em/1.25 times, serif; /* font height, line height, font family */
	color: #ffffff;
	background-image: url(logos/IndexStock-C-491122_altered.jpg);
}

a:link { 
	color: #1e90ff;
}

a:visited { 
	color: #800000;
}

a:hover, a:active { 
	color: blue;
}

li {
	list-style-type: none;
}		
	
input {
	float: right;
	margin-top: -25px;
}
	
/* DIV "Selectors" */
#main {
	width: 800px;
	background-color: #000000;
	margin: auto; /* non specific automatic margin */
	border: 2px solid #3f0080;
	text-align: left; /* corrects for some isssue */
}

	#header {
		height: 75px;
		background: url(logos/pcLogoWideWhite.gif) center top no-repeat;
		border: 1px solid #ff0000;
		padding: 10px;
	}

	#header h1, #header h3 {
		display: none !important;
	}
		
	#leftnav {
		float: left;
		width: 200px;	
		border: 1px solid #0000ff;
	}

	#leftnav li a {
		border-bottom: 1px solid #0000ff;
		display: block;
		text-align: right;
		font-size: 115%;
		text-decoration: none;
	}
	
	#leftnav li a:hover {
		color: #ff9900;
		font-size: 135%;
	}

	#leftnav li.active {
		font-size: 150%;
		border: 3px solid #ff0000; 
		text-align: center;
	}
	
	#content {
		width: 500px;
		margin-left: 210px; /* commenting out this margin makes it wrap unhappy */
		border: 1px solid #48368b;
		padding: 10px;
	}

		#contentfeatured {
			width: 200px;
			border: 1px solid #ff4500;
			padding: 10px;
		}		

		#contentproduct1 {
			width: 400px;
			border: 1px solid #ff1493;
			padding: 5px;
		}					

		#contentproduct2 {
			width: 400px;
			border: 1px solid #82ff83;
			padding: 5px;
		}		

		#contentproduct3 {
			width: 400px;
			border: 1px solid #ff4500;
			padding: 5px;
		}		
			
	#footer {
		border: 1px solid #008000;
		padding: 10px;
		text-align: center; /* corrects for some isssue */
	}