p{
	font-family: Arial;
	font-size: 11px;
	color: #56412e;
	line-height: 15px;
}

h1,h2,ul,li,p{
	margin: 0;
	padding: 0;
}

#container a{
	/* for accessibility/search -- NOTE: assumes all links in #container are images!!! */
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

h1,h2,.access{
	text-indent: -9999px;
}

img{
	 behavior: url(/iepngfix.htc)
}

#container{
	width: 100%;
	background-image: url(/Oreo/images/oreo/cakesters/bg-2010.gif);
	margin-top: -5px;
}

#topLevel{
	width: 822px;
	height: 548px;
	margin: 0 auto 0 auto;
	position: relative;
}

#content,#jingle,#products,#videos{
	width: 789px;
	height: 538px;
}

#content{
	background: url(/Oreo/images/oreo/cakesters/home.jpg) no-repeat scroll 35px 0;
}

#videos,#jingle{
	margin: 0 0 0 30px;
}

#videos embed, #videos object,#jingle embed, #jingle object{
	margin-top: -10px;	
}

#products{
	background: url(/Oreo/images/oreo/cakesters/products.jpg) no-repeat scroll 5px 0;
}

#noDunk,#dunk,#navLeft,#navCenter,#navRight{
	float: left;	
}

.clear{
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

ul#dunkNav{
	position: absolute;
	top: 284px;
	left: 87px;
	list-style-type: none;
}

#dunk{
	height: 107px;
	width: 280px;
}

#dunk a{
	height: 107px;
	width: 280px;
	background: url(/Oreo/images/oreo/cakesters/dunk.jpg) no-repeat 0 0;
}

#dunk a:hover{
	background: url(/Oreo/images/oreo/cakesters/dunk.jpg) no-repeat 0 -107px;
}

#noDunk{
	height: 93px;
	width: 275px;
	margin: 13px 0 0 83px;
}

#noDunk a{
	height: 93px;
	width: 275px;
	background: url(/Oreo/images/oreo/cakesters/do-not-dunk.jpg) no-repeat 0 0;
}

#noDunk a:hover{
	background: url(/Oreo/images/oreo/cakesters/do-not-dunk.jpg) no-repeat 0 -93px;
}

ul#nav{
	position: absolute;
	top: 404px;
	left: 0;
	list-style-type: none;
	height: 173px;
	overflow: hidden;
}

ul#nav li a{
	margin-top: 40px;
	overflow: hidden;
}

#navLeft{
	height: 97px;
	width: 273px;
}

#navLeft a{
	height: 97px;
	width: 273px;
	background: url(/Oreo/images/oreo/cakesters/sprite-more-info-2.gif) no-repeat 0 -97px;
}

#navLeft a:hover,div.jinglePage #navLeft a,div.jinglePage #navLeft a:hover{
	height: 97px;
	background: url(/Oreo/images/oreo/cakesters/sprite-more-info-2.gif) no-repeat 0 0;
}

#navCenter{
	height: 173px;
	width: 265px;
	margin-top: -38px;
}

#navCenter a{
	height: 135px;
	width: 265px;
	background: url(/Oreo/images/oreo/cakesters/sprite-products.gif) no-repeat 0 -135px;
}

#navCenter a:hover,div.productsPage #navCenter a,div.productsPage #navCenter a:hover{
	background: url(/Oreo/images/oreo/cakesters/sprite-products.gif) no-repeat 0 0;
}

#navRight{
	height: 97px;
	width: 274px;
}

#navRight a{
	height: 97px;
	width: 274px;
	background: url(/Oreo/images/oreo/cakesters/sprite-video.gif) no-repeat 0 -97px;
}

#navRight a:hover,div.videoPage #navRight a,div.videoPage #navRight a:hover{
	height: 97px;
	background: url(/Oreo/images/oreo/cakesters/sprite-video.gif) no-repeat 0 0;
}

#topLevel #goldenCakesters,#topLevel #peanutCakesters,#topLevel #regularCakesters,#topLevel #doubleCakesters{
	width: 148px;
	height: 54px;
	position: absolute;
}

#peanutCakesters a,#regularCakesters a{
	width: 148px;
	height: 54px;
	background: url(/Oreo/images/oreo/cakesters/nutrition-info-top.gif) no-repeat;
}

#goldenCakesters a,#doubleCakesters a{
	width: 148px;
	height: 54px;
	background: url(/Oreo/images/oreo/cakesters/nutrition-info.gif) no-repeat;
}

#topLevel #doubleCakesters{
	top: 336px;
	left: 568px;
	width: 143px;
	height: 48px;
}

#topLevel #doubleCakesters a{
	width: 143px;
	height: 48px;
	background: url(/Oreo/images/oreo/cakesters/sprite-nutrition.gif) no-repeat 0 0;
}

#topLevel #doubleCakesters a:hover{
	background: url(/Oreo/images/oreo/cakesters/sprite-nutrition.gif) no-repeat 0 -48px;
}

#topLevel #regularCakesters{
	top: 199px;
	left: 228px;
	width: 143px;
	height: 48px;
}

#topLevel #regularCakesters a{
	width: 143px;
	height: 48px;
	background: url(/Oreo/images/oreo/cakesters/sprite-nutrition.gif) no-repeat 0 0;
}

#topLevel #regularCakesters a:hover{
	background: url(/Oreo/images/oreo/cakesters/sprite-nutrition.gif) no-repeat 0 -48px;
}

#topLevel #peanutCakesters{
	top: 199px;
	left: 568px;
	width: 143px;
	height: 48px;
}

#topLevel #peanutCakesters a{
	width: 143px;
	height: 48px;
	background: url(/Oreo/images/oreo/cakesters/sprite-nutrition.gif) no-repeat 0 0;
}

#topLevel #peanutCakesters a:hover{
	background: url(/Oreo/images/oreo/cakesters/sprite-nutrition.gif) no-repeat 0 -48px;
}

#topLevel #goldenCakesters{
	top: 336px;
	left: 228px;
	width: 143px;
	height: 48px;
}

#topLevel #goldenCakesters a{
	width: 143px;
	height: 48px;
	background: url(/Oreo/images/oreo/cakesters/sprite-nutrition.gif) no-repeat 0 0;
}

#topLevel #goldenCakesters a:hover{
	background: url(/Oreo/images/oreo/cakesters/sprite-nutrition.gif) no-repeat 0 -48px;
}

#coupon{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 241px;
	height: 143px;
}

div.videoPage #toHome,div.productsPage #toHome,div.jinglePage #toHome{
	position: absolute;
	height: 123px;
}

div.productsPage #toHome{
	top: 0;
	left: 310px;
	width: 200px;
}

div.videoPage #toHome{
	top: -10px;
	left: 310px;
	width: 200px;
}

div.jinglePage #toHome{
	top: 0;
	left: 300px;
	width: 190px;
}
