body {margin:0;padding:0;font-family:Arial;font-size:10px;background:url(images/bkg-honeynuts.jpg) repeat-x #000000;}

body#levels {background:url(images/bkg-levels.jpg) no-repeat #000000;}
div, p, h1 {margin:0;padding:0;}
a {color:#f7ba29;}
img {border:0px}

div.logo {position:absolute;top:0;left:0;z-index:100;}

/* center content on the browser */
.page {width:800px;margin:0 auto;position:relative;}
.page div.wrapper {margin:0;padding:0;}


div.wrapper div.main {float:left;width:800px;height:570px;}
div.main div.content {float:left;padding:0px 190px 15px 190px;}
div.main div.content p#top {padding-top:60px;height:241px;overflow:hidden;}
div.main div.content p#top img.savethehoney {position:relative;top:-234px;left:99px;z-index:100}
div.main div.content div.tab {float:left;width:203px;}
div.main div.content div.tab p {height:170px;overflow:hidden;}
div.main div.content div.tab img {position:relative;z-index:100}
div.main div.content div.tab img.chase {top:-158px;left:20px;}
div.main div.content div.tab img.buzz {top:-167px;left:15px;}
div.wrapper div.content div.footer {float:left;width:800px;color:#f7ba29;padding:30px 0 0 0;}
div.wrapper div.content div.footer p {padding:0 0 0 160px;}

/* levels classes */
div.ocean {float:left;width:950px;}
div.ocean div.content {float:left;width:100%;height:570px;overflow:hidden;}
div.content div.level {position:absolute;top:51px;left:301px;width:424px;height:431px;}

div.content div.level h1 {padding:48px 0 16px 20px;}
div.content div.level p {padding:0 0 0 123px;}
div.content div.level p img {width:186px;height:46px;}
div.ocean div.footer {float:left;width:100%;color:#f7ba29;padding:30px 0 0 0;}
div.ocean div.footer p {padding:0 0 0 260px;}

.adspot {
	position:fixed;
	bottom:25px; left:5px;
	z-index:400000; 
	}
	
	
/* pop up */
body#popup { background-color:White; background-image:none;}
div#popup-content { width:430px; font-size: 10pt; color: #000000; font-family:Arial; margin:20px 4px 0 10px;}
div#popup-content p { padding:5px 0 5px 0;}
div#popup-content ol { list-style-type:lower-alpha;}
div#popup-content h1 {font-size: 11pt; }
div#popup-content a:link { color: blue;  }
div#popup-content a:visited { color: blue;  }
div#popup-content a:hover { color: #F55B1B;  }
div#popup-content a:active { color: #E51C27; }

/* promotion central  */
div#main { margin:0 auto 0 auto; width:800px;height:570px;}
div#main #flashContent { height:570px; width:800px; visibility:hidden;  }
div#main #flashContent img#flash-landing { margin: 40px 0 0 180px; }
div#main #flashContent img#flash-promo{ margin: 50px 0 0 85px; z-index:100; position:absolute; }
div#main #flashContent img#flash-post-promo { margin: 40px 0 0 180px; }

/* promotion footer */
div#main #rule-bar {margin:0px 0 0 0; width:555px; height:77px; background-image:url(images/rules-bar.png); margin:0 auto 0 auto;}
div#main #rule-bar a { color:Black;}
div#main #rule-bar a:hover { color:Black; text-decoration:none; outline:none;}
div#main #rule-bar a#rules{ float:right; margin:27px 69px 0 0;}
div#main #rule-bar-enter { margin:0 auto 0 auto; width:510px; height:77px;}
div#main #footer { width:650px; margin:30px auto 0 auto; padding:0 0 40px 0;}
div#main #footer img#ad-spot { padding:0 0 0 9px; vertical-align:middle; cursor:pointer;}
div#main #footer img#ad-pop { display:none; margin:-52px 0 0 285px; z-index:100; position:absolute;}