body {
	background: #fff;
	font: 11px Verdana;
	margin: 0; }
	
#container {
	margin: 10px 0 0 0;
	overflow: hidden;
	width: 870px; }
	
#header {
	margin: 0;
	overflow: hidden; }
	
	#logo {
		background: url('/images/procurementnetwork.png') no-repeat;
		float: left;
		height: 26px;
		margin: 0;
		padding: 0;
		width: 341px; }
	
	#nav {
		float: right;
		margin: 0;
		overflow: hidden;
		padding: 0; }
	
		#navlist {
			list-style-type: none;
			margin: 0;
			padding: 0;
			text-align: right; }
	
		#navlist a {
			background: #ddd;
			color: #666;
			font: bold 11px Georgia;
			padding: 10px 12px 10px 12px;
			margin: 0;
			text-decoration: none; }
			
		#navlist a.active {
			background: #bbb; }

		#navlist a.active:hover {
			background: #bbb; }

		#navlist a:hover {
			background: #ccc;
			font-weight: bold; }

		#navlist li {
			display: block;
			float: left;
			list-style-type: none;
			margin: 0;
			padding: 10px 0 10px 0; }
			
#content {
	clear: both;
	line-height: 20px;
	margin: 20px 0 0 0;
	text-align: left; }
	
	#content a {
		color: #a34d4d;
		font-weight: bold;
		text-decoration: none; }
		
	#content a:hover {
		text-decoration: underline; }
		
	#content h1 {
		color: #333;
		background: #ddd;
		display: block;
		font-size: 11px;
		font-weight: normal;
		margin: 10px 0 30px 0;
		padding: 14px; }
	
	
	#content img {
		border: none; }
	
	#content img.customer {
		margin: 15px; }
	
	#showcase {
		height: 270px;
		float: left;
		margin: 0 30px 40px 0;
		width: 270px; }
		
	#dialog {
		color: #666;
		font-size: 11px;
		margin: 0 0 0 300px; }
		
	#dialog p {
		margin: 0;
		padding: 0 0 25px 0; }
		
	#twotierleft {
		clear: both;
		margin: 0; }
		
		#twotierleft #visual {
			float: left;
			margin: 0 0 60px 0; }
			
		#twotierleft #blurb {
			margin: 0 0 0 230px; }
		
	#twotierright {
		clear: both;
		margin: 0; }

		#twotierright #visual {
			float: right; 
			margin: 0 0 60px 0; }

		#twotierright #blurb {
			margin: 0 230px 0 0; }
			
	
			
#footer {
	background: #666;
	color: #fff;
	font-size: 11px;
	overflow: hidden;
	text-align: left; }
	
	#footerhome {
		background: #8d3c3c;
		color: #fff;
		font-size: 11px;
		overflow: hidden;
		text-align: left; }
	
	#firstslice {
		float: left;
		padding: 0 0 15px 15px;
		margin: 10px 0 10px 0;
		width: 250px; }
		
	#slice {
		border-left: 1px solid #fff;
		float: left;
		padding: 0 0 15px 15px;
		margin: 10px 0 0 0;
		width: 300px; }
		
	#copyright {
		clear: left;
		font: 10px Verdana;
		padding: 60px 0 10px 15px;
		margin: 0; }
		
	a {
		color: #ccc; 
		text-decoration: none; }
		
	#footer a:hover {
		color: #fff;
		background: #333; }
		
	#footer strong {
		font-size: 11px;
		margin: 0 0 5px 0;
		padding: 0; }
	
	#footer p {
		margin: 5px 0 10px 0; }
		
	#footerhome a:hover {
		color: #fff;
		background: #333; }

	#footerhome strong {
		font-size: 11px;
		margin: 0 0 5px 0;
		padding: 0; }

	#footerhome p {
		margin: 5px 0 10px 0; }
			
.clear {
	clear: both;
	margin: 0;
	padding: 0; }
	
.maroon {
	color: #8d3c3c; }