/* Base.css
   Description: Main stylesheet for http://www.bionexus.net
	 Author: Mindrok, LLC
	 
   Created: 03/01/08
	 Last Update: 03/20/08
   Bionexus, Inc
   Copyright (c) 2008. All Rights Reserved.
############################################# */
	 
/* Global */
body {
	background-color: #CCCCCC;
	margin: 0;
	padding: 0;
	}
p,h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
	
	
/* Grid */
#shadowC {
	background: url(img/img_bkg_mainC.jpg) left top repeat-y;
	width: 882px;
	margin: 0 auto;
	padding: 0;
	}
#mainC {
	width: 850px;
	margin: 0 auto;
	padding: 0;
	}
#headC {
	position: relative;
	height: 127px;
	background: url(img/img_bkg_headC.png) left top no-repeat;
	z-index: 100;
	}
	.logo {
		position: absolute;
		top: 20px;
		left: 20px;
		border: none;
		}
	#mainNav {
		position: absolute;
		background: url(img/img_bkg_mainNav.png) left top repeat-x;
		height: 25px;
		bottom: 0;
		left: 0;
		width: 100%;
		}
	.searchC {
		position: absolute;
		top: 2px;
		right: 20px;
		}
	.headC-right {
		position: absolute;
		top: 30px;
		right: 20px;
		text-align: right;
		color: #FFFFFF;
		}
	.chat {
		position: absolute;
		top: -60px;
		right: 0;
		border: none;
		}
#bodyC {
	clear: both;
	background: url(img/img_bkg_bodyC.png) 2px top repeat-y;
	z-index: 1;
	}
#bodyC-left {
	position: relative;
	float: left;
	width: 58%;
	}
	.bodyC-left-content {
		padding: 3% 0%;
		}
	.bodyC-left-content h1 {
		margin-left: 5%;
		}
	div.tools h2 {
		margin-bottom: 5px;
		}
	.about {
		padding: 3% 6%;
		margin: 3% 0 0 0;
		}
	.tools {
		width: 83%;
		padding: 1% 3%;
		margin: 0 auto;
		border: 1px solid #FFFFFF;
		}
	div.read-more {
		display: block;
		text-align: right;
		}
	div.tools:hover {
		background-color: #FBFFEC;
		border: 1px solid #99CC00;
		}
	.banner {
		margin: 0;
		padding: 0;
		}
.banner, .promo {
	height: 200px;
	}
.banner {
	position: relative;
	background: url(img/headline-Plasmid-Production.jpg) left top no-repeat;
	}
	.text-banner {
		position: absolute;
		top: 75px;
		left: 88px;
		width: 375px;
		}
	img.banner-button {
		position: absolute;
		bottom: 20px;
		left: 370px;
		border: none;
		}
#bodyC-right {
	position: relative;
	float: right;
	width: 42%;
	}
	.promo {
		margin-bottom: 18px;
		}
	.box {
		width: 92%;
		margin: 0 auto 2em;
		}
	.box h2 {
		position: relative;
		padding: .5% 4%;
		}
	.product-box {
		width: 45%;
		float: left;
		margin: 10px 0 10px 10px;
		}
		.product-box h3 {margin-top: 5px;}
	.box p {
		padding: 4%;
		}
	.list-left {
		float: left;
		}
	ul.list-left {
		margin: 10px 0 0 10px;
		padding: 0;
		list-style-type: none;
		}
	.list-right {
		float: right;
		}
	ul.list-right {
		margin: 10px 10px 0 0;
		padding: 0;
		list-style-type: none;
		}
	ul.list-left li, ul.list-right li {
		margin: 5px 0px;
		}
#footC {
	padding: 1% 3%;
	}
	.disclaimer {
		margin-top: 20px;
		}
	

/* Font */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	}
h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1.0em;}
#mainC {
	font-size: 1.2em;
	}
#mainNav {
	font-size: 1.3em;
	}
#mainNav ul ul {
	font-size: 13px;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}
.box h2 {
	font-size: 1.4em;
	}
.headC-right p {
	font-size: 0.9em;
	}
.product-box h3 {font-size: 1.1em;}
.search-att {
	font-size: .7em;
	}


/* Color */
#mainC {
	background-color: #FFFFFF;
	}
.headC-right a {
	color: #FFFFFF;
	}
.banner {
	background-color: #000000;
	}
.promo {
	border-bottom: 1px solid #CCCCCC;
	}
div.tools:hover, tools.over {
	background-color: #FBFFEC;
	border: 1px solid #99CC00;
	}
div.tools h2 {
	color: #3D5100;
	}
.tools .read-more a {
	color: #5B7900;
	}
.about {
	border-top: 1px solid #cccccc;
	}
#bodyC-right h2 {
	background: #595959;
	color: #FFFFFF;
	}
#bodyC-right .box {
	border: 1px solid #CCCCCC;
	background-color: #F7F7F7;
	}
.text-banner {
	color: #FFFFFF;
	}
.list-left a, .list-right a, .product-box a {
	text-decoration: none;
	color: #0099FF;
	}
.list-left a:hover, .list-right a:hover, .product-box a:hover {
	text-decoration: underline;
	}
#footC {
	border-top: 1px solid #CCCCCC;
	}
	.disclaimer {
		color: #999999;
		}
	
/* Widgets */
.clearBoth {
	clear: both;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	border: none;
	}
.box h2 img {
	position: absolute;
	top: 8px;
	left: 5px;
	}