body {
	background-color: #000000;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 130%;
	color: #ffffff; }

div#maindiv {
	margin: 0 auto;
	width: 800px;
	background-position: 0px 0px;
	background-color: transparent;}

div#mainsection {
	width: 800px;
	float: left;
	background-repeat: no-repeat;}

div#header {
	width: 800px;
	height: 62px;
	margin: 54px 29px 0 29px;
	padding: 0;
	overflow: none;}

/* BACKGROUND IMAGES */
#homepage div#mainsection, #stffpage div#mainsection {
	background-image: url('images/bg_home.gif');}

#prodMpage div#mainsection, #strypage div#mainsection, #schlpage div#mainsection  {
	background-image: url('images/bg_faces.gif');}

#prodCpage div#mainsection, #prodGpage div#mainsection, #prodOpage div#mainsection, #prodTpage div#mainsection {
	background-image: url('images/bg_prod.gif');}

#distpage div#mainsection {
	background-image: url('images/bg_dist.gif');}

/* NAVIGATION */
div#navigation ul {
	width: 745px;
	height: 62px;
	margin: 0;
	padding: 0;
	outline: none;
	background-image: none;
	background-image: url('images/nav_crumb.png');
	background-repeat: no-repeat;}

div#navigation ul li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 62px;
	text-indent: -9999px;
	float: left;}

div#navigation ul li a {
	display: block;
	height: 62px;
	outline: none;
	text-decoration: none;
	background-image: none;
	background-image: url('images/nav.png');
	background-repeat: no-repeat;}

/* BREADCRUMB */
div#navigation ul li#home {
	width: 121px;
	background-position: 0 0;
}

div#navigation ul li#products {
	width: 104px;
	background-position: -121px 0;}

div#navigation ul li#products_main {
	width: 104px;
	background-position: -868px 0;
	}

div#navigation ul li#story {
	width: 104px;
	background-position: -225px 0;}

div#navigation ul li#schools {
	width: 104px;
	background-position: -329px 0;}

div#navigation ul li#distributors {
	width: 104px;
	background-position: -433px 0;}

div#navigation ul li#stuff {
	width: 104px;
	background-position: -537px 0;}

div#navigation ul li#contact {
	width: 104px;
	background-position: -641px 0;}

/* ROLLOVER-OFF */
div#navigation ul li#home a {
	width: 121px;
	background-position: 0 0;
}

div#navigation ul li#products a {
	width: 104px;
	background-position: -121px 0;
}

div#navigation ul li#products_main a {
	width: 104px;
	background-position: -866px 0;
}

div#navigation ul li#story a {
	width: 104px;
	background-position: -225px 0;}

div#navigation ul li#schools a {
	width: 104px;
	background-position: -329px 0;}

div#navigation ul li#distributors a {
	width: 104px;
	background-position: -433px 0;}

div#navigation ul li#stuff a {
	width: 104px;
	background-position: -537px 0;}

div#navigation ul li#contact a {
	width: 104px;
	background-position: -641px 0;}

/* ROLLOVER-ON */
div#navigation ul li#home a:hover, div#navigation ul li#home a:active {
	background-position: -745px 0;}

div#navigation ul li#products a:hover, div#navigation ul li#products a:active {
	background-position: -866px 0;}

div#navigation ul li#products_main a:hover, div#navigation ul li#products_main a:active {
	background-position: -866px 0;}

div#navigation ul li#story a:hover, div#navigation ul li#story a:active {
	background-position: -970px 0;}

div#navigation ul li#schools a:hover, div#navigation ul li#schools a:active {
	background-position: -1074px 0;}

div#navigation ul li#distributors a:hover, div#navigation ul li#distributors a:active {
	background-position: -1178px 0;}

div#navigation ul li#stuff a:hover, div#navigation ul li#stuff a:active {
	background-position: -1282px 0;}

div#navigation ul li#contact a:hover, div#navigation ul li#contact a:active {
	background-position: -1386px 0;}

/* CONTENT */

div#content {
	margin: 0;
	padding: 0;
	height: 423px;
	background-color: transparent;
	background-repeat: no-repeat;}

div#content h1, h2, h3, h4 {
	display:none;}

/* FOOTER */
div#footer {
	background: url('images/footer.png');
	background-repeat: no-repeat; 
	background-position: center top
	width: 746px; 
	height: 40px; 
	margin: 0 21px 30px 29px; 
	padding: 0; 
	border: 0;  }

.hide {
	display:none;}

#footer_co {
	float: left; 
	position: absolute; 
	width: 746px; 
	height: 20px; 
	margin-left: 0px; 
	margin-top: 0px }

#footer_no {
	float: left; 
	position: absolute; 
	width: 500px; 
	height: 20px; 
	margin-left: 0px; 
	margin-top: 22px }

#footer_email {
	float: left; 
	position: absolute; 
	width: 246px; 
	height: 20px; 
	margin-left: 500px; 
	margin-top: 22px }

/* PAGE SPECIFIC CONTENT */

/* HOME */
#homepage div#content {
	background-image: url('images/home_pics.png');
	background-position: center 14px;}

/* PRODUCTS */
div#content { 
	margin: 0;
	padding: 0;
	height: 423px;  }

#prodMpage div#cans {
	background-image: url('images/prodM_pics2.png');
	width: 245px;
	height: 309px;
	margin: 49px 15px 65px 24px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	}

#prodMpage div#click {	
	margin-top: 330px;
	text-align: center;  }

#prodCpage div#click, #prodGpage div#click, #prodOpage div#click, #prodTpage div#click {	
	margin-top: 360px;
	margin-left: 50px;
	  }

#mCitr {
	float: left; 
	position: absolute; 
	width: 83px; 
	height: 309px; 
	margin-left: 162px; 
	margin-top: 0px }

#mOran {
	float: left; 
	position: absolute; 
	width: 123px; 
	height: 259px; 
	margin-left: 36px; 
	margin-top: 50px }

#mWild {
	float: left; 
	position: absolute; 
	width: 122px; 
	height: 50px; 
	margin-left: 0px; 
	margin-top: 0px }


#mTrop {
	float: left; 
	position: absolute; 
	width: 122px; 
	height: 50px; 
	margin-left: 0px; 
	margin-top: 0px }

#mGrap {
	float: left; 
	position: absolute; 
	width: 84px; 
	height: 248px; 
	margin-left: 145px; 
	margin-top: 72px }


/* Individual product page p1 left most to p3 right most */

#p1 {
	float: left; 
	position: absolute; 
	width: 63px; 
	height: 215px; 
	margin-left: 64px; 
	margin-top: 78px }

#p2 {
	float: left; 
	position: absolute; 
	width: 88px; 
	height: 235px; 
	margin-left: 127px; 
	margin-top: 103px }

#p3 {
	float: left; 
	position: absolute; 
	width: 130px; 
	height: 268px; 
	margin-left: 215px; 
	margin-top: 117px }

#p4 {
	float: left; 
	position: absolute; 
	width: 132px; 
	height: 269px; 
	margin-left: 217px; 
	margin-top: 116px }

div#main {
	width: 246px;
	height: 384px; 
	margin-top: 16px; 
	padding: 0;
	float: left; 
	display: inline;}

div#main p {
	margin: 0 0 8px 0; }

#prodMpage div#box {
	display: block;
	font-size: 95%;
	height: 366px;
	overflow: auto;
	margin: 0; 
	padding: 0 8px 0 8px;
	border-left: 1px solid #D07A03 ;
	border-right: 1px solid #D07A03 ; }

div#rightC {
	width: 270px;
	height: 423px;
	margin: 0;
	padding: 0;
	display: inline; }

#prodCpage div#leftC {
	width: 530px;
	height: 423px;
	margin: 0;
	padding: 0;
	background-image: url('images/prodC_pics.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left; }

#prodGpage div#leftC {
	width: 530px;
	height: 423px;
	margin: 0;
	padding: 0;
	background-image: url('images/prodG_pics.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left; }

#prodOpage div#leftC {
	width: 530px;
	height: 423px;
	margin: 0;
	padding: 0;
	background-image: url('images/prodO_pics.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left; }

#prodTpage div#leftC {
	width: 530px;
	height: 423px;
	margin: 0;
	padding: 0;
	background-image: url('images/prodT_pics.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left; }

#prodMpage div#subhead {
	background-image: url('images/prodO_sub.png');
	width: 235px;
	height: 296px;
	margin: 16px 20px 23px 15px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left; }

#prodCpage div#subhead{
	background-image: url('images/prodC_sub.png');
	width: 235px;
	height: 296px;
	margin: 16px 20px 23px 15px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left; }

#prodGpage div#subhead {
	background-image: url('images/prodG_sub.png');
	width: 235px;
	height: 296px;
	margin: 16px 20px 23px 15px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left; }

#prodOpage div#subhead {
	background-image: url('images/prodO_sub.png');
	width: 235px;
	height: 296px;
	margin: 16px 20px 23px 15px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left; }

#prodTpage div#subhead {
	background-image: url('images/prodT_sub.png');
	width: 235px;
	height: 296px;
	margin: 16px 20px 23px 15px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left; }


div#links {
	background-image: url('images/prodM_links.png');
	width: 235px;
	height: 67px;
	margin: 0 20px 21px 15px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	outline: none;
	float: left; 
	}

#pLtr {
	float: left; 
	position: absolute; 
	width: 76px; 
	height: 67px; 
	margin-left: 0px; 
	margin-top: 0px }

#usdaLtr {
	float: left; 
	position: absolute; 
	width: 85px; 
	height: 67px; 
	margin-left: 85px; 
	margin-top: 0px }

#nFacts {
	float: left; 
	position: absolute; 
	width: 74px; 
	height: 67px; 
	margin-left: 161px; 
	margin-top: 0px }

/* STORY & SCHOOLS  */
#strypage div#pics {
	width: 265px;
	height: 423px;
	margin: 0;
	padding: 0;
	background-image: url('images/story_pics.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left; }

#strypage div#box {
	display: block;
	font-size: 95%;
	height: 366px;
	overflow: auto;
	margin: 0; 
	padding: 0 8px 0 8px;
	border-left: 1px solid #72146C ;
	border-right: 1px solid #72146C ; }

#strypage div#cans, #schlpage div#cans {
	background-image: url('images/story_can_pics2.png');
	width: 265px;
	height: 331px;
	margin: 0px 8px 7px 7px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left; }

#strypage div#links, #schlpage div#links {
	background-image: url('images/prodM_links.png');
	width: 235px;
	height: 67px;
	margin: 0 24px 21px 30px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	outline: none;
	float: left; }

/* SCHOOLS  */
#schlpage div#pics {
	width: 265px;
	height: 423px;
	margin: 0;
	padding: 0;
	background-image: url('images/schools_pics.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left; }

#schlpage div#box {
	display: block;
	font-size: 95%;
	height: 366px;
	overflow: auto;
	margin: 0; 
	padding: 0 8px 0 8px;
	border-left: 1px solid #D07A03 ;
	border-right: 1px solid #D07A03 ; }

/* DISTRIBUTORS */
#distpage div#pics {
	width: 230px;
	height: 423px;
	margin: 0;
	padding: 0;
	background-image: url('images/dist_pics.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left; }

#distpage div#main {
	width: 300px;
	height: 384px; 
	margin-top: 16px; 
	padding: 0;
	float: left; 
	display: inline;}

#distpage div#box {
	display: block;
	font-size: 95%;
	height: 366px;
	overflow: auto;
	margin: 0; 
	padding: 0 8px 0 8px;
	border-left: 1px solid #B4BC07 ;
	border-right: 1px solid #B4BC07 ; }

div#vend {
	background-image: url('images/dist_vmachine.png');
	width: 270px;
	height: 342px;
	margin: 0;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left; }

div#box h2 {
	font-size: 150%;
	color: #EC2E38;
	display: inline;
	padding: 0; 
	margin: 0; }

div#box h3 {
	font-size: 120%;
	color: #B4BC07;
	display: block; 
	margin: 0; 
	padding-bottom: 8px; 
	padding-top: 0;}

/* STUFF */
#stffpage div#soon {
	width: 800px;
	height: 273px;
	margin: 150px 0 0 0;
	padding: 0;
	text-align: center;
	float: left; }