/*    -----  DEFINE HTML TAGS  -----     */
body {
		margin: 0;
		padding: 0;
		background: #FEDBE6;
		font-family: Arial, Helvetica, sans-serif;
	}
h1, h2, h3 {
		margin: 0;
		padding: 0;
	}
h1, h2, blockquote {
		position: absolute;
		left: -30000px;
	}


/*    -----  DEFINE IDs  -----     */
#wrapper {
		width: 750px;
		margin-left: -375px;
		height: 400px;
		margin-top: -200px;
		position: absolute;
		top: 50%;
		left: 50%;
		background: #F99FBB url('/images/main_pg/whole-bg-sl.jpg') no-repeat fixed center;
	}
#logo, #links, #featured_on, #featured_off {
		float: left;
	}
#pie, #pie2 {
		/* for some reason floating #intro caused funky things in Firefox -- works fine w/o */
		float: right;
	}


/*     -----  TOP BAR TAGS  -----     */
#top_bar {
	}
#intro {
		margin: 0;
		padding: 0;
		width: 585px;
		height: 65px;
		position: absolute;
		top: 35px;
		left: 150px;
		overflow: auto;
	}
#intro p {
		margin: 0;
		padding: 0;
		text-indent: 1em;
	}

/*     -----  MIDDLE BAR TAGS  -----     */
#middle_bar {
		clear: both;
	}
#links {
		border: 0;
	}
#main_links {
		position: absolute;
		top: 132px;
		left: 16px; 
		margin: 0;
		padding: 0;
		width: 121px;
		height: 20px;
		list-style-type: none;
		text-decoration: none;
	}
#main_links li {
		margin: 0 0 30px;
		padding: 0;
	}
#main_links a {
		border: none;
		display: block;
		width: 121px;
		height: 20px;
		text-decoration: none;
	}
#main_links a em {
		visibility: hidden;
	}
#about a {
		background: url('/images/main_pg/links-about.gif') no-repeat;
	}
#menu a {
		background: url('/images/main_pg/links-menu.gif') no-repeat;
	}
#testimonials a {
		background: url('/images/main_pg/links-testimonials.gif') no-repeat;
	}
#shop a {
		background: url('/images/main_pg/links-shop.gif') no-repeat;
	}
#contact a {
		background: url('/images/main_pg/links-contact.gif') no-repeat;
	}
#about a:hover,
#menu a:hover,
#testimonials a:hover,
#shop a:hover,
#contact a:hover {
		background: none;
	}


/*     -----  BOTTOM BAR TAGS  -----     */
#bottom_bar {
		position: absolute;
		top: 370px;
		width: 750px;
		height: 30px;
	}
#featured_on, #featured_off {
		width: 348px;
		height: 111px;
	}
#featured_on {
		background: url('../images/main_pg/featured_on.jpg');
		font-size: .9em;
		overflow: auto;
	}
#featured_off {
		background: url('../images/main_pg/featured_off.jpg');
	}
#featured_on p {
		margin: 25px 142px 0 23px;
		padding: 0;
	}
#featured_link {
		margin: 0 0 0 170px;
	}
#featured_link a:link, a:visited {
		color: #311800;
	}



/*     -----  BOTTOM LINKS  -----     */
#bottom_links {
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}
#bottom_links li {
		display: inline;
		padding: 0 .5em;
	}
#bottom_links a:link, #bottom_links a:visited {
		color: #DA4171;
	}




/*     -----  COPYRIGHT TAGS  -----     */
#fixer {
		/* this fixes a screw up with floats in Firefox */
		clear: both;
	}
#copyright {
		clear: both;
		text-align: center;
		color: #DA4171;
	}
#copyright p {
		margin: 0;
		padding: 0;
	}
#copyright a:link, #copyright a:visited {
		color: #DA4171;
	}


/*    -----  DEFINE CLASSES  -----     */