/* import menu.css */
@import url("menu.css");

body { 
	background: #e8d2a6;
	font-family: "Trebuchet MS", Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
}

div#template { 
	width: 900px;
	margin: 0 auto;
	position: relative;
}

a.logo { 
	display: block;
	width: 240px;
	height: 350px;
	position: absolute;
	top: 0;
	left: 20px;
	font-size: 0;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}
a.quiz { 
	display: block;
	width: 90px;
	height: 90px;
	position: absolute;
	top: 155px;
	right: 95px;
	font-size: 0;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

div#main { 
	height: 450px; /* 450 - 40 = 410 */
	background: url(../images/home-main.jpg) no-repeat;
}

div#header { 
	height: 100px;
}
	div#header h1 { 
		display: none;
	}
		div#header .menu li#products:hover,
		div#header .menu li#products.over { 
			background: url(../images/products-menu.gif) no-repeat 45px 30px;
		}

div#content { 
}
	div#content h2 { 
		font-family: Cambria, Georgia, Times, "Times New Roman", "Adobe Garamond Pro", "Trebuchet MS", Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
		font-weight: normal;
		font-style: italic;
		color: #c8a237;
		margin-bottom: 4px;
		line-height: 18px;
	}
	div#content div.header { 
		padding: 20px 120px 0 300px;
		line-height: 16px;
	}
		div#content div.header p { 
			padding-right: 40px;
			font-size: 11px;
		}
div#footer { 
	height: 150px;
	background: url(../images/home-alt.jpg) no-repeat;
}
div#footer div.menu { 
	margin-right: 30px;
}
	div#footer div.menu ul { 
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		div#footer div.menu ul li { 
			float: none;
			display: inline;
		}
			div#footer div.menu ul li a { 
				display: block;
				float: left;
				width: 300px;
				height: 150px;
				font-size: 0;
				text-indent: -9999px;
				text-decoration: none;
				outline: none;	
			}
			div#footer div.menu ul li#recipes a { width: 310px; }
			div#footer div.menu ul li#wheretobuy a { }
			div#footer div.menu ul li#contact a { height: 75px; width: 260px; }
			div#footer div.menu ul li#swedish a { height: 75px; width: 260px; }