/********************************************
* CSS DOCUMENT - Global 
********************************************/

	body {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 76%;
		height: 100%;
		background-color: #fff;
		color: #333333;
		margin: 0;
		padding: 0;
	}
	
	a {
		color: #6fac14;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	form {
		margin: 0;
		padding: 0;
		display: inline;
	}
	
	img {
		border: 0;
	}
	
	html { 
		height: 100%;
		margin-bottom: 20px;
	}
	
	.hide {
		display: none;
	}
	
/********************************************
* LAYOUT
********************************************/
	
	div.wrap {
		width: 850px;
		margin: 0 auto;
	}
	
	div.maincontainer {
		width: 830px;
		padding: 0 10px 0 10px;
		float: left;
	}
	
/********************************************
* HEADER
********************************************/
	
	div.header {
		width: 830px;
		float: left;
	}
	
	div.header h1 {
		font-size: 100%;
		width: 148px;
		height: 98px;
		margin: 0;
		padding: 28px 32px 0 0;
		background-image: url(../images/logo.gif);
    	background-repeat: no-repeat;
		background-position: left bottom;
		display: block;
		float: left;
	}
	
	div.header h1 a {
		font-size: 100%;
		width: 148px;
		height: 98px;
		background-image: url(../images/logo.gif);
    	background-repeat: no-repeat;
		display: block;
		float: left;
	}
	
	div.header h1 span {
		display: none;
	}
	
	/* NAVBAR*/
	
	#navlist {
		width: 650px;
		background-image: url("../images/navbar.gif");
		background-repeat: no-repeat;
		background-position: left bottom;
		padding: 83px 0 0 0;
		margin: 0;
		display: block;
		float: left;
	}
	
	#navlist li {
		list-style: none;
		position: relative;
		margin: 0;
		float: left;
	}
	
	#navlist li a {
		background-repeat: no-repeat;
		display: block;
	}
	
	#navlist li .navbut1 {
		width: 63px;
		height: 30px;
		background-image: url("../images/navbut1.gif");
		background-position: 0px 0px;
	}
	
	#navlist li .navbut1:hover, #navlist li .navbut1.current {
		background-position: 0px -31px;
	}
	
	#navlist li .navbut2 {
		width: 72px;
		height: 30px;
		background-image: url("../images/navbut2.gif");
		background-position: 0px 0px;
	}
	
	#navlist li .navbut2:hover, #navlist li .navbut2.current {
		background-position: 0px -31px;
	}
	
	#navlist li .navbut3 {
		width: 94px;
		height: 30px;
		background-image: url("../images/navbut3.gif");
		background-position: 0px 0px;
	}
	
	#navlist li .navbut3:hover, #navlist li .navbut3.current {
		background-position: 0px -31px;
	}
	
	#navlist li .navbut4 {
		width: 119px;
		height: 30px;
		background-image: url("../images/navbut4.gif");
		background-position: 0px 0px;
	}
	
	#navlist li .navbut4:hover, #navlist li .navbut4.current {
		background-position: 0px -31px;
	}
	
	#navlist li .navbut5 {
		width: 82px;
		height: 30px;
		background-image: url("../images/navbut5.gif");
		background-position: 0px 0px;
	}
	
	#navlist li .navbut5:hover, #navlist li .navbut5.current {
		background-position: 0px -31px;
	}
		
	#navlist li span {
		display: none;
	}
	
	#navlist li ul { /* second-level lists */
		width: 200px;
		font-size: 94%;
		display: none;
		position: absolute;
		margin: 0;
		padding: 0 0 5px 0; 
		top: 30px;
		left: 0;
		z-index: 10;
	}
	
	#navlist li li {
		width: 200px;
		background-color: #88c42c;
		background-image: none;
		padding: 0;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #a1d650;
		display: block;
		clear: left;
	}
	
	#navlist li li a {
		color: #fff;
		background-image: url("../images/arrow1.gif");
    	background-repeat: no-repeat;
		background-position: 12px 9px;
		padding: 7px 24px 7px 24px;
		margin: 0;
		text-decoration: none;
		display: block;
	}
	
	#navlist li li a:hover {
		color: #fff;
		background-color: #333333;
	}
	
	#navlist li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
		top: auto;
		left: auto;
	}
	
	#navlist li:hover ul, #navlist li.over ul { /* lists nested under hovered list items */
		display: block;
	}
	
	
/********************************************
* MAIN CONTENT
********************************************/
	
	div.contentbox {
		width: 830px;
		min-height: 394px;
		margin: 0;
		float: left;
	}
	
	/* Fix for IE-win \*/
		* html div.contentbox {height: 394px;}
	/* End Fix for IE-win */
	
	div.contentbox.homebgimage {
		background-image: url("../images/home_bg.jpg");
    	background-repeat: no-repeat;
		background-position: left bottom;
	}
	
	div.contentbox.contentbgimage {
		background-image: url("../images/content_bg.jpg");
    	background-repeat: no-repeat;
		background-position: left bottom;
	}
	
	div.contentbox .contentcol1 {
		width: 555px;
		padding: 10px 0 30px 0;
		float: left;
	}
	
	div.contentbox .contentcol2 {
		width: 275px;
		padding: 10px 0 40px 0;
		float: left;
	}
	
	div.homecontent {
		padding: 120px 220px 0 0;
		float: left;
	}
	
	div.homecontent h2 {
		font-size: 100%;
		width: 208px;
		height: 58px;
		margin: 0;
		padding: 0;
		background-image: url(../images/welcome.gif);
    	background-repeat: no-repeat;
		background-position: left top;
		display: block;
	}
	
	div.homecontent h2 span {
		display: none;
	}
	
	div.homecontent p {
		margin: 0;
		padding: 1.4em 0 0 0;
		line-height: 1.4em;
	}
	
	div.maincontent {
		width: 485px;
		padding: 40px 70px 0 0;
		float: left;
	}
	
	div.maincontent h2 {
		font-size: 100%;
		height: 29px;
		margin: 0 0 10px 0;
		padding: 0 0 13px 0;
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #6fac14;
		display: block;
	}
	
	div.maincontent .aboutus {
		background-image: url(../images/aboutus_title.gif);
    	background-repeat: no-repeat;
		background-position: left top;
	}
	
	div.maincontent .histology {
		background-image: url(../images/histology.gif);
    	background-repeat: no-repeat;
		background-position: left top;
	}
	
	div.maincontent .microbiology {
		background-image: url(../images/microbiology.gif);
    	background-repeat: no-repeat;
		background-position: left top;
	}
	
	div.maincontent .software {
		background-image: url(../images/software.gif);
    	background-repeat: no-repeat;
		background-position: left top;
	}
	
	div.maincontent .immunology {
		background-image: url(../images/immunology.gif);
    	background-repeat: no-repeat;
		background-position: left top;
	}
	
	div.maincontent .biochemistry {
		background-image: url(../images/biochemistry.gif);
    	background-repeat: no-repeat;
		background-position: left top;
	}
	
	div.maincontent .technicalsupport {
		background-image: url(../images/technicalsupport.gif);
    	background-repeat: no-repeat;
		background-position: left top;
	}
	
	div.maincontent .contactus {
		background-image: url(../images/contactus.gif);
    	background-repeat: no-repeat;
		background-position: left top;
	}
	
	div.maincontent .accessibility {
		background-image: url(../images/accessibility.gif);
    	background-repeat: no-repeat;
		background-position: left top;
	}
	
	div.maincontent h2 span {
		display: none;
	}
	
	div.maincontent h3 {
		font-size: 140%;
		color: #28166e;
		margin: 0;
		padding: 1.0em 0 0 0;
		line-height: 1.4em;
	}
	
	div.maincontent p {
		margin: 0;
		padding: 1.4em 0 0 0;
		line-height: 1.4em;
	}
	
	div.maincontent li {
		line-height: 1.4em;
	}
	
	div.maincontent img {
		margin: 0;
		padding: 1.4em 25px 20px 0;
		float: left;
	}
	
	.quote {
		font-size: 120%;
		font-style: italic;
		color: #6fac14;
		line-height: 1.4em;
	}
	
	.smallcopy {
		font-size: 94%;
	}
	
	.arrowlink1 {
		background-image: url("../images/arrow2.gif");
		background-repeat: no-repeat;
		background-position: 0 1px;
		padding: 0 0 0 16px;
	}
	
	.arrowlink2 {
		background-image: url("../images/arrow3.gif");
		background-repeat: no-repeat;
		background-position: 0 2px;
		padding: 0 0 0 10px;
	}
	
	div.maincontent3colbox {
		width: 485px;
		padding: 0;
		float: left;
	}
	
	div.maincontent3col1 {
		width: 160px;
		padding: 0 0 0 0;
		float: left;
	}
	
	div.maincontent3col1 ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 20px 0 0.8em 0;
	}
	
	div.maincontent3col1 li {
		font-size: 94%;
		margin: 0;
		padding: 0 20px 6px 10px;
		background-image: url("../images/arrow3.gif");
		background-position: 0px 3px;
		background-repeat: no-repeat;	
	}
	
	div.feature1a {
		width: 275px;
		margin: 0;
		padding: 4px 0 0 0;
		background-image: url(../images/feature1_bg1.gif);
    	background-repeat: no-repeat;
		background-position: left top;
		float: left;
	}
	
	div.feature1b {
		width: 275px;
		margin: 0;
		padding: 0 0 4px 0;
		background-image: url(../images/feature1_bg2.gif);
    	background-repeat: no-repeat;
		background-position: left bottom;
		float: left;
	}
	
	div.feature1c {
		width: 275px;
		background-color: #fff;
		float: left;
	}
	
	div.feature1contentbox {
		width: 235px;
		margin: 0;
		padding: 12px 20px 0 20px;
		float: left;
	}
	
	div.feature1contentbox h3 {
		height: 11px;
		margin: 0 0 26px 0;
		padding: 0;
		display: block;
	}
	
	div.feature1contentbox h3 span {
		display: none;
	}
	
	div.feature1contentbox h3.latesttitle {
		background-image: url(../images/latest.gif);
    	background-repeat: no-repeat;
		background-position: left top;
	}
	
	div.feature1contentbox h3.addresstitle {
		background-image: url(../images/address.gif);
    	background-repeat: no-repeat;
		background-position: left top;
	}
	
	div.feature1contentbox h3.ourproductstitle {
		background-image: url(../images/ourproducts.gif);
    	background-repeat: no-repeat;
		background-position: left top;
	}

	div.newsbox {
		width: 235px;
		font-size: 94%;
		margin: 0 0 10px 0;
		padding: 0;
		float: left;
	}
	
	div.newsbox h4 {
		font-size: 100%;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	
	div.newsbox p {
		margin: 0;
		padding: 0 0 0.5em 0;
		line-height: 1.3em;
	}
	
	div.newsbox img {
		margin: 0;
		padding: 0 0 10px 10px;
		float: right;
	}
	
	div.addressbox {
		width: 235px;
		font-size: 94%;
		margin: 0 0 10px 0;
		padding: 0;
		float: left;
	}
	
	div.addressbox p {
		margin: 0;
		padding: 0 0 1.3em 0;
		line-height: 1.3em;
	}
	
	div.rightnav {
		width: 235px;
		font-size: 94%;
		margin: 0 0 16px 0;
		padding: 0 0 16px 0;
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #6fac14;
		float: left;
	}
	
	div.rightnav ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0 0 0.8em 0;
	}
	
	div.rightnav li {
		margin: 0;
		padding: 0 0 6px 10px;
		background-image: url("../images/arrow3.gif");
		background-position: 0px 3px;
		background-repeat: no-repeat;	
	}
	
	div.rightnav ul ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0.8em 0 0.8em 0;
	}
	
	div.rightnav li li {
		margin: 0;
		padding: 0 0 4px 10px;
		background-image: url("../images/arrow4.gif");
		background-position: 0px 4px;
		background-repeat: no-repeat;
	}
	
	div.rightnav li li a {
		color: #333333;
	}
	
/********************************************
* FOOTER
********************************************/
	
	div.footer {
		width: 830px;
		font-size: 94%;
		margin: 0;
		border-top-width: 1px;
		border-top-style: dashed;
		border-top-color: #6fac14;
		clear: both;
	}
	
	div.footer .content {
		width: 830px;
		color: #666666;
		padding: 10px 0 20px 0;
		float: left;
	}
	
	div.footer .content p  {
		line-height: 1.3em;
		margin: 0;
		padding: 0 0 1.0em 0;
	}
	
	div.footer .content .linkspace {
		margin: 0 8px 0 8px;
	}