﻿/*  BioSmart: Fabric by Milliken */
/*  www.biosmart.com  */


/*  GENERAL
***********************************************************************************************************************/

	*							{margin:0; padding:0;}
	body						{background:#c1c1c1; font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#666;}
	body a						{color:#666; outline:none;}
	hr							{display:none;}
	img							{border:none;}
	address						{font-style:normal;}
	.container					{width:740px; margin:0 auto; position:relative;}
	.clear						{clear:both;}
	.img_right					{float:right; border:solid 3px #ddd; margin:0 0 12px 12px;}
	.center						{text-align:center;}
	

/*  HEADER
***********************************************************************************************************************/

	#header						{height:115px; background:#fff url(/sitecollectionimages/header_bg.gif) repeat-x;}
	#header	#logo				{float:left; width:185px; height:115px; background:url(/sitecollectionimages/logo_biosmart.gif);}
	#header	#logo h1			{display:none;}
	#header	div.container		{position:relative; overflow:visible;}
	
	#topnav						{position:absolute; left:230px; top:0; background:url(/sitecollectionimages/topnav_bg_l.gif) bottom left; padding-left:3px; margin-top:5px;}	
	#topnav ul					{list-style-type:none; background:url(/sitecollectionimages/topnav_bg_r.gif) bottom right no-repeat; padding-right:4px; float:left;}	
	#topnav li					{float:left;}	
	#topnav	a					{float:left; text-decoration:none; padding:7px 13px 12px 15px; font-size:.9em; color:#fff; font-weight:bold; background:url(/sitecollectionimages/topnav_sep.gif) right no-repeat; background-position:0 7px;}	
	#topnav	a:hover				{color:#96bcaf;}	
	#topnav	a.begin				{background:none;}	


/*  HOME 
***********************************************************************************************************************/

	#homecolumns				{width:740px; margin:0 auto; padding:30px 0; background:url(/sitecollectionimages/homecolumns_vsep.gif) no-repeat;}
	#homecolumns p				{margin-bottom:1em; font-size:.9em;}
	#homecolumns a				{text-decoration:none; color:#538272; border-bottom:#666 1px dotted;}
	#homecolumns h3				{font-size:15px; color:#538272; margin-bottom:.8em;}
	#homecolumns div			{width:210px; float:left; padding:0 20px;}
	#homecolumns div.end		{padding-right:0;}
	#homecolumns div.clear		{width:100%; float:none; margin:0; clear:both;}
	#homecolumns div img		{float:right; margin:0 0 10px 10px;}


/*  MIDDLE 
***********************************************************************************************************************/

	#middle						{}
	
	
	#middle_home				{height:235px; background:#759F91 url(/sitecollectionimages/middle_home_shade.gif) repeat-x;}
	#middle_home p				{}
	
	div#homepromo				{width:280px; color:#fff; padding-top:50px; padding-left:20px}
	div#homepromo h2			{font-size:1.7em; padding-bottom:.9em; background:url(/sitecollectionimages/h2_underline.gif) bottom repeat-x; font-family:"Trebuchet MS", Arial, Sans-serif; }
	div#homepromo p				{margin-bottom:1em;}

	#middle_secondary			{height:90px; background:#487968 url(/sitecollectionimages/middle_secondary_bg.gif) repeat-x;}
	#middle_secondary div.shade	{height:90px; background:url(/sitecollectionimages/middle_secondary_shade.gif) center no-repeat;}

	h2.icon_pagetitle			{color:#fff; font-size:1.65em; padding:4px 4px 4px 35px; margin-top:50px; background:url(/sitecollectionimages/biosmart_icon.gif) no-repeat; float:right;}
	h2.icon_pagetitle .gray		{color:#444;}


/*  MAIN 
***********************************************************************************************************************/

	#main						{background:#fff url(/sitecollectionimages/main_bg.gif) repeat-x; padding:30px 0;}
	#main.home					{padding:0;}
	#main p						{margin-bottom:1em;}

	#main #left					{float:left; width:215px;}
	#main #left ul				{width:215px; list-style-type:none; border-top:solid #dadada 1px; margin-top:4px; }
	#main #left ul li			{background:url(/sitecollectionimages/sidenav_arrow.gif) left no-repeat; background-position:8px;}
	#main #left ul li a			{font-size:.9em; width:188px; text-decoration:none; padding:6px 4px 6px 21px; border-bottom:solid #dadada 1px; display:block; border-left:#fff solid 1px; border-right:#fff solid 1px;}
	#main #left ul li a:hover	{background:#efefef url(/sitecollectionimages/sidenav_arrow_gray.gif) left no-repeat; background-position:7px; border-left:#dadada solid 1px; border-right:#dadada solid 1px;}
	#main #left ul li.current a	{background:#efefef url(/sitecollectionimages/sidenav_arrow_gray.gif) left no-repeat; background-position:7px; border-left:#dadada solid 1px; border-right:#dadada solid 1px;}
	
	#main #right				{float:right; width:496px;}
	#main #right ol				{margin-bottom:1em; margin-left:2.4em;}
	#main #right ul				{margin-bottom:1em; margin-left:2.4em;}
	#main #right h2				{color:#444; font-size:1.5em; margin-bottom:.5em; }	
	#main #right h3				{color:#444; font-size:1.0em; margin-bottom:.5em; }

	#pressreleases				{}
	#pressreleases dl			{}
	#pressreleases dt			{font-weight:bold;}
	#pressreleases dd			{margin-bottom:1.6em;}
	#pressreleases dd a			{color:#538272; text-decoration:none; border-bottom:#759F91 1px dotted; line-height:1.6em;}

	#howitworks					{border:#ccc solid 1px; margin-bottom:1em;}

	
/*  FOOTER
***********************************************************************************************************************/

	#footer						{background:#c1c1c1 url(/sitecollectionimages/footer_bg.gif) repeat-x; }
	
	.footerlinks				{float:right;}
	.footerlinks a				{padding:3px 5px;}
	
	#footer p					{font-size:.8em; margin-bottom:.4em; color:#777;}
	#footer a					{color:#777;}
	#footer a:hover				{color:#487968;}
	
	#footer div.shade			{background:#c1c1c1 url(/sitecollectionimages/footer_shade.gif) repeat-x; padding:20px 0 30px;}
	img.millikenlogo			{position:absolute; right:0; top:45px;}


/*  FORM
***********************************************************************************************************************/

	#form						{width:400px;}
	#form label					{width:100px;}
	#form input					{color:#666; padding:2px 4px; width:180px; margin-bottom:.5em;}
	#form select				{color:#666; padding:2px; width:192px; height:22px; margin-bottom:.5em;}
	#form textarea				{color:#666; padding:2px; width:396px; height:80px; margin-bottom:.5em; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:1.2em;}
	#form input.button			{width:60px;}
	#form div.column1			{width:180px; float:left;}
	#form div.column2			{width:180px; float:right;}

