/*
	red = #eb2d2f;
	*/
	.red {color:#eb2d2f;}
	
	.black {color:#111111;}
 	
	/* commented backslash hack \*/ 
	html, body{
		height:100%;
		margin:0;
		padding:0;
		} 
	/* end hack */
		
	body{
 		font:62.5% Verdana, sans-serif;
		text-align:center;
		background:#999 url('images/body_bg.jpg') center repeat-y;
		}
	
	img {
		border:0;
		}
	
	#wrapper{
		min-height:100%;
  		width:800px;
		margin-left:auto;/* center it*/
		margin-right:auto;/* center it*/
		position:relative;
 		background-color:#ffffff;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
 		text-align:left;
 		}
		
	* html #wrapper{
		height:100%;
		width:802px;/* box model hack for ie5.+*/
		w\idth:800px
		}
    
	/* \*/
   * html .gainlayout { height: 1%; }
   /* */
   
	#header img{
		display:block;
		float:left;
		border:0;
		}
	
 
	/***************************************
	  BEGIN STYLE RULES FOR LEFT COLUMN AREA    	
  	/**************************************/
	
	.left_col{ /* only for the content of brochure, video, and org logos */
		width:120px;
		padding-bottom:10px;
		margin:20px auto 22px auto;
		border-bottom:1px dotted #888;
		text-align:center;
		}
		
	#leftColumn{
		width:200px;
		float:left;
		text-align:left;
 		}
	
	#leftColumn_content{
		padding:1em;
		padding-left:1.2em;
 		}
 	
	#leftColumn ul#forms, 
	#leftColumn ul#portfolio,
	#leftColumn ul#case_studies, 
	#leftColumn ul#curing { 
		color:#333;
		margin:0;
		padding-left:10px;
		}
	
 	#leftColumn #forms li, 
	#leftColumn #curing li, 
	#leftColumn #portfolio li,
	#leftColumn #case_studies li{
		list-style-type:none;	 
		margin:15px 0px;
		padding:0;
		text-align:left;
 		}

	#leftColumn #forms a:link, #leftColumn #forms a:visited,
	#leftColumn #curing a:link, #leftColumn #curing a:visited,
	#leftColumn #portfolio a:link, #leftColumn #portfolio a:visited,
	#leftColumn #case_studies a:link, #leftColumn #case_studies a:visited{	 
		color: #333;
		text-decoration:none;
		font:bold 1.4em Helvetica, Arial ;
		}
	
	#leftColumn #forms a:hover,
	#leftColumn #curing a:hover, 
	#leftColumn #portfolio a:hover,
	#leftColumn #case_studies a:hover {
		color:#eb2d2f;
		text-decoration:underline;
		}
	
	#leftColumn #news_old{
		text-align:center;
		}
		
	#leftColumn #news_old .newsletter p a:link{
 		font-size:12px;
		text-decoration:none;
		color:#eb2d2f;
 		}
	
	#leftColumn .newsletter {
		margin-bottom:18px;
 		}
		
	#address, #literature {
		text-align:center;
		}
	
	#address p  {
  		font-size:12px;
		}
	
	#orgs img{
		border:0;
 		}
	
	#orgs a:link, 
	#orgs a:visited {
		text-align:center;
		display:block;
		width:90px;
		height:90px;
		border:1px solid #ccc;
		margin:10px 0;
		}
		
	#orgs a:hover {
		border: 1px solid #eb2d2f;
		}
 
		
	/*****************************
	 * MAIN CONTENT AREA STYLES 
	 *****************************/
 	
	#mainContainer{ /*  container only  */
		margin-left:200px;
		margin-bottom:30px;
		margin-right:40px;
  		}
		
	#mainContent{
 		padding:2em;
		}
	
	#mainContent a:link, 
	#mainContent a:visited {
		color:#eb2d2f;
		text-decoration:none;
		font-weight:normal;
		}
	
	#mainContent a:hover {
		text-decoration:underline;
		}
 	
	/**************************************************
	 * UNORDERED AND ORDERED LIST STYLES FOR MAIN CONTENT & LITERATURE 
	 *************************************************/
	 
	#mainContent ul,
	#mainContent #equipment_content div ul,
	#literature ul {
		margin-left:10px;
		padding:0 0 10px 20px ;
		list-style-type:none;
		background:none;
		}
 
 	#literature {
		float:left;
		}
	
	#mainContent	ul li, 
	#literature ul li{
		margin:0 0 8px  0;
		padding: 0 0 0 15px;
		font-size:12px;
 		line-height:1.3em;
		background: #fff url('images/grey_bullet.gif') top left no-repeat;
		color: #333;
		}
		
	#literature_content ul li {
		background: #fff url('images/grey_bullet.gif') top left no-repeat;
		}

	* html #mainContent ul li, 
	* html #literature ul li{
		height:1%;
		}
				
		
	#mainContent ol {
		margin:0 0 0 10px;
		padding:0 0 10px 25px ;
 		} 
		
	#mainContent	ol li {
		margin:7px  0  7px 15px;
		padding: 0 0 0 15px;
		font-size:1.2em;
 		line-height:1.5em;
 		color: #333;
		}

	/**********END *******/
			
				
	p, td{
		color:#000;
		margin:0px;
		padding: 0 0 1em 0 ;
		font:12px  Helvetica,  Arial, Verdana, sans serif;
		line-height:1.4em;
		}
	
	h1 {
 		font:bold 18px Helvetica, Arial, Verdana;
		margin:0 0 .8em 0;
		color:#000;
		margin-top:0;
		line-height:1.2em;
		}
		
	h2, h3 {
		font:bold 15px Helvetica, Arial, Verdana;
		color:#eb2d2f;
		margin:.7em 0 .5em 0;
		line-height:1.9em;
		}
	
	h3 {color:#000;}
	
	/*******************
	 * HOME PAGE STYLES 
	 *******************/
	 
	#home_content {
		width:560px;
		}
		
	#home_top {
		margin-bottom:20px;
		padding-bottom:5px;
		border-bottom:1px solid #999;
		}
		
	#home_top div{
		padding:0 15px 15px 0;
		float:left;
		}

	#home_content  img.button {
		border:0;
		vertical-align:middle;
		}

	#home_content  h3 {color:#eb2d2f;font:bold 15px Helvetica, Arial, Verdana;margin:0;padding:0;} 
	#home_content #news p {border-bottom:1px dotted #999;margin-bottom:15px;padding-bottom:15px;}
	/*****************************
	 * COMPANY STYLES 
	 *****************************/
	#company  .left {
		display:block;
		float:left;
		padding:0 20px 5px 0;
 		}

	#company  .right {
		display:block;
		float:right;
		padding:0 0px 5px 20px;
 		}
		
	/*****************************
	 * CASE STUDY STYLES 
	 *****************************/
 	#case_studies h1{margin-bottom:0;}
	#case_studies h2{margin:0;padding:0;line-height:1.5em;}
	#case_studies h3 {text-transform:uppercase;margin:5px 0 15px 0;color:#777;}
		
	#case_study_left {
		width:250px;
		margin-right:20px;
		float:left;
 		}

	#case_study_left #quote{width:250px;margin:15px 0;background-color:#FFFFe9;border:1px solid #ccc;}
	
	#case_study_left  #quote p.quote {
		padding:8px;
		font-style:italic;
		}
		
	.indent {margin-left:10px;}
		
	#case_study_right {
		margin-left:280px;
		width:250px;
 		}
		
	#case_study_left img, 
	#case_study_right img {
		display:block;
		margin-bottom:10px;
		border:1px solid #ccc;
		}
		
	.caption {
		font-style:italic;
		color:#666666;
		}			
	
	/*****************************
	 * FAQ STYLES 
	 *****************************/
	#faq_content ul {
		margin:0 0 0 10px;
		}
		

	
	/***************************
	* 	STYLES FOR  EQUIPMENT MENU
	****************************/
	#equipment_nav h3 {
		color:#333;
 		font:bold 1.2em Helvetica, Arial;
     	}
		
	#equipment_nav h2 {
		padding-bottom:0;
		margin-bottom:0;
		color:#333;
		font-size:1.4em;
		}	
	
	#equipment_nav .bullet{
		font-size:1.4em;
		color:#333333;
		}
 		
	#equipment_nav ul {
		list-style-type:none;
		padding:0 0 0 10px;
		margin:0;
 		margin-bottom:15px;
 		}	
	
	#equipment_nav a:link, 
	#equipment_nav a:visited {
		font:1.2em Helvetica, Arial ;
		text-decoration:none;
		color:#eb2d2f;
		}
		
	#equipment_nav a:hover {
		text-decoration:underline;
		}
	
	/*************************************
	 * CONTENT  STYLES FOR FORMS & EQUIPMENT 
	 *************************************/	
	 
	 .equip_left{
		float:left;
		height:1%;
		width:255px;
		padding-right:10px;
  		}	
	
	.equip_left img { 
		display:block;
		margin:0 20px 10px 0px;
		border:1px solid #fff;
		vertical-align:text-top;
 		}

	#forms_content {
		position:relative; 		
		}
		
	#form_left, 
	.equip_left  {  /* div containing image on left side of form bullets */
 		float:left;
		margin:0px 5px 5px 0px;
 		vertical-align:text-top;
		height:1%;
 		}
		
	#form_left img, 
	#equipment_left img {
		display:block;
		margin-right:8px;
  		}
	
	#form_right {
		margin-left:275px;
		}
		
	 .portfolio, 
	 .case_study,
	 .curing {
		display:block;
		float:left;
		padding:0 20px 5px 0;
		}
 
 	.tarp_pic{
		display:block;
		padding:0px;
		margin:0px 0 10px 3px;
		border:1px solid #ccc; 
		}
		
	#button_loaf div { /*two style rules are for button loaf magnets page */
		float:left;
		}
	
	#button_loaf img {
		float:left;
		padding:0 15px 15px 0;
		} 
	
	/*********************
	* LITERATURE STYLES 
	*********************/
	
	#literature_content h2 {
		color:#111;
		padding:0;
		margin:0;
		}
	
	/*********************
	* NEWS STYLES 
	*********************/
	  
	#press_box {
		height:1%;
 		margin-top:5px;
		padding-top:20px;
		}
		
	#news_box p, 
	#news_box a:link {
		font-size:12px;
		text-align:center;
		margin-top:5px;
		}
 
		
	#news_box table {
		border-bottom:1px solid #999;
		}
			
	#news_box td{
		font-size:11px;
		padding-right:40px;
		width:100px;
		text-align:center;
		margin-top:5px;
		vertical-align:top;
		}
 
	 /*************
		* SITEMAP STYLES
		***************/

	#sitemap  a {font:12px Arial, Helvetica, sans-serif;}
 	
		
	/*************
	* CONTACT STYLES 
	***************/
		
	#contact #logo {
		display:block;
		padding:8px;
		border:1px solid #ccc;
		margin:20px auto;
		}
 		
	.emailform {
		border:1px solid #999;
		color:#333;
		padding:2px;
		font:11px Verdana;
		}
	
	/***** END *****/
	
	.extend {
		height:350px;
		}
		
	.extend2 {
		height:450px;
		}
	
	.nudge {
		margin-left:5px;
		}
		
	/*DO NOT TOUCH CLEARFIX RULES */
	.clearfix:after {
		content: ".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		}
	
	.clearfix {display:inline-table;}
		/*Hides from IE-Mac \*/
		*html .clearfix{height:1%;}
		.clearfix {display:block;}
		/*End hide from IE Mac */
		
	/* END CLEARFIX RULES */

		  
	/* FOOTER STYLE */
	.clearfooter{
		clear:both;
		height:30px;
		width:100%;
		}
		
	#clearfooter{clear:both;height:30px;width:100%}
	div>p {margin:0}

	.clearer{
		height:1px;
		overflow:hidden;
		/* or font-size:0px instead of overflow:hidden*/
		margin-top:0px;
		clear:both;
		}	
	
  	#footer_container{
        width:800px;
        margin:-30px auto 0;
        height:30px;
         background:#aaa;
        clear:both;
        position:relative;
		border-bottom:1px solid #fff;
 		}	
		
	#footer_container p {
		text-align:left;
        color:#fff;
        margin:0;
		font-size:11px;
        padding:.7em 0  0 10px;
        }