/* Eric Meyer Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }


/* Basic Elements */

html, body{ background: #c8c8c8; }
body { font: 12px/1.5 verdana, sans-serif; color: #555555; }

h1, h2, h3, h4, h5, h6, ol, ul, p, form{ margin: 0 0 18px 0; }

ol, ul, dl { list-style: none; margin: 0 0 18px 18px; }
ol{ list-style: decimal; }
ul{ list-style: disc; }
dl dt{ font-weight: bold; }
dl dd{ margin-left: 18px; }

a:link, a:visited{ text-decoration: underline; }
a:hover, a:active{ text-decoration: none; }

blockquote, q { quotes: none; }

strong, b{ font-weight: bold; }

i, em{ font-style: italic; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }
h2#contact-us {font-size: 14px; font-weight:bold; text-transform:uppercase;}

/* Wrapper */

#wrapper{
	background: transparent url(../images/wrapper-background.png) 0 0 repeat-y;
	margin: 0 auto;
	width: 1000px;
}


/* Header */

#header{
	background: transparent url(../images/header-background.jpg) 0 0 no-repeat;
	height: 142px;
	position: relative;
	z-index:100;
}
	#logo{
		display: block;
		margin: 24px 0 0 24px;
		position: absolute;
	}
	#header p{
		position: absolute;
		text-indent: -9999px;
	}
	#header ul{
		background: #b2b2b2;
		border-bottom: 1px solid #FFF;
		border-top: 1px solid #FFF;
		height: 36px;
		list-style: none;
		margin: 0 18px;
		width: 964px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
		#header li{
			float: left;
			position: relative;
		}
			#header li a{
				background-color: transparent;
				background-position: 12px 50%;
				background-repeat: no-repeat;
				border-right: 1px solid #e1ddc9;
				display: block;
				height: 30px;
				margin: 3px 0;
				padding: 0 12px 0 39px;
				
				color: #FFF;
				font-size: 10px;
				font-weight: bold;
				line-height: 14px;
				text-decoration: none;
			}
			#header li a.current, #header li a:hover{ color: #223d8a; }
				#menu-safety-equipment{
					background-image: url(../images/icon-responder.png);
					width: 115px;
				}
					#menu-safety-equipment:hover, #menu-safety-equipment.current{
						background-image: url(../images/icon-responder2.png);
					}
				#menu-energy-saving{
					background-image: url(../images/icon-energy-saving.png);
					width: 93px;
				}
					#menu-energy-saving:hover, #menu-energy-saving.current{
						background-image: url(../images/icon-energy-saving2.png);
					}
				#menu-convenience-products{
					background-image: url(../images/icon-convenience-products.png);
					width:93px;
				}
					#menu-convenience-products:hover, #menu-convenience-products.current{
						background-image: url(../images/icon-convenience-products2.png);
					}
				
				#menu-law-enforcement{
					background-image: url(../images/icon-badge.png);
					width: 131px;
				}
					#menu-law-enforcement:hover, #menu-law-enforcement.current{
						background-image: url(../images/icon-badge2.png);
					}
				#menu-sewing{
					background-image: url(../images/icon-sewing.png);
					width: 64px;
				}
					#menu-sewing:hover, #menu-sewing.current{
						background-image: url(../images/icon-sewing2.png);
					}
				#menu-packaging{
					background-image: url(../images/icon-packaging.png);
					width: 127px;
				}
					#menu-packaging:hover, #menu-packaging.current{
						background-image: url(../images/icon-packaging2.png);
					}
				#menu-state-federal{
					background-image: url(../images/icon-flag.png);
					border: none !important;
					padding-left: 45px !important;
					width: 97px;
				}
					#menu-state-federal:hover, #menu-state-federal.current{
						background-image: url(../images/icon-flag2.png);
					}
		#header ul ul{
			background: none;
			border: none;
			display: none;
			height: auto;
			width: 250px;
			position: absolute;
			top: 36px;
			left: 0;
		}
		#header li:hover > ul{ display: block; }
			#header ul ul li a{
				background: #b2b2b2;
				border: none;
				border-top: 1px solid #FFF;
				display: block;
				height: auto;
				margin: 0;
				padding: 10px 10px;
				width: 240px;
			}
				
	
/* Content */

#content-wrapper{
	margin: 0 18px;
}
#content-wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}	

	#content{
		float: right;
		padding: 0 212px 0 0;
		position:relative;
		width: 639px;
		z-index:1;
	}
	#content-feature{
		float: left;
		line-height: 1em;
		width: 639px;
	}
	#content-body{
		float: left;
		padding: 18px;
		width:  603px;
	}
	.product{
		padding-left: 268px !important;
		width: 353px !important;
	}
	
		.product img.fullsize{
			border: 2px solid #83afeb;
			float: left;
			margin-left: -250px;
		}
		#content-body h1{
			color: #000;
			font-size: 20px;
		}
		ul.articles{
			list-style: none;
			margin: 0;
			padding: 0;
		}
			ul.articles li{ margin: 0 0 18px 0; }
				ul.articles li a{ color: #000; }
			
		ul.products{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		ul.products:after {
		    content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;
		}
			ul.products li{
				float: left;
				height: 240px;
				margin: 0 20px 20px 0;
				width: 133px;
				font-size: 10px;
			}
			ul.products li.last{ margin-right: 0; }
				ul.products li .thumbnail{
					display: block;
					border: 2px solid #93c3ff;
					line-height: 0;
					margin: 0 0 10px 0;
				}
				ul.products li a{ color: #000; }
				ul.products li h2{ margin: 0; }
				ul.products li p{ margin: 0 0 5px 0; }
				ul.products li a.more, .date{ color: #616262; font-style: italic; }
			
	#content-sidebar{
		float: right;
		margin-right: -212px;
		padding: 14px 14px 75px;
		width: 184px;
	}
		#content-sidebar h2{
			border-bottom: 1px solid #7d7f83;
			color: #000;
			font-weight: bold;
			line-height: 1em;
			padding: 0 0 14px 0;
		}
		#content-sidebar ul{
			list-style: none;
			margin: 0;
			padding: 0;
		}
			#content-sidebar li{
				font-size: 11px;
				margin-bottom: 18px;
				padding-left: 40px;
			}
				#content-sidebar h3, #content-sidebar p{ margin: 0; }
				#content-sidebar a{ color: #000; }
				#content-sidebar li img{
					float: left;
					margin-left: -40px;
				}
		#anniversary-logo{
			display: block;
			margin: 0 auto 14px auto;
			width: 103px;
			height: 93px;
		}
		
		#content a#facebook-link{
			position:absolute;
			bottom:15px;
			right:15px;
			z-index:100;
			
		}
	
	
/* Sidebar */

#sidebar{
	float: left;
	width: 113px;
}
	#sidebar ul{
		border-top: 1px solid #FFF;
		list-style: none;
		margin: 8px 0 0 0;
		padding: 0;
	}
		#sidebar li{
			border-bottom: 1px solid #FFF;
			float: left;
		}
			#sidebar li a{
				background: #174da3;
				border-left: 2px solid #000;
				display: block;
				padding: 14px 9px;
				width: 92px;
				
				color: #FFF;
				font-size: 9px;
				font-weight: bold;
			}
			#sidebar li.beige a{
				background: #d3ca95;
				border-color: #9b8f4b;
				color: #000;
			}
			
			
/* Footer */

#footer{
	background: transparent url(../images/footer-background.png) 0 0 no-repeat;
	height: 39px;
	padding: 0 25px 0 0;
	
	color: #687693;
	font-size: 10px;
	line-height: 20px;
	text-align: right;
}
#notice{
	background: #c8c8c8;
	font-size: 10px;
	text-align: left; 
	margin: 0;
	padding: 0 0 18px 0;
}
	#notice a{ color: #555; }