/* CSS Document - firebelly design - k.brugman 2005.06.08 */
/* bright blue: #2169AB; m.blue: #C3CFDA; l.blue: #D6DEE5; headers: #4D4D4D; text beige: #8C837D; */

	body, html {
		margin: 0px;
		padding: 0px;
		background: #C3CFDA;
		color: #8C837D;
		font-family: arial, verdana, sans-serif;
		font-size: 12px;
		font-weight: normal;
		}
	
	img { display: block; border: none; }
	.hide { display:none; }
	
	.blue { color: #2169AB;	}
	.beige { color: #8C837D; }
	img.photo { border: 2px solid #8C837D; }
	
/* TEXT TAGS */

	p, li {
		background: transparent;
		color: #8C837D;
		font-family: arial, verdana, sans-serif;
		font-size: 12px;
		font-weight: normal;
		line-height: 1.4;
		letter-spacing:normal;
		text-align:justify;
		margin:0px 0px 1.1em 0px;
		padding: 0px;
		}
	
	p a, p a:link, p a:visited, li a, li a:link, li a:visited { color: #8C837D; text-decoration:none; }
	p a:hover, p a:active, li a:hover, li a:active, li.on a { color: #2169AB; text-decoration:none; }
	
	h1, h2, h3, h4, h5, h6 {
		background: transparent;
		color: #8C837D;
		font-size: 12px;
		font-weight:bold;
		margin:0px;
		padding:0px;
		}
		
	h1 {
		background: transparent url(../images/header_bg.gif) top left repeat-x;
		padding:18px 0px 18px 23px;
		}
		
	h2 { margin-bottom: 1em; }
		
	h3 {
		color:#4D4D4D;
		margin-bottom: 1em;
		text-transform:uppercase;
		}
		
	h4 { text-transform:uppercase; }
		
	h5 {
		margin:17px 0px 1em 0px;
		color:#2169AB;
		}
		
	h6 {
		color:#2169AB;
		display:inline;
		background: transparent url(../images/tinycircle.gif) right center no-repeat;
		padding-right: 12px;
		}
		
	h6 a, h6 a:link, h6 a:visited, h6 a:hover, h6 a:active {
		color:#2169AB;
		text-decoration:none;
		}
	
	h6 a:hover, h6 a:active {
		border-bottom:1px solid #D6DEE5;
		}
		
	.lc {
		font-size:11px;
		text-transform:lowercase;
		}
		
	a.darklink, a.darklink:link, a.darklink:visited {
		color: #4D4D4D;
		font-weight:bold;
		}
		
	a.darklink:hover, a.darklink:active {
		color: #2169AB;
		font-weight:bold;
		text-decoration:none;
		}
	
		
/* GLOBAL FORMATTING TAGS */

	#container { background: #FFFFFF url(../images/container_bg.gif) 3px 0px repeat-y; }
		
	#contentwrap { background: transparent; width:770px; }
	
	*html #content .left { /* for PC/IE 6.0 ONLY */
		/* \*/
		margin:5px 0px 0px 30px;
		/* */
		}
		
	#content .right p { text-align:left; }
		
	.wrap {
		padding:0px 15px 20px 15px;
		background: transparent;
		}
			
	#content .rule {
		border-top: 1px solid #2169AB;
		margin-top: 1em;
		}
		
	#adjust {
		padding:15px 0px;
		background:#FFFFFF;
		}
		
	ul {
		margin:0px 0px 25px 16px;
		padding:0px;
		}
		
/* RECYCLING TAGS */
	
	#content.recycling .left {
		float: left;
		width: 404px;
		margin-left: 28px;
		margin-top:16px;
		}
		
	#content.recycling .right {
		width:227px;
		position:absolute;
		top:93px;
		left: 510px;
		margin-left:20px;
		padding-top:15px;
		background:transparent;
		}
		
	#content.recycling .rule { width:404px; }
	
		
/* INDEX TAGS */

	#content.index {
		width:675px;
		margin: 0px 0px 0px 77px;
		background: transparent url(../images/index_bg.gif) top left no-repeat;
		padding:0px;
		}
		
	*html #content.index {
		/* \*/
		width:660px;
		w\idth:660px;
		float:left;
		margin:0px;
		/* */
		}

	#content.index .left {
		width: 1px;
		margin:0px;
		background:transparent;
		float: left;
		margin-right: 16px;
		}
		
	#content.index .right {
		float:left;
		width:364px;
		margin: 0px 0px 0px 260px;
		padding-top:50px; /* 108 */
		background:transparent;
		}
		
	*html #content.index .right {
		float:none;
		margin-left:278px;
		/* \*/
		margin-left:138px;
		ma\rgin-left:274px;
		float:left;
		/* */
		f\loat:none;
		}
		
	#content.index p {
		width:365px;
		}

	#content.index .right p {
		color: #8C837D;
		font-size: 12px;
		font-weight:normal;
		text-align:justify;
		}
		
	#content.index .rule {
		width:364px;
		}
		
/* SUPPLIERS TAGS */

	.suppliers h5 { margin:2px 0px 1em 0px; }

	#content.suppliers {
		width:568px;
		margin: 0px 0px 0px 77px;
		padding:0px 0px 0px 30px;
		background: transparent url(../images/dashedblue.gif) 441px 0px repeat-y;
		}
		
	*html #content.suppliers {
		/* \*/
		width:675px;
		float:left;
		margin:0px;
		background-position: 444px 0px;
		ba\ckground: 431px 0px;
		/* */
		}
		
	#content.suppliers .left {
		float: left;
		width: 387px;
		margin-right: 16px;
		margin-top:15px;
		}
		
	#content.suppliers .right {
		width:246px;
		margin-left:411px;
		background:transparent;
		position: static;
		}
		
	*html #content.suppliers .right {
		/* \*/
		position:absolute;
		top:93px;
		left: 500px;
		margin-left:20px;
		/* */
		}
		
	#content.suppliers .right p {
		color:#4D4D4D;
		font-size: 11px;
		font-weight:bold;
		}
		
	#content.suppliers .right ol {
		margin:0px 0px 0px 15px;
		padding:0px;
		}
		
	*html #content.suppliers .right ol {
		margin:0px 0px 0px 18px;
		/* \*/
		margin:0px 0px 0px 21px;
		border:1px solid #FFFFFF;
		/* */
		}
		
	.suppliers .right ol li {
		font-size:11px;
		text-align:left;
		}
		
	.suppliers .left ul li {
		color: #2169AB;
		}
		
	#content.suppliers .rule {
		width:386px;
		}
		
	#plug { display:block; }
		
	#rsi, #noink, #lightink, #wire, #mlc, #seg, #cans, #painted, #siding {
		display:none;
		position: absolute;
		top:305px;
		width: 230px;
		}
	
	*html #rsi, *html #noink, *html #lightink, *html #wire, *html #mlc, *html #seg, *html #cans, *html #painted, *html #siding {
		/* \*/
		position: static;
		top:0px;
		/* */
		}
	
		
/* FOOTER TAGS */

	#footer {
		clear:both;
		position:relative;
		background: #C3CFDA;
		padding: 15px 0px 15px 25px;
		}
		
	#footer p {
		color: #6B6E70;
		font-size:9px;
		font-weight:bold;
		letter-spacing:.12em;
		margin:0px;
		}
		
	#footer p#firebelly {
		position:absolute;
		top:15px;
		left: 467px;
		}
		
	#footer p a, #footer p a:link, #footer p a:visited {
		color: #6B6E70;
		text-decoration:none;
		}
		
	#footer p a:hover, #footer p a:active {
		color: #333333;
		text-decoration:none;
		}
		
		
/* NAVIGATION */

	#nav {
		float:left;
		width:75px;
		height:100%;
		border-right:2px solid #8C837D;
		background: #FFFFFF;
		}
		
	*html #nav {
		/* \*/
		width:72px;
		/* */
		}

	#nav ul {
		list-style:none;
		margin:10px;
		padding:0px;
		}
		
	#nav li {
		margin:0px 0px 20px 0px;
		padding:0px;
		display:block;
		}
		
	#nav li a {
		width:55px;
		display:block;
		background-position: 0px 0px;
		}
		
	#nav li a:hover, #nav li a:active, #nav li.on a {
		text-decoration:none;
		background-position: -55px 0px;
		}
		
	li#home a {
		height: 48px;
		background: transparent url(../images/nav_home.gif) top left no-repeat;
		}
		
	li#recycling a {
		height: 44px;
		background: transparent url(../images/nav_recycling.gif) top left no-repeat;
		}
		
	li#customers a {
		height: 48px;
		background: transparent url(../images/nav_customers.gif) top left no-repeat;
		}
		
	li#suppliers a {
		height: 48px;
		background: transparent url(../images/nav_suppliers.gif) top left no-repeat;
		}
		
	li#about a {
		height: 44px;
		background: transparent url(../images/nav_about.gif) top left no-repeat;
		}
		
	li#EmployeeServices a {
		height: 48px;
		background: transparent url(../images/nav_employee.gif) top left no-repeat;
		}
		
	li#hr a {
		height: 48px;
		background: transparent url(../images/nav_hr.gif) top left no-repeat;
		}		
	
		
/* CUSTOMERS TAGS */
		
	#content.customers {
		background: transparent url(../images/dashedblue.gif) 461px 0px repeat-y;
		width:568px;
		margin: 0px 0px 0px 77px;
		padding:0px 0px 0px 30px;
		}
		
	*html #content.customers {
		/* \*/
		width:675px;
		float:left;
		margin:0px;
		background-position: 455px 0px;
		/* */
		}
		
	#content.customers .left {
		float: left;
		width: 404px;
		margin-left: 0px;
		margin-top:15px;
		}
		
	*html #content.customers .left {
		/* \*/
		margin-top:14px;
		margin-left: 28px;
		/* */
		}
		
	#content.customers .right {
		width:227px;
		margin-left:430px;
		background:transparent;
		}
		
	*html #content.customers .right {
		/* \*/
		position:absolute;
		top:93px;
		left: 512px;
		margin-left:20px;
		/* */
		}
		
	#content.customers .right ul {
		list-style:none;
		margin:0px 0px 1em 0px;
		padding:0px;
		}
		
	#content.customers .right li {
		margin:0px;
		padding:0px;
		font-size:11px;
		}
		
	.customers .left ul li {
		color: #2169AB;
		background:transparent;
		margin-bottom: .8em;
		}
		
	#content.customers .rule { width:404px; }
	
	.customers .caption { width: 172px; }
		
	*html .customers .caption {
		/* \*/
		width: 193px;
		width:172px;
		/* */
		}
		
	.customers h5 {
		margin:2px 0px 0px 0px;
		font-weight:normal;
		}