body {
	margin:0 auto;
	background:#d3ec25 url(droplet-background.jpg);
	color: #4c4b4c;
	text-align:center;
	padding:0;
	font:12px/1.5em Arial, Helvetica, sans-serif;
	 }
/* basic elements*/  
a {	color: #78a000; text-decoration: none; font-weight:bold;	}
a:hover {color: #FF6600; text-decoration: none;}
img{border:none;}
td {vertical-align:top;	}
/*------------------------------------------------------------structure*/
#wrapper{
 	position:relative;
 	width:780px;
	padding:20px 0;
	margin: 0 auto;
	text-align:center;
	 }

#logo {	
	background:#fff url(logo_bg.jpg) no-repeat ;
	width:780px;
	height:156px;
	margin:-2px 0 0 0;
	padding:0;
	overflow: hidden; 
 }
#logo img{
	float:right;
	margin:10px 5px 0 0;
	padding:0;
	}	
#title{
	background:url(title_bg.jpg) no-repeat;
	padding:0;
	margin:0;	
	width:780px;
	text-align:left;
	height:46px;
	overflow: hidden; 
 }
#content{
	background:#fff url(content_bg.jpg) repeat-y;
	padding:0 0 20px 0;
	margin:0;	
	width:780px;
	text-align:left;
	overflow: hidden; 
 }
#design p{
	float:right;
	margin: 0.5em 5%;
	font-size:10px;
	font-weight:bold;
	color:#769D00;	 
	}
#flash{
	padding:10px 15px;
	margin:0;
	}

/*------------------------------------------------------------navigation*/


/*-----------------------------------------------------------------columns*/

#col_left img{
	float: right;
	margin:5px 10px 5px 10px;
	}
#col_left {
	padding:0; 
	margin:0;
	float: left; 
	overflow: hidden; 
	WIDTH: 450px; 
	POSITION: relative
}
#col_right {
	FLOAT: left; 
	OVERFLOW: hidden; 
	WIDTH: 300px;  
	POSITION: relative;	
	padding:0;
	margin:0.7em 20px 0 0;
	text-align:right;
}

#col_right .flash{
	border: 1px solid #999999;
	padding:2px;
	margin:0;
}
#col_right .flash2{
	float:right;
	width: 252px;
	border: 1px solid #999999;
	padding:2px;
	margin:0;
}
#col_right img{
	float:right;
	margin:0.7em 0;
}
/*--------------------------------------------------------------nav boxes*/

.box-index1, .box-index2, .box-index3, .box-index4{
	float: left; 
	width: 400px;
	height:72px;  
	position: relative;	
	padding:0;
	margin:0.7em 0 5px 15px;
	text-align:left;
	overflow:hidden;
	}
.box-index1{
	background:url(product_index.jpg) no-repeat;
	}
.box-index2{
	background:url(school_index.jpg) no-repeat;
	}
.box-index3{
	background:url(business_index.jpg) no-repeat;
	}
.box-index4{
	background:url(market_index.jpg) no-repeat;
	}

h2.box{
	margin:0.2em 2px 0.1em 120px;
	display:block;
	padding:0;
	border:none;
	font-size: 16px;
	text-transform:uppercase;
	font-weight: normal;
	color: #365100;
	}
p.box{
	margin:0.2em 2px 0.2em 120px;
	padding:0;
	font-size: 11px;
	font-weight: normal;
	}
p.box a{
	color:#000;
	}
p.box a:hover{
	color:#FF6600;
	}
.box-desc{
	font-size: 11px;
	}
.box ul{
	list-style:none;
	line-height: 1.3;
	padding:0;
	margin: 0.2em 1% 0.2em 5%;
	}
.box li{
	list-style:none;
	background: url(red_bullet.gif) no-repeat left 3px;
	padding:0 0 2px  12px;	
	margin:0; 
	}
.box li a{
	color:#336699;	 
	}
.box li a:hover{
	color:#3399CC;	 
	}
/*--------------------------------------------------------------product boxes*/
.box-container{
	width:780px;
	margin:5px 0;
	padding:0;
	text-align:left;
	}
.box-container ul, #col_left ul{
	list-style:none;
	line-height: 1.3;
	padding:0;
	margin: 0.2em 1% 0.2em 7%;
	}
.box-container li, #col_left li{
	list-style:none;
	background: url(bullet_arrow.gif) no-repeat left 3px;
	padding:0 0 2px 13px;	
	margin:0; 
	}
.box-prod{
	float: left; 
	width: 169px;
	height:182px;  
	position: relative;	
	padding:0;
	margin:0.7em 10px 5px 5px;
	text-align:left;
	overflow:hidden;
	}

/*--------------------------------------------------------------international boxes*/
.box-intl{
	float: left; 
	width: 130px;
	height:100px;  
	position: relative;	
	padding:0;
	margin:0.7em 10px 5px 15px;
	text-align:left;
	overflow:hidden;
	border-right:1px dashed #336633;
	}
.box-intl img{
	position: relative;	
	padding:0;
	margin:0 0 5px 2px;
	text-align:left;
	overflow:hidden;
	}
.box-intl p{
	position: relative;	
	padding:0;
	margin:0 ;
	text-align:left;
	overflow:hidden;
	}
/*------------------------------------------------------------------------presentation*/

	
 p, h1, h2, h3, h4{
	line-height: 1.3em;
	margin: 0.7em 20px;
	}
h1{
	color:#475101;
	text-transform:uppercase;
	font-size: 20px;
	font-weight: normal;
	margin: 0.7em 20px;
	padding:0;
	}
h2{
	color:#669900;
	line-height: 1.3;
	margin: 0.7em 20px;
	font-size: 18px;
	border-left:10px solid #E2F271;
	padding:0 0 0 2px;
	text-transform:uppercase;
	font-weight: normal;
	}

h3{
	color:#669900;
	font-size:15px;
	font-weight: bold;
	line-height: 1.3;
	margin: 0.2em 5%;
	}
h4{
	color:#669900;
	font-size:13px;
	font-weight: bold;
	line-height: 1.3;
	margin: 0.2em 5%;
	}
#col_right p{
	text-align:left;
	}

.red{
	color:#FF0000;
	font-size:14px;
	}
.quote{
	font-size: 11px;
	font-style: oblique;
	font-weight: bold;
	}
/*----------------------------------------------------------------footer*/
#footer{
	height:44px;
	background:#fff url(footer_bg.jpg) no-repeat;
	padding:0;
	margin: 0;
	width:780px;
	text-align:left;
	overflow:hidden;
 }
#footer p {
	font-size: 11px;
	margin:1em 5%;
	padding: 0;
	color: #475101;
	}


/*------------------------------------------------------------clear floats*/
.clearer{
 	height:1px;
 	overflow:hidden;
 	margin-top:-1px;
 	clear:both;
}

/*----------------------------------------------------------------------tips buttons*/
dl.tips{
	PADDING: 0px;  MARGIN:0 0 0 5%; 
}
dl.tips dd {
	DISPLAY: none
}
dl.tips dt {
	DISPLAY: block; MARGIN: 0px 0px 5px 0; WIDTH: 350px; TEXT-INDENT: -10000px; HEIGHT: 71px;
}
dl.tips dt a#one{
	DISPLAY: block; WIDTH: 350px; HEIGHT: 71px;
}
dl.tips dt a#two{
	DISPLAY: block; WIDTH: 350px; HEIGHT: 71px;
}
dl.tips dt a#three {
	DISPLAY: block; WIDTH: 350px; HEIGHT: 71px;
}


dl.tips dt a#one {
	BACKGROUND: url(file:///C|/Documents and Settings/me/My Documents/working planet/GI juice/button_tips.gif) no-repeat;
}
dl.tips dt a#two {
	BACKGROUND: url(file:///C|/Documents and Settings/me/My Documents/working planet/GI juice/button_tools.gif) no-repeat;
}
dl.tips dt a#three{
	BACKGROUND: url(file:///C|/Documents and Settings/me/My Documents/working planet/GI juice/button_links.gif) no-repeat;
}


dl.tips dt a#one:hover {
	BACKGROUND-POSITION: -350px 0px
}
dl.tips dt a#two:hover {
	BACKGROUND-POSITION: -350px 0px
}
dl.tips dt a#three:hover {
	BACKGROUND-POSITION: -350px 0px
}

/*------------------------------------------------------------top of page link*/	
.top a {
	DISPLAY: block; MARGIN: 0px 0px 5px 380px; padding:0; WIDTH: 21px; TEXT-INDENT: -10000px; HEIGHT: 21px;
	BACKGROUND: url(../top.gif) no-repeat;
}
.top a:hover {
	BACKGROUND-POSITION: -21px 0px
}
/*------------------------------------------------------------horizontal rule*/
	
hr {
	margin:0 0 0 10px;
	border-top: 1px dashed #336600;/*the border*/
	width: 98%;
	height: 1px;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
}