body

	{

	background: #fff;

	margin: 0;

	padding: 0;

	border: 0;

	text-align: center; /*  This centers the page content.  */

	}

	

.clear { clear: both; font-size: 0px; line-height: 0px; margin: 0; padding: 0; } /*  The class is often used in an empty div to fix cross-browser conflicts.  */



table {}

td { border:1px #000000 solid; }	



/*  PAGE ALIGNMENT  */



#header, 

#menu, 

#main, 

#footer { margin: 0; padding: 0; }  /*  This allows for expanding background and for centered content within it.  */





#header_content,

#footer_content 

	{ 

	width: 736px; /* The content is centered within this width, which is narrower than the MAIN_CONTENT, and so creating borders to either side */

	margin: 0 auto; /*  The Auto value centers the content.  */

	padding: 0;

	text-align: left;

	}

	

#main_content

	{ 

	width: 760px;  /* This adjusts the page width, though not the header and footer */

	margin: 0 auto; /*  The Auto value centers the content.  */

	padding: 0;

	text-align: left;

	}



#menu_content

	{

	width: 760px;   /* The menu is the full width of the page.  If adjusted you will also need to adjust the MENU lINKS widths below */

	margin: 0 auto; /*  The Auto value centers the content.  */

	padding: 0;

	text-align: left;

	}



.container

	{

	position:relative;

	float:left;

	display:inline;

	}







/*  HEADER  */



#header { background: url(../img/bg-header.jpg) repeat-x bottom left; }

#header_content { height: 80px; }



#header_content ul

	{

	position:absolute;

	top:35px;

	left:490px;

	width:180px;

	margin:0;

	padding:0;

	}



#header_content ul li

	{

	position:relative;

	float:left;

	display:inline;

	margin:0;

	padding:0 15px;

	border-right:1px solid #fff;

	}

	

#header_content ul li.no_border { border-right:0px solid #fff; }

	

#header_content ul li a:link,

#header_content ul li a:visited { color:#fff; text-decoration:none; }



#header_content ul li a:hover,

#header_content ul li a:active { color:#fff; text-decoration:none; }







/*  MENU  */



#menu

	{

	background: url(../img/bg-menu.jpg) repeat-x bottom left;

	height: 30px;

	}



#menu ul

	{

	position: relative;  /*  These attributes are often used to counter cross-browser errors. */

	float: left;

	display: inline;

	margin: 0;

	padding: 0;

	}

	

#menu ul li

	{

	position: relative;

	float: left;

	display: inline;

	margin: 4px 0 0 0;

	padding: 0;

	height: 24px;

	list-style-type: none;

	font-size: 14px;

	line-height: 24px;

	text-align: center;

	}

	

/* These values can be used if Home and Contact Us are needed in the menu 



#menu ul li.home { width: 79px; border-left: 1px #998c62 solid; border-right: 1px #998c62 solid; }

#menu ul li.about { width: 94px; border-right: 1px #998c62 solid; }

#menu ul li.microfab { width: 150px; border-right: 1px #998c62 solid; }

#menu ul li.biochem { width: 250px; border-right: 1px #998c62 solid; }

#menu ul li.order { width: 80px; border-right: 1px #998c62 solid; }

#menu ul li.contact { width: 100px; border-right: 1px #998c62 solid; }

*/





/*  MENU LINKS  -  The widths of the links should add up to the total width of the page.  If MAIN_CONTENT is adjusted they must also be adjusted.  */



#menu ul li.about { width: 188px; border-left: 1px #000 solid; border-right: 1px #000 solid; }

#menu ul li.microfab { width: 188px; border-right: 1px #000 solid; }

#menu ul li.biochem { width: 188px; border-right: 1px #000 solid; }

#menu ul li.order { width: 191px; border-right: 1px #000 solid; }

	

#menu ul li a:link, 

#menu ul li a:visited { color: #000; text-decoration: none; }

	

#menu ul li a:hover, 

#menu ul li a:active { color: #000; text-decoration: none; }









/*  MAIN CONTENT  */



#breadcrumbs 

	{

	width:565px;

	margin:0;

	padding:0 0 0px 0;

	border-bottom:6px solid #0147b6;

	font-size: 14px;

	color: #0147b6;

	font-weight: bold;

	padding: 0;

	margin-bottom: 12px;

	}

#breadcrumbs2

	{ 

	width:760px;

	margin:0 0 20px 0;

	padding:0 0 6px 0;

	border-bottom:6px solid #0147b6; 

	font-size: 14px;

	color: #0147b6;

	font-weight: bold;

	margin: 0;

	padding: 0;

	margin-bottom: 12px;

	}



#home #main_content p { background: #fcf6e8; }



#main_content img 

	{

	margin-bottom:12px;

	padding: 7px;

	border: 1px solid #dddddd;	

	}

	

#main_content .welcome { margin: 0 0 24px 0; }



.column_one

	{

	position: relative;

	float: left;

	display: inline;

	margin: 20px 0;

	padding: 0 12px 0 0;

	width: 170px;  /*   If this width is adjusted MAIN_CONTENT and COLUMN_TWO may also need to be adjusted.  */

	

	}	

.column_two

	{

	position: relative;

	float: left;

	display: inline;

	margin: 20px 0 0 0;

	padding: 0 0 36px 12px;

	width: 565px;  /*   If the MAIN_CONTENT width is adjusted this may also need to be adjusted.  */

	border-left: 1px solid #ddd;

	}

	

.column_two .section

	{

	position: relative;

	float: left;

	display: inline;

	padding: 0;

	width: 565px;  /*   If the MAIN_CONTENT width is adjusted this may also need to be adjusted.  */

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0px;

	margin-left: 0;

	}



.column_two .section2

	{

	position: relative;

	float: left;

	display: inline;

	padding: 0;

	width: 180px;  /*   If the MAIN_CONTENT width is adjusted this may also need to be adjusted.  */

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0px;

	margin-left: -5px;

	}



/*  Column_Three is not currently used.

.column_three

	{

	position: relative;

	float: left;

	display: inline;

	margin: 20px 0;

	padding: 0;

	width: 0px;

	}*/



ul.event { margin: 6px 0 24px -24px; }



.photo,

.text

	{

	position: relative;

	float: left;

	display: inline;

	margin: 0;

	padding: 0px;

	}

.photo3

	{

	position: relative;

	float: left;

	display: inline;

	margin: 0;

	padding: 0;

	}

.photo3 { width: 255px; }

.photo2

	{

	position: relative;

	float: left;

	display: inline;

	margin: 0;

	padding: 0;

	}

	.photo5

	{

	position: relative;

	float: left;

	display: inline;

	margin: 0;

	padding: 0;

	}

	

	.photo6

	{

	position: relative;

	float: left;

	display: inline;

	margin: 0;

	padding: 0;

	}

.photo2 { width: 145px; }



.photo { width: 180px; }

.text { width: 385px; }   /*  If COLUMN_WIDTH is adjusted this may also need to be adjusted  */

.text2 { width: 450px; }

 .text2

	{

	position: relative;

	float: left;

	display: inline;

	margin: 0;

	padding: 0;

	}

.text3 { width: 375px; }

 .text3

	{

	position: relative;

	float: left;

	display: inline;

	margin: 0;

	padding: 0;

	}

.photo5 { width: 300px; }

.photo6 { width: 360px; }

.photo3

	{

	position: relative;

	float: left;

	display: inline;

	margin: 0;

	padding: 0;

	}

	

	.photoglass

	{

	position: relative;

	float: right;

	display: inline;

	margin: 0;

	padding: 0;

	}

	 .textglass

	{

	position: relative;

	float: left;

	display: inline;

	margin: 0;

	padding: 0;

	}

	.photoglass { width: 180px; }

	.textglass {

	width: 300px

}

	

.tn,

.product,

.size,

.price

	{

	position: relative;

	float: left;

	display: inline;

	margin: 0 0 8px 0;

	padding: 0;

	text-align:center;

	}

	

.table_column_title { font-weight:bold; }



.alt_row { background:#f4efe5; }



.tn {
	width:250px;
	text-align:center;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

.tn p { with:220px; }



.product { width:305px; padding:5px; background:; }

.size { width:90px; padding:5px; background:; }

.price { width:140px; padding:5px; background:; }





/*  FOOTER  */

.clearfooter {
height: 1px;
clear: both;
}

#footer { background: #f3ecdc; clear: both; margin: 0; padding: 0; width: 100%;}

#footer_content { margin-top: 12px; padding: 36px 0; }

#footer_content p { margin: 0 0 6px 0; padding: 0; }