/* CSS Document */

body 	{
		margin: 0px;
		padding: 0px;
		font: 1em georgia, serif;
		color: #6B3D54;
		text-align: center; /*This line added soley for IE 5.x windows which doesn't recognize margin: auto*/
		}
		
		/*the asterisk is a universal selector. In this case all default margins and padding from the various browsers 
		are zeroed out. All margins and padding must now be intentionally written into the CSS code.*/
		* {margin:0px; padding:0px;}
		
div#maincontainer {
		width: 940px;
		height: 640px;
		position: relative;
		background-image:url(images/undercon_tile.jpg);
		background-color: #B8AFA0;
		margin-right: auto;
		margin-left: auto; 
		text-align: left; /*This line added soley for IE 5.x windows. This cancels out the body text-align: center
		instruction so only the page itself is centered.*/
		}
		
		.card {
			position: absolute; top: 65px; left: 60px;
			width: 220px;
			}
			
		.flower {
			position :absolute; top: 65px; left: 280px; 
			}
			
		#content {
			position: absolute; top:218px; left: 400px;
			width: 250px;
			}
			
		p {
			margin-bottom: 2em;
			padding-top: 1em;
			padding-bottom: 1em;
			border-top: 2px solid #6B3D54;
			border-bottom: 2px solid #6B3D54;
			}
			
		a:link {color:#336600;
			}
			
		a:hover {color:#66CC00;
			}