/* Colors 
Blue: #69c;
Gray: #333;



*/

* container {
margin: 0px;
padding: 0px;
}

#container {
font-family: Arial, Helvetica, sans-serif;
color: #333;
width: 800px;
min-height: 600px;
padding-bottom: 50px;
border-bottom: 1px solid #999;
}

#content p
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.2em;
	color:#666;
	margin: 20px;
	padding: 0px;
	}
	
h3
{
color: #333;
font-size: 19px;
margin: 0px;
padding: 0px;
font-weight: bold;
text-transform: uppercase;
margin-top: 30px;
margin-bottom: -20px;
}

h4
{
position: relative;
color: #333;
font-size: 15px;
margin: 0px;
padding: 0px;
font-weight: bold;
text-transform: none;
border-bottom: 1px solid #EEE;
margin-bottom: 10px;
margin-top: 30px;
z-index: -10;
}

h5
{
color: #666;
font-size: 13px;
margin: 0px;
padding: 0px;
font-weight: bold;
margin-bottom: -10px;
}

a
{
color: #369;
text-decoration: underline;
font-family: Trebuchet MS;
}

a:hover
{
text-decoration: none;
}
	
/* End global */

#header
{
background: #FFF url('../images/header_haworth.gif') right no-repeat;
margin: 0px;
padding: 0px;
width: 100%;
height: 105px;
display: block;
float: right;
}	

	#header h1
	{
	margin: 0px;
	padding: 0px;
	}
	
	#header h1 a 
	{
	background: url('../images/logo.gif') no-repeat;
	width: 330px;
	height: 197px;
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 0px;
	z-index: 1;
	}
	
	#header h1 span
	{
	display: none;
	}
	
	#header h2
	{
	display: none;
	}
	
	#header h2, 
	#header p.address
	{
	color: #fff;
	font-size: 11px;
	margin: 0px;
	text-align: right;
	margin-right: 18px;
	top: 25px;
	position: relative;
	line-height: 1em;
	}
	
	#header p.address
	{
	margin: 0px;
	margin-right: 15px;
	margin-top: 15px;
	font-size: 12px;
	font-style: italic;
	}
	
#content
{
padding-top: 170px;
}

	#content ul
	{
	font-size: 11px;
	color: #999;
	text-transform: uppercase;
	list-style-type: none;
	margin: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0px;
	}
	
	#content ul li
	{
	line-height: 2em;
	margin: 0px;
	padding: 0px;
	}
	
#content #main_visual_nav
	{
	width: 416px;
	float: right;
	padding: 0px;
	margin: -45px -10px 0 0;
	right: -4px;
	overflow: hidden;
	z-index: 10000;
	position: relative
	}
	
		/* This is NOT a valid hack - nonetheless it works for IE6 */
		#content #main_visual_nav,
		#content #secondary_visual_nav ul
		{
		*margin-top: -150px;
		}
		
		
		#content #main_visual_nav ul,
		#content #secondary_visual_nav ul
		{
		margin: 0px;
		padding: 0px;
		}
		
			#content #secondary_visual_nav ul
			{
			margin-top: 10px;
			}
			
			#content #secondary_visual_nav ul
			{
			*margin-top: -95px;
			}
	
		#content #main_visual_nav ul li, 
		#content #secondary_visual_nav ul li
		{
		width: 96px;
		height: 91px;
		display: block;
		margin: 3px;
		padding: 0px;
		float: left;
		text-align: center;
		background: #647139;
		}
		
		#content #secondary_visual_nav ul
		{
		width: 410px;
		height: 105px;
		display: block;
		float: right;
		position: relative;
		top: -70px;
		margin-bottom: -135px;
		left: 2px;
		}
		
		#content #secondary_visual_nav ul li
		{
		margin: 3px;
		width: 96px;
		height: 35px;
		overflow: hidden;
		}
		
			#content #secondary_visual_nav ul li
			{
			*width: 95px;
			}
		
			#content #main_visual_nav ul li.block_img
			{
				width: 96px;
				height: 91px;
				overflow: hidden;
			}
			
			#content #main_visual_nav ul li.home,
			#content #secondary_visual_nav ul li.home
			{
			background: #b46c3e;
			}
			
			#content #main_visual_nav ul li.manufacturers,
			#content #secondary_visual_nav ul li.manufacturers
			{
			background: #a71345;
			}
			
			#content #main_visual_nav ul li.services,
			#content #secondary_visual_nav ul li.services
			{
			background: #647139;
			}
			
			#content #main_visual_nav ul li.projects,
			#content #secondary_visual_nav ul li.projects
			{
			background: #833628;
			}
			
			#content #main_visual_nav ul li.catalog,
			#content #secondary_visual_nav ul li.catalog
			{
			background: #9a7843;
			}
			
				#content #main_visual_nav ul li.catalog a
				{
				margin-top: -10px;
				}
			
			#content #main_visual_nav ul li.contracts,
			#content #secondary_visual_nav ul li.contracts
			{
			background: #747d67;
			}
			
			#content #main_visual_nav ul li.contact,
			#content #secondary_visual_nav ul li.contact
			{
			background: #3d547f;
			}
			
			#content #main_visual_nav ul li.sustainability,
			#content #secondary_visual_nav ul li.sustainability
			{
			background: #8a4783;
			}
		
		#content #main_visual_nav ul li a,
		#content #secondary_visual_nav ul li a
		{
		color: #FFF;
		text-transform: uppercase;
		font-size: 15px;
		font-weight: bold;
		text-decoration: none;
		line-height: 35px;
		text-align: center;
		width: 96px;
		height: 91px;
		overflow: hidden;
		}
			
			#content #secondary_visual_nav ul li a
			{
				font-size: 13px;
			}
		
		#content #main_visual_nav ul li a
		{
		line-height: 1em;
		padding-top: 40px;
		display: block;
		top: 10px;
		width: 96px;
		height: 51px;
		overflow: hidden;
		}
		
		#content #main_visual_nav ul li a:hover
		{
		color: #333;
		}	
		
		#shell
		{
		margin-top: 0px;
		}
		
		#content ul.sustainability_list
		{
		list-style-type: disc;
		margin-left: 50px;
		}
		
		#content div#manufacturers h5.title
		{
		background: #6f93b9 url('../images/btn_manufacturers.gif') no-repeat;
		height: 25px;
		margin: 0px;
		padding: 0px;
		font-size: 14px;
		width: 500px;
		color: #FFF;
		border-bottom: 1px solid #3d547f;
		padding-left: 5px;
		}
		
		#content div#manufacturers
		{
		margin-left: 30px;
		}
		
			#content div#manufacturers h5.title a
			{
			margin-left: 30px;
			
			line-height: 1.8em;
			color: #FFF;
			}
			
				#content div#manufacturers h5.title:hover
				{
				cursor: pointer;
				text-decoration: none;
				}
			
	#content h5.sub_description
	{
	position: relative;
	margin-top: 0px;
	}
	
	#content span.project .more_photos
	{
	background: red;
	display: block;
	width: 400px;
	height: 400px;
	}
	
	#content span.header_img img,
	#content span.header_img iframe,
	#content span.project_img img
	{
	float: right;
	border: 1px solid #ccc;
	margin-top: -20px;
	margin-left: 10px;
	margin-bottom: 10px;
	}
	
		#content span.project_img img
		{
		margin-top: -20px;
		z-index: 100000;
		}
	
	#content div.project
	{
	min-height: 400px;
	}
	
		/* This sets the height of the project section for IE6 only */
		#content div.project
		{
		*height: 400px;
		}
	
		#content div.project h5
		{
		font-size: 10px;
		color: #999;
		font-weight: normal;
		margin-top: -10px;
		margin-bottom: 20px;
		margin-left: 10px;
		}
		
		#content div.project ul
		{
		margin-left: 60px;
		}

		    #content div.project ul li
		    {
		    list-style-type: disc;
		    text-transform: none;
		    line-height: 1.5em;
		    font-size: 11px;
		    color: #666;
		    }
		
		#content div.project h6
		{
		font-size: 13px;
		font-weight: bold;
		margin-top: 0px;
		margin-bottom: -10px;
		}
		
		#content div.project p.proj_desc
		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: normal;
		color:#666;
		}

		
	#content div.photo_section
	{
	min-height: 200px;
	}
	
#content ul.list_reg
{
	font-size: 12px;
}

    #content ul.list_reg li
    {
        line-height: 1.2em;
        list-style-type:square;
    }
    
#content ul li.item
{
    height: 1.5em;
    color: #666;
}

#content ul li.title
{
color: #333;
font-size: 14px;
margin: 0px;
padding: 0px;
font-weight: bold;
text-transform:none;
border-bottom: 1px solid #EEE;
margin-bottom: 0px;
margin-top: 10px;
margin-left: -10px;
width: 490px;
}

#content h3.error
{
	font-size: 30px;
}
#content h4.error
{
	text-decoration: none;
	border: none;
}

		
#footer
{
display: none;
}