/**
 * Colors
 *  Dark Gray           : #202020
 *  Red                 : #a40000
 *  Blue                : #006cdb
 *  Brown (for borders) : #c0baa9
 */


/**
 * Reset Browser Styles
 */
html,body { width:100%; height:100% }
body,button,div,dl,dt,dd,ul,ol,li,hr,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset,img,hr { border: none }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal }
ol,ul { list-style: none }
caption,th { text-align: left }
h1 { font-size: 15px; font-weight: bold }
h2 { font-size: 13px; font-weight: bold }
q:before,q:after { content: "" }
abbr,acronym { border-bottom: 1px dotted }
hr { border-bottom: 1px solid; height: 1px; overflow: hidden }



/**
 * Link Styles
 */
a { color: #006cdb; text-decoration: none; border-bottom: 1px dotted }
a:hover { color: #202020 !important; }
a.noFx,a.noFx:hover,a.noFx * { border: none; text-decoration: none }



/**
 * General Classes
 */
.floatLeft { float: left }
.floatRight { float: right }
.alignLeft { text-align: left }
.alignRight { text-align: right }
.clearAfter,.clearBefore { display: inline-table; min-height: 1px; height: auto }
.clearAfter:after,.clearBefore:before {
	clear: both;
	content: ".";
	display: block;
	font-size: 0.1em
	height: 0;
	line-height: 0;
	visibility: hidden
}
.forceClear {
	clear: both;
	margin-top: -1px;
	font-size: 0.1em;
	height: 0;
	line-height: 0
	visibility: hidden
}
.clearLeft { clear: left }
.clearRight { clear: right }
.clearBoth { clear: both }
.underline { text-decoration: underline }
.enlarge { font-size: 125% }
.shrink { font-size: 85% }
.alt { display: none; }


.image_wrapper
{
  padding: 2px;
  border: 1px solid #c0baa9;
}


/**
 * Body and Wrapper
 */
body
{
  background: #fff url(../images/bg_repeat.gif) repeat-x;
  font: normal 11px/16px verdana,helvetica,arial,sans-serif;
  color: #202020;
}
div#wrapper
{
  margin: 0 auto;
  width: 812px;
}


/**
 * Logo
 */
h1#logo
{
  float: left;
  position: relative;
  margin: 40px 0 15px 0;
  width: 219px;
  height: 97px;
}
h1#logo[class~="png"]
{
  background: transparent url(../images/logo.png) no-repeat 0 0;
}
* html h1#logo
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/logo.png", sizingMethod="scale");
}
h1#logo a
{
  display: block;
  position: absolute;
  top: 17px; left: 21px;
  width: 177px; height: 67px;
  text-indent: -9999px;
}


/**
 * Navigation
 */
ul#navigation
{
  float: left;
  margin: 90px 0 0 20px;
  height: 23px;
  overflow: hidden;
}
ul#navigation li
{
  position: relative;
  float: left;
  padding: 0 3px;
  height: 23px;
  overflow: hidden;
}
ul#navigation li a
{
  display: block;
  height: 23px;
  overflow: hidden;
  border: none;
}
ul#navigation li a img { position: absolute; }
ul#navigation li a:hover img, ul#navigation li a.active img, ul#navigation li a.hover { top: -27px; }
ul#navigation li a.active { cursor: default; }
li#nav_home { width: 50px; }
li#nav_products { width: 78px; }
li#nav_services { width: 68px; }
li#nav_facilities { width: 72px; }
li#nav_about { width: 54px; }
li#nav_contact { width: 73px; }


/**
 * Content
 */
div#content_wrapper
{
  clear: left;
  padding: 15px;
  min-height: 300px;
}
div#content_wrapper[class~="png"]
{
  background: transparent url(../images/content_wrapper_bg.png) no-repeat 0 0;
}
* html div#content_wrapper
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/content_wrapper_bg.png", sizingMethod="scale");
}


/**
 * Footer
 */
div#footer_wrapper
{
  clear: left;
  margin-top: 20px;
  height: 45px;
  line-height: 45px;
  vertical-align: middle;
  color: #9f9f9f;
}
div#footer_wrapper span { padding-left: 15px; }
ul#brands
{
  float: right;
  height: 45px;
  padding-right: 12px;
}
ul#brands li
{
  position: relative;
  float: left;
  padding: 0 6px;
  overflow: hidden;
}
ul#brands li a
{
  display: block;
  overflow: hidden;
  border: none;
}
ul#brands li a img { position: absolute; }

li#nav_osha { margin-top: 15px; }
li#nav_osha, li#nav_osha a { width: 56px; height: 16px; }
li#nav_osha a:hover img, li#nav_osha a.hover img { top: -20px; }

li#nav_carhartt { margin-top: 12px; }
li#nav_carhartt, li#nav_carhartt a { width: 75px; height: 19px; }
li#nav_carhartt a:hover img, li#nav_carhartt a.hover img { top: -22px; }

li#nav_otis { margin-top: 15px; }
li#nav_otis, li#nav_otis a { width: 47px; height: 16px; }
li#nav_otis a:hover img, li#nav_otis a.hover img { top: -20px; }

li#nav_redwing { margin-top: 9px; }
li#nav_redwing, li#nav_redwing a { width: 47px; height: 29px; }
li#nav_redwing a:hover img, li#nav_redwing a.hover img { top: -33px; }

li#nav_tyvek { margin-top: 9px; }
li#nav_tyvek, li#nav_tyvek a { width: 29px; height: 29px; }
li#nav_tyvek a:hover img, li#nav_tyvek a.hover img { top: -33px; }




/**
 * Home
 */




/**
 * Products
 */
div.product, div.blank_product
{
  float: left;
  padding: 10px;
  margin-right: 5px;
  width: 360px;
  height: 165px;
}
div.product h2 { border-top: 1px dotted #ccc; }
div.product h2.first { border-top: none; }
div.products div.right
{
  border-left: 1px dotted #ccc;
  margin-right: 0;
  padding-left: 15px;
}
div.products div.product_image
{
  float: left;
  width: 130px;
  height: 130px;
  background-image: url(../images/product_bg.gif);
  padding: 5px;
  text-align: center;
}
div.products .product_info
{
  float: left;
  width: 195px;
  padding: 0 10px;
}
dl.product_info dt { font-weight: bold; }
dl.product_info dd { padding-left: 10px; }


/**
 * Services
 */
dl#services dt { font-weight: bold; }
dl#services dd { padding: 0 0 10px 10px; }
dl#services ul
{
  margin-left: 10px;
  padding-left: 10px;
  list-style-image: url(../images/icons/check_mark2.gif);
}
dl#services dd p.floatLeft, dl#services ul.floatLeft { padding-left: 20px; }
dl#services .image_wrapper
{
  width: 140px;
  height: 87px;
}


/**
 * Facilities
 */
ul#facilties_info
{
  margin: 16px 0 0 10px;
  padding-left: 10px;
  list-style-image: url(../images/icons/check_mark2.gif);
}


/**
 * About
 */
div#location_images { float: left; }
p#info
{
  float: left;
  padding-left: 20px;
}


/**
 * Contact
 */
div#contact_info {
  float: left;
  text-align: right;
  width: 122px;
  padding-left: 20px;
  padding-right: 10px;
}
div#contact_info dt { font-weight: bold; }
div#contact_info dd { padding-bottom: 16px; }
div#contact_map
{
  float: left;
  width: 325px;
  height: 225px;
  padding: 1px;
  background: url(../images/contact_map_bg.gif) no-repeat;
}
div#contact_map p
{
  padding: 10px;
  text-align: center;
}
#contactForm fieldset
{
  float: left;
  width: 292px;
  padding-left: 10px;
  border: none;
  border-left: 1px solid #c0baa9;
}
#contactForm .margin { margin-bottom: 8px; }
#contactForm input.text, #contactForm input.short_text, #contactForm textarea
{
  font: normal 11px verdana,arial,helvetica,sans-serif;
  color: #5f5f5f;
  padding: 8px 5px 5px 5px;
  background: transparent url(../images/field_bg.gif) left bottom repeat-x;
  border: 1px solid #c0baa9;
}
#contactForm input.text
{
  width: 280px;
  height: 17px;
}
#contactForm input.short_text
{
  width: 130px;
  height: 17px;
}
#contactForm input#fax { margin-left: 8px; }
#contactForm textarea { width: 280px; }
#contactForm div.buttons { float: right; }