/* ----- Main ----- */

body 
{
	margin: 0;
	padding: 0; 
	background: url(../images/landing-back.png) repeat-x;
}

#container
{
	position: relative;
	margin: 100px auto;
	width: 936px;
	height: 702px;
	background: url(../images/landing-content-back.jpg) no-repeat;
}

#tea
{
	position: absolute;
	top: 312px;
	left: 137px;
	width: 299px;
	height: 215px;
}

#coffee
{
	position: absolute;
	top: 218px;
	right: 133px;
	width: 223px;
	height: 309px;
	background-position: -299px 0px;
}

#tea.hover, #coffee.hover { background-image: url(../images/landing-rollovers.jpg); }