/*	CSS "Styles" Document
	E4 Media Group	*/
	
/*	Always Include:	
	
	These styles do the following:
		* - Removes padding and margin from ALL elements, must be added back
				for elements that normally have it included, such as 'p' or
				'h1' tags.  Note: Standard padding can generally be substituted
				for 1em or 10-12 pixels, top and bottom for normal text, sides
				as well for lists.
		img - Removes IE spacing around images.  Images must be returned to inline
				in situations where they are required to fit in with text.
		a: - Fixes a problem in FF3 where a small dot appears at the top left corner
				of an image on a page.
		a - Removes underlining from all links on a page, can be added back in in
				specific instances where it is needed. 
		.clear - Used in every document with a float for IE6 compatibility, added 
				here because it is so ubiquitous.*/

	* {
		padding: 0;
		margin: 0;
	}
	
	img {
		border: none;
		display: block;
	}
	
	a:focus, a:hover, a:active {
		outline: none;
	}
	
	a {
		text-decoration: none;
	}
	.clear {
		clear: both;
	}

/*	End Always Include	*/

/*	Base Tags	*/

	body {
		background: url(images/jpgs/pagebg.jpg) #210600 top left no-repeat;
	}

/*	End Base Tags	*/

/*	Structure	*/
	
	#container {
		background: url(images/pngs/containerbg.png) top left no-repeat;
		width: 871px;
		height: 665px;
		margin: 100px 0 0 174px;
		position: relative;
	}
		#topbar {
			width: 545px;
			height: 57px;
			position: absolute;
			top: 6px;
			right: 5px;
			z-index: 2;
			text-align: right;
			font: bold 10px Arial, Helvetica, sans-serif;
		}
		#content {
			width: 335px;
			height: 385px;
			position: absolute;
			top: 262px;
			left: 506px;
			z-index: 4;
		}
	#footer {
		width: 871px;
		margin: 20px 0 0 174px;
		text-align: center;
	}

/*	End Structure	*/

/*	Important Elements	*/
	/*	Top Bar	*/
		#topbar a {
			color: #000000;
			margin: 0 11px 0 0;
			padding: 2px;
		}
		#topbar p {
			font: bold 14px Arial, Helvetica, sans-serif;
		}
		#search, #submit, #topbar form {
			display: inline;
			margin: 0 0 5px 0;
		}
		#submit {
			vertical-align: middle;
		}
			
	#ribbonleft {
		position: absolute;
		top: 95px;
		left: -174px;
		z-index: 2;
	}
	#ribbonright {
		position: absolute;
		top: 87px;
		right: -83px;
	}
	/*	Nav	*/
		#nav	 {
			position: absolute;
			top: 20px;
			left: 0;
			z-index: 1;
		}
		#logolink {
			display: block;
			width: 142px;
			height: 126px;
			position: absolute;
			top: 20px;
			left: 27px;
			z-index: 3;
			background: url(images/gifs/transparent.gif) top left no-repeat;
		}
		#navHome {
			display: block;
			display: block;
			width: 74px;
			height: 44px;
			position: absolute;
			top: 101px;
			left: 181px;
			z-index: 3;
			background: url(images/gifs/transparent.gif) top left no-repeat;
		}
		#navBestSellers {
			display: block;
			width: 99px;
			height: 44px;
			position: absolute;
			top: 101px;
			left: 256px;
			z-index: 3;
			background: url(images/gifs/transparent.gif) top left no-repeat;
		}
		#navShopUnder {
			display: block;
			width: 79px;
			height: 44px;
			position: absolute;
			top: 101px;
			left: 356px;
			z-index: 3;
			background: url(images/gifs/transparent.gif) top left no-repeat;
		}
		#navOurChocolate {
			display: block;
			width: 112px;
			height: 44px;
			position: absolute;
			top: 101px;
			left: 436px;
			z-index: 3;
			background: url(images/gifs/transparent.gif) top left no-repeat;
		}
		#navWhatsNew {
			display: block;
			width: 91px;
			height: 61px;
			position: absolute;
			top: 83px;
			left: 549px;
			z-index: 3;
			background: url(images/gifs/transparent.gif) top left no-repeat;
		}
		#navContactUs {
			display: block;
			width: 78px;
			height: 48px;
			position: absolute;
			top: 81px;
			left: 641px;
			z-index: 3;
			background: url(images/gifs/transparent.gif) top left no-repeat;
		}
		#navMyAccount {
			width: 80px;
			height: 47px;
			position: absolute;
			top: 81px;
			left: 720px;
			z-index: 3;
			background: url(images/gifs/transparent.gif) top left no-repeat;
		}
	/*	Content	*/
		#content p {
			font-family: "Segoe Print", "Myriad Pro", Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 36px;
			color: #2c0d00;
		}
	#chocolates {
		position: absolute;
		top: 109px;
		left: 555px;
		z-index: 2;
	}
	#indulge {
		position: absolute;
		top: 173px;
		left: 27px;
		z-index: 2;
	}
	#bighearts {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
	}
	/*	Footer	*/
	#footer p {
		font: 12px Arial, Helvetica, sans-serif;
		color: #ded3c0;
	}
	#e4 a {
		font-weight: bold;
		color: #c82913;
	}

/*	End Important Elements	*/
#sshow1 {
	position: absolute;
	bottom: 0px;
	width: 500px;
}

#sshow1 img {
margin: auto;
}
/*	Classes

	This section is for non-specific classes.  Classes associated with important elements will
		generally be located with the elements group.	*/
	
	
/*	End Classes	*/