@charset "utf-8";
	/* CSS Document */
	
	body {
		font: 100% Arial, Helvetica, sans-serif;
		background: white;
		padding: 0;
		color: #000000;
		text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
		margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	}
		
	#container {
		position: relative;
		margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		text-align: center;
		width: 1000px;
		height: 700px;
	}
	
		#header {
			width: 1000px;
			height: 130px;
		}
		
		#footer {
			position: absolute;
			width: 1000px;
			height: 100px;
			bottom: 0px;
			text-align: center;
			color: black;
			font-size: 14px;
			left: 0px;
		}
		
		#navigation {
			width: 1000px;
			height: 29px;
			text-align: center;
		}
		
		#contentBackground {
			position: absolute;
			top: 127px;
			width: 1000px;
			left: 0px;
			background-image: url(Images/eagle.jpg);
			background-repeat: no-repeat;
		}

		#content {
			width: 1000px;
			font-size: 15px;
			margin: 0 auto;
		}
		
		#content a {
			color: blue;	
		}
		
		#content a:hover {
			color: red;
		}
		
			#navigation a {		
				display: block;
				text-decoration: none;
				font: bold 13px Arial;
				color: black;
				display: inline;
				margin-right: 18px;
				padding-top: 4px;
				text-align:center;
			}	
				#navigation a:hover{
					color: red;
				}
	
		.advertisement {
			margin: 10px auto;
			width: 350px;
			height: 100px;
		}
		
		h1 {
			color: black;
			font-size: 18px;
			text-align: center;
		}
		
		/* Product ID's & Classes */
		
		.product {
			width: 500px;
			padding: 10px 10px;
			border: thin solid black;
			background-color: white;
			margin: 5px auto;
		}
		
		.picture {
			float: left;
			width: 100px;
			text-align: center;
		}
		
		.sale {
			width: 700px;
			height: 900px;
		}
		
		.picture img {
			margin: 0px 0px 7px 0px;
		}
			
		.caption {
			width: 280px;
			text-align: left;
			font-size: 10px;
			margin: 0px 100px 0px 120px;
		}
		
		.productName {
			color: blue;
			font-size: 16px;
			font-weight: bold;
		}
		
		.productPrice {
			color: black;
			font-size: 16px;
			float: right;
			padding: 5px 0px;
			text-align: center;
			width: 90px;
			font-weight: bold;
		}
		
		.productNumber {
			color: #ff8a00;
		}
		
		.productDescription {
			color: black;
			font-size: 13px;
			margin: 5px 0px 5px 0px;
		}
		
		.price {
			color: red;		
		}
			
		/* Floating Divs */
		#leftContentBar {
			float: left;
			width: 200px;
		}
		
		#leftContentBar h1 {
			font-size: 13px;
			color: #89c4ff;
			text-align: center;
		}
		
		#middleContentBar {
			text-align: center; 
			width: 1000px; 
			margin: 0 auto;
		}		
		
		#middleContentBar h1 {
			font-size: 18px;
			color: black;
			text-align: center;
		}
			
		#rightContentBar {
			float: right;
			width: 200px;
			text-align: center;
		}
		
		#rightContentBar h1 {
			font-size: 13px;
			color: #89c4ff;
			color: #fffeba;
		}			
		
		/* End Floating Div */