/* Die-Matic Products LLC XHTML and CSS by Kenneth Feldman, http://www.kpfdigital.com/ */
/* All associated graphics copyright 2005, Die-Matic Products LLC */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. */
/* The CSS itself may freely be used for Anythings you wish, but the associated graphics belong to the designer and or Michelle Dortignac. */
/* What you may use - .css files. */
/* What you may not use - .jpg, .gif, and .png files. */

/* Design and CSS created by Kenneth Feldman */
/* www.kpfdigital.com */

 




	
/* Main Structural Elements 
-------------------------------------------- */

body { 
font: 62.5% Verdana, Geneva, Helvetica, Arial, Sans-serif; 
margin: 0;
padding: 0;
border: 0;
text-align: center;
}  
/* displayed at 10px -- 62.5% of 16px (default browser font size) = 10px   */	
	
	
#container {
width: 728px;
border: 0px solid gray;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
color: #000;
text-align: left;

}


#home #content {
border: 0px solid gray;
padding: 22px 14px 40px 14px;
margin: 0;
background-color: #FFC;
font-size: 1.2em; /* displayed at 12px */
line-height: 1.55em;
background: url("img/body_bg.gif") top left repeat-y;
}


#content {
border: 0px solid gray;
padding: 0px 14px 40px 14px;
margin: 0;
font-size: 1.0em; /* displayed at 10px */
line-height: 1.55em;
background: url("img/body_stripe_bg.gif") top left repeat-y;
}


#copy_section {		/* Simplified Box Model Hack (SBMH) to correct for IE5.x mis-interpretation of box widths */
	width: 236px;	/* For browsers that get the box model correct, but choke on the escapes in the following rule */
	\width: 285px;	/* This hacked width gets delivered to IE5.x only */
	w\idth: 236px;	/* Cannot be read by IE5.x, but is read and used by modern 'escape friendly' browsers */
	float: left;
	margin: 0px 0px 0 0;
	padding: 0px 26px 0px 23px;
	background-color: transparent;
	font-size: 1.0em; /* Sets base font size for sidebar to XXXX */
	line-height: 140%;
	}


#product_section {
	height: 1%;
	padding: 0px 23px 0px 0px;
	margin-top: 0px;
	margin-left: 315px;
	font-size: 1.0em; /* Sets base font size for Content Div to 13px */
	line-height: 140%;
	border: 0px solid #930;
	}


#footer {
margin: 0px;
padding: 17px 0 0 0px;
background: url("img/footer_bg.gif") top left no-repeat;
height: 55px;
clear: both;
}



/* Main Navigation Elements 
-------------------------------------------- */		
	
	
/* Home Page Navigation Elements 
-------------------------------------------- */		
		

#home_nav_main {
	border: 0px solid black;
	padding: 0;
	margin: 0 0 40px 0px;
	background: url("img/home_nav_bg_03.jpg") 50% 63px no-repeat;
	height: 305px;
	}


#home_nav_main dl	{
	margin: 0px 0 0 39px;
	padding: 0;
	border: 0px dotted #F00;
	width: 622px;
	height: 305px;
	position: relative;
	}

#home_nav_main dl dt	{
	height: 305px;
	width: 206px;
	margin: 0;
	padding: 0; 
	list-style: none;
	position: absolute;
	top: 0;
	background: #cbdec8; 
	}
	
#home_nav_main a	{
	height: 305px;
	width: 206px;
	display: block;
	border: 0px;
	}	

#home_nav_main dl dt a	{
	text-indent: -9999px; 
	text-decoration: none;
	}
	
#home_nav_main dl dd	{
	text-indent: -9999px; 
	text-decoration: none;
	}
	

#home_nav_main dl dt#s1 {top: 0px; left: 0px; height: 305px; width: 206px; background: url("img/oxygen_text.gif") 0px 0px no-repeat; }
#home_nav_main dl dt#s2 {top: 0px; left: 208px; height: 305px; width: 206px; background: url("img/parachute_text.gif") 0px 0px no-repeat; }
#home_nav_main dl dt#s3 {top: 0px; left: 416px; height: 305px; width: 206px; background: url("img/stamping_text.gif") 0px 0px no-repeat; }


#s1 a:hover {height: 305px; width: 206px; background: url("img/oxygen_text.gif") 0px -305px no-repeat;}
#s2 a:hover {height: 305px; width: 206px; background: url("img/parachute_text.gif") 0px -305px no-repeat;}
#s3 a:hover {height: 305px; width: 206px; background: url("img/stamping_text.gif") 0px -305px no-repeat;}





/* Interior Page Navigation Elements 
-------------------------------------------- */		
		

#nav_bar {border: 0px solid black; padding: 0; margin: 0 0 40px 0px; height: 26px;}

#nav_bar ul {margin: 0px 0 0 0px; padding: 0; border: 0px dotted #F00; width: 700px; height: 26px; position: relative;}

#nav_bar ul li { height: 26px; margin: 0; padding: 0; list-style: none; position: absolute; background: #C93;}
	
#nav_bar a { height: 26px;	display: block; border: 0px;}	

#nav_bar ul li a {text-indent: -9999px; text-decoration: none;}
	
#nav_bar ul li#nb1 {top: 0px; left: 0px; height: 26px; width: 104px; background: url("img/menu_buttons.gif") 0px 0px no-repeat; }
#nav_bar ul li#nb2 {top: 0px; left: 104px; height: 26px; width: 172px; background: url("img/menu_buttons.gif") -104px 0px no-repeat; }
#nav_bar ul li#nb3 {top: 0px; left: 276px; height: 26px; width: 170px; background: url("img/menu_buttons.gif") -276px 0px no-repeat; }
#nav_bar ul li#nb4 {top: 0px; left: 446px; height: 26px; width: 142px; background: url("img/menu_buttons.gif") -446px 0px no-repeat; }
#nav_bar ul li#nb5 {top: 0px; left: 588px; height: 26px; width: 112px; background: url("img/menu_buttons.gif") -588px 0px no-repeat; }

#nb1 a:hover {height: 26px; width: 104px; background: url("img/menu_buttons.gif") 0px -26px no-repeat;}
#nb2 a:hover {height: 26px; width: 172px; background: url("img/menu_buttons.gif") -104px -26px no-repeat;}
#nb3 a:hover {height: 26px; width: 170px; background: url("img/menu_buttons.gif") -276px -26px no-repeat;}
#nb4 a:hover {height: 26px; width: 142px; background: url("img/menu_buttons.gif") -446px -26px no-repeat;}
#nb5 a:hover {height: 26px; width: 112px; background: url("img/menu_buttons.gif") -588px -26px no-repeat;}


#nav_bar ul li#onpage1 {top: 0px; left: 0px; height: 26px; width: 104px; background: url("img/menu_buttons.gif") -0px -52px no-repeat;}
#nav_bar ul li#onpage2 {top: 0px; left: 104px; height: 26px; width: 172px; background: url("img/menu_buttons.gif") -104px -52px no-repeat;}
#nav_bar ul li#onpage3 {top: 0px; left: 276px; height: 26px; width: 170px; background: url("img/menu_buttons.gif") -276px -52px no-repeat;}
#nav_bar ul li#onpage4 {top: 0px; left: 446px; height: 26px; width: 142px; background: url("img/menu_buttons.gif") -446px -52px no-repeat;}
#nav_bar ul li#onpage5 {top: 0px; left: 588px; height: 26px; width: 112px; background: url("img/menu_buttons.gif") -588px -52px no-repeat;}





/* Typography 
-------------------------------------------- */

/* Featuring the Leahy/Langridge Method of Image Replacement in header elements and blockquotes */
/* This method contains the Box Model Hack for IE5 and 5.5 PC */
/* http://www.kryogenix.org/code/browser/lir/ */


h1 { background: url("img/h1_header.gif") top left no-repeat; padding-top: 70px; overflow: hidden; height: 0px !important; /* for most browsers */ height /**/:70px; /* for pre 6.0 IE Win */ margin: 0;}

h2 { background: url("img/h2_stripes.gif") top left no-repeat; padding-top: 18px; overflow: hidden; height: 0px !important; /* for most browsers */ height /**/:18px; /* for pre 6.0 IE Win */ margin: 0;}

#bayonet h3 {
	background: url("img/bayonet_h3.gif") top left no-repeat;
	padding-top: 30px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:30px; /* for pre 6.0 IE Win */
	margin: 0;
	font-size: 14px;
}

#bayonet h4 {
	background: url("img/diematic_h4.gif") top left no-repeat;
	padding-top: 36px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:36px; /* for pre 6.0 IE Win */
	margin: 0 0 15px 0;
	font-size: 13px;
}

#parachute h3 {
	background: url("img/parachute_h3.gif") top left no-repeat;
	padding-top: 30px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:30px; /* for pre 6.0 IE Win */
	margin: 0;
	font-size: 14px;
}

#parachute h4 {
	background: url("img/parachute_h4.gif") top left no-repeat;
	padding-top: 36px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:36px; /* for pre 6.0 IE Win */
	margin: 0 0 15px 0;
	font-size: 13px;
}

#stamping h3 {
	background: url("img/stamping_h3.gif") top left no-repeat;
	padding-top: 30px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:30px; /* for pre 6.0 IE Win */
	margin: 0;
	font-size: 14px;
}

#stamping h4 {
	background: url("img/stamping_h4.gif") top left no-repeat;
	padding-top: 36px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:36px; /* for pre 6.0 IE Win */
	margin: 0 0 15px 0;
	font-size: 13px;
}

#about h3, #contact h3 {
color: #369;
font-size: 135%;
margin: 0 0 20px 0;
}



#home #content p
{
padding: 0px;
margin: 0px 90px 20px 90px;
}

p
{
color: #333;
text-align: justify;
padding: 0;
margin: 0px 0px 15px 0px;
background-color: transparent;
}

#copy_section ul { 
color: #333;
list-style: square;
margin: 0 0 20px 0;
padding: 0 0 0 20px;
}
	


#footer p
{
color: #333;
text-align: center;
padding: 0;
margin: 0px 0px 0px 0px;
}
	


	


/* Photo Styles
-------------------------------------------- */


.prod_box {
	padding: 0;
	width: 152px;
	height: 162px;
	float: right;
	margin: 0px 22px 16px 0px;
	color: #333;
	border: 0px solid #930;
	background-color: #fff;
	display: inline;
	}

.prod_box p {
	margin: 0;
	padding: 7px 3px;
	font-size: 1.0em; /* displayed at 10px */
	line-height: 1.3em;
	text-align: left;
	background-color: transparent;
	}

.prod_box img { 
	border: 1px solid #ccc;

  }

#copy_section img {
	margin: 10px 0 20px 0;
}



.about_box {
	padding: 0;
	width: 252px;
	height: 220px;
	float: right;
	margin: 0px 64px 16px 0px;
	color: #333;
	border: 0px solid #930;
	background-color: #fff;
	display: inline;
	}

.about_box p {
	margin: 0;
	padding: 7px 3px;
	font-size: 1.0em; /* displayed at 10px */
	line-height: 1.3em;
	text-align: center;
	background-color: transparent;
	color: #369;
	}

.about_box img { 
	border: 1px solid #000;

  }





/* Internal Link Styles
-------------------------------------------- */


a:link, a:visited {
	color: #369;
	text-decoration: none;
	border-bottom: 1px dotted; 
	border-color: #369;
	}

a:hover {
	color: #842D02;
	border-color: #842D02;
	}	


	
/* Form Styles
-------------------------------------------- */
	
#thisform {
margin: 0 0 0 0px;
}
	
form dd {
margin: 0;
}	
	
#name, #email, #comment {
width: 300px;
}	

#thisform label {
font-weight: normal;
}

#thisform fieldset {
border: 1px solid #ccc;
padding: 10px 20px;
}

#thisform legend {
font: bold 1.0em arial, san serif;
color: #333;
border: 1px solid #ccc;
border-bottom-color: #999;
border-right-color: #999;
padding: 4px 8px;
}	




	
/* Twin List Styles
-------------------------------------------- */


  #columns {width: 350px;  border: 0px solid gray; }
  
  
  ul.left {
    float: left;
    width: 175px; 
    margin: 0px;
    padding: 20px 0px;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: square;
    position: relative;
    left: 0px;
    font-size: 1.0em;
    border: 0px solid gray;
    color: #333;
  }
  
  ul.right {
    float: right;
    width: 175px; 
    margin: 0px;
    padding: 20px 0px;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: square;
    font-size: 1.0em;
    color: #333;
  }
  
  .no-space {
    margin: 0px;
    padding: 0px;
    clear: both;
    font-size: 1.1em;
	line-height: 1.3em;
    color: #333;
  }