/*  
	----- LAYOUT.CSS -----
	This css document controls the layout, positioning and dimension of elements 
	The base of the document was provided by http://www.code-sucks.com	  
*/


/* Overall (tags, body, wrappers, containers, etc) 
-----------------------------------------------------------------------------*/ 
	* 
	{
		padding: 0px;
		margin: 0px;	 
	}
	
	html 
	{
		 min-height:100%;
		 padding-bottom:1px;
	}
	
	body
	{
		padding: 0px;
		margin: 0px;		
	}
	
	img
	{
		border: none;
	}
	
	h3
	{
		padding: 5px;
	}
	
	hr
	{
		margin: 10px 20px 5px 0px;
	}
	
	p
	{
		margin-bottom: 2em;
	}
	
	.wrapper 
	{ 
		margin: 0px auto;
		width: 855px;	
		padding-left: 25px;
	}
	
	

/* Content (inside content, main content)
-----------------------------------------------------------------------------*/ 
	#main_content 
	{ 
		width: 615px;
		float: left;
		margin-bottom: 20px;
	}
	
	#main_content ul, #main_content ol
	{
		margin-left: 30px;
	}
	
	.inside_content
	{
		padding: 10px;
	}
	
	.content_picture
	{
		float: right;
		padding: 0px 0px 15px 25px;
		width: 194px;
	}
	
	.content_picture p
	{
		margin: 0px 10px;
		color: #666666;
		text-align: left;
	}
	
	#footer
	{
		margin-right: 15px;
	}
	
	.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 15px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 15px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* Header (logo, header image, not the menu)
-----------------------------------------------------------------------------*/ 	
	#header 
	{
		height: 175px;
	}
	
	#logo
	{
		position: absolute;
		top: 20px;
	}	
	


/* Menu (main navigation)
-----------------------------------------------------------------------------*/ 
	#menu
	{
		height: 36px;
		padding-top: 1px;
	}
	
	#menu a
	{
		float: left;
		background-position: 0px 0px;
		cursor:pointer;
		position: relative;
		/*left: 139px;*/
		left: 250px;
	}

	#menu a:hover, #menu a:active	
	{ 
		background-position: 0px -35px; 
	}
	
	#menu a.menu_selected
	{
		background-position: 0px -35px;
		cursor: auto;
	}
	
	#menu_about 			a { height: 35px; width: 71px; }
	#menu_products 			a { height: 35px; width: 83px; }
	#menu_research 			a { height: 35px; width: 88px; }
	#menu_resources			a { height: 35px; width: 93px; }
	#menu_requestsample		a { height: 35px; width: 133px;}
	#menu_contactus			a { height: 35px; width: 98px; }
	#menu_international		a { height: 35px; width: 119px;}
	


/* Sidebar (sidebar stuff, including content, quotes, etc)
-----------------------------------------------------------------------------*/ 	
	#sidebar
	{
		float: left;
		margin-right: 20px;
		margin-top: 5px;
		width: 175px;
	}
	
	.sidebar_box
	{ 
		width: 164px;	
		text-align: left;
	}
	
	.sidebar_content
	{
		margin: -7px 0px;
		padding: 0px;
	}
	
	blockquote
	{
		margin-left: -5px;
	}
	
	.sidebar_citation
	{
		margin-left: 5px;
	}
	
	ul.checkmenu
	{
		list-style-image: url(../images/sidebar_checkmark.jpg);
		margin-left: 30px;		
	}
	ul.submenu
	{
		margin-left: 20px;
		margin-right: 10px;
	}
	
	.center
	{
		text-align: center;
	}
	
	.left
	{
		float: left;
		padding: 7px;
	}
	

	
/* Home Page (special classes, specifically for the homepage).
-----------------------------------------------------------------------------*/ 
	#content_home
	{
		padding: 20px 0px;
		margin-left: 13px;
	}
	
	#main_content_home
	{ 
		width: 470px;
		float: left;
		margin-bottom: 20px;
	}
	
	#sidebar_home
	{
		float: left;
		margin-left: 40px;
		margin-top: 5px;
		width: 320px;
	}
	
	.sidebar_box_home
	{ 
		width: 310px;	
	}
	
	.sidebar_content_home
	{
		padding: 0px 7px;
		margin: -11px 0px;
	}
	
	#header_home
	{
		height: 340px;
		padding: 0px 14px;
	}
	
	#header_image_home
	{
		margin: 0px;
	}
	
	#footer_home
	{
		margin-right: 15px;
	}
	
	#logo_home
	{
		position: absolute;
		top: 2px;
	}
	
	.content_picture_home
	{
		float: right;
		padding: 10px;
	}