body {	
	color: #2c100c;
	font-size: 10.5px;
	font-family: Arial, Helvetica;
	width: 100%;
	min-height: 100%;
	margin:0px;
	padding: 0px;
	}

/* --- MAIN STRUCTURE --- */

#mainwrap {
	width: 1023px;
	padding-top: 100px;
	margin:0px auto;
	position:relative;
	}
	
/* header */
	
#header {
	position:absolute;
	top:0px;
	left:12px;
	width:999px;	
	z-index: 90;
	}
	
#header #header-banner {
	height: 26px;
	width: 100%;
	}

#header #flavor-pattern {
	height: 102px;
	width: 100%;
	z-index: 90;
	position: relative;
	}

/* end header */

/* nav */

#navbox {
	width: 795px;
	height:110px;
	background: url(../images/navbg.png) bottom center no-repeat;
	position:absolute;
	top:80px;
	left:110px;
	z-index: 80;
	}

#nav *, #navbox {
	margin:0px; padding:0px;}

h1#logo a {
	display: block;
	height: 53px;
	width: 186px;
	background: url(../images/nogurt.gif) top left no-repeat;
	text-indent: -9999px;
	position: absolute;
	bottom:15px;
	left:60px;
	}

#nav ul {
	position: absolute;
	top:150px;
	left: 365px;
	height:15px;
	width: 480px;
	background: url(../images/nav.gif) 0px 0px no-repeat;
	}

#nav li, #nav li a {
	margin:0px;
	padding: 0px;
	position:absolute;
	top:2px;
	list-style: none;
	}

#nav li a {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height:15px;
		
	}

#content a:hover {
	text-decoration: underline;}

/* NAV images */

#nav .flavors a {width:63px; left: 5px; }
#nav .benefits a {width:72px; left:93px;  }
#nav .media a {width:52px; left:189px; }
#nav .about a {width:80px; left:264px;  }
#nav .contact a {width:96px; left: 368px; }

/* ------ NAV rollovers ------ */

#nav ul {z-index: 90;}

#nav a {position: relative;}

#nav a:hover span {
	display: block;
	position: absolute;
	top: -67px;
	right:-70px;
	height:71px;
	width:83px;
	z-index: 90;
	}

#nav .flavors a:hover span {
	background: url(../images/text.png) -83px 0px;
	}
#nav .media a:hover span {
	background: url(../images/text.png) 167px 0px;
	}
#nav .about a:hover span {
	background: url(../images/text.png) -166px 0px;
	}
#nav .benefits a:hover span {
	background: url(../images/text.png) 0px 0px;
	}
#nav .contact a:hover span {
	background: url(../images/text.png) 83px 0px;
	}
	
/* end nav */

/* content */



#contentwrap {
	width: 999px;
	margin-left: 12px;
	margin-right:12px;
	}


#content {
	padding-bottom: 75px;		
}

#p-body {
	
	margin: 0px auto;
	position:relative;
	z-index: 70;
	
	}
	
/* end content */

/* footer */

#mainfooter {
	width: 1023px;
	height:112px;
	margin:0px auto;
	color: #dedcc4;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	margin-bottom: 50px;
	}

#mainfooter * {
	margin:0px; padding:0px;}
	
#mainfooter ul {
	padding: 20px 0px 10px 0px;
	}

#mainfooter li {
	display: inline;
	padding: 0px 8px 0px 12px;
	}

#mainfooter li:first-child {
	background: none;} /* this keeps the bullet off of the first ones */

#mainfooter li a {
	text-decoration: none;
	font-family: Arial, Helvetica;
	font-size: 10px;
	}
	
/* end footer */

/* text styles */

img, a {
	outline: none;
	border: none;
	text-decoration: none;}

#content h1 {
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	}

#content h2 {
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;}

#p-body {
	line-height: 18px;
	overflow: auto;
	}


/* end text styles */

/* highslide edit */

.highslide-credits {
	position: absolute !important;
	top:-1px !important;
	left:-1px !important;
	height: 0px !important;
	width: 0px !important; 
	overflow: hidden !important;}