body 

{font-family:Arial, Helvetica, sans-serif;text-align:center;font-size:12px;background-image:url(images/sky.jpg);color:#333333;}

a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #666;
}
a:link {
	text-decoration: none;
	font-size: 20px;
}
a:visited {
	text-decoration: none;
	color: #666;
	font-size: 20px;
}
a:hover {
	text-decoration: none;
	color: #000;
	background:#FFFF00;
}
a:active {
	text-decoration: none;
	color: #000;
}

.content {
	position:relative;
	width: 800px;
	height: 600px;
	margin: 0 auto;
	background-color: #fff;
	z-index: 2;
}

.logo {
	position:absolute;
	left:16px;
	top:17px;
	z-index:1;
}

.biologo

{
	position:absolute;
	left:18px;
	top:15px;
	width:182px;
	height:33px;
	background-image: url(images/bioroll_logo.png);
	z-index: 5;
}

.cart

{
	position:absolute;
	left:719px;
	top:13px;
	z-index:2;
	color:#666666;
}


.navigation 

{
	position:absolute;
	left:290px;
	top:101px;
	width:486px;
	text-align:right;
	z-index: 2;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color:#ffffff;
}

.onit

{color:black;}

.navicons 

{

	position:absolute;
	left:315px;
	top:10px;
	width:500px;
	height:90px;
	text-align:left;
	z-index: 1;
	
}

.navigation li

{	
	display: inline;
	list-style-type: none;
	padding-left: 12px;
}

.navigation ul

{	
	margin: 0 0 2.5em -5em;
}


.explain {

	position:absolute;
	left:18px;
	top:163px;
	width:238px;
	text-align:left;
	height: 350px;
	z-index: 3;
	overflow:auto;
	padding-right:20px;
	font-size:14px;
	
}
.explain li {font-size:14px;font-style:bold;margin-left:0px;list-style-image: url(images/trowel2.gif);}

.animation {position:absolute;width:250px;height:200px;top:345px;left:15px;z-index:1;}

.paypal {

	position:absolute;
	left:0px;
	top:512px;
	z-index: 2;

}

.flash {
	position:absolute;
	left:300px;
	top:163px;
	z-index: 2;
	width: 486px;
}


.faq {
	position:absolute;
	left:18px;
	top:153px;
	width:768px;
	text-align:left;
	height: 420px;
	z-index: 3;
	overflow:auto;
	font:Arial, Helvetica, sans-serif 14px;
}

.faq a:link {font-size:15px;}

.faq_pics {
	position:absolute;
	left:17px;
	top:150px;
	width:768px;
	text-align:left;
	height: 365px;
	z-index: 3;
	overflow:auto;
	font:Arial, Helvetica, sans-serif;
	
}

.faqq {

	color:#336600;
	font: bold;
	
	}
	
.faqa {
	
	color:#663300;
	font: bold;
	
	}	
	
.press {
	
	position:absolute;
	left:525px;
	top:153px;
	width:200px;
	text-align:left;
	height: 300px;
	z-index: 3;
}

.contact 

{
	background-image:url(images/contact.jpg);
	background-position:top;
	position:absolute;
	left:16px;
	top:152px;
	width:769px;
	text-align:left;
	height: 365px;
	z-index: 3;
	font:Arial,Helvetica,sans-serif;
	font-size:20px;
	color: #666666;
}

.links 

{
	background-position:top;
	position:absolute;
	left:16px;
	top:152px;
	width:800px;
	text-align:left;
	height: 365px;
	z-index: 3;
	font:Arial,Helvetica,sans-serif;
	font-size:20px;
	color: #666666;
}

.footer {
	
	position:absolute;
	right:15px;
	top:605px;
	width: 800px;
	font: 10px small-caps arial, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:right;

}

.footerme {

	position:absolute;
	right:15px;
	top:605px;
	width:800px;
	font: 10px small-caps arial, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	z-index:2;
}


.footer a {
	
	font:10px small-caps arial, Arial, Helvetica, sans-serif;
	color:#fff;text-decoration:none;}
	
.footer a:link {
	
	font:10px small-caps  arial, Arial, Helvetica, sans-serif;
	color:#fff;text-decoration:none;}
	
.footer a:visited {
	
	font:10px small-caps  arial, Arial, Helvetica, sans-serif;
	color:#fff;text-decoration:none;}
	
.footer a:hover {
	
	font:10px small-caps  arial, Arial, Helvetica, sans-serif;
	color:#000;text-decoration:none;}