/*  CSS Rules */
/*  Style SRS E */
/*  Written by Joseph */



/*  GENERAL
*******************************************************************************************************************/


	body                                { color: #FFF; font: 13px Arial, Helvetica, sans-serif; text-align: center; background: #303030 url(../images/bg.jpg) top center repeat-x; margin: 0px; padding: 0px; margin-bottom: 25px; }
	#interior                           { color: #F8F8F8; font: 14px Arial, Helvetica, sans-serif; text-align: center; background: #2B2B2B url(../images/bg-interior.jpg) top center repeat-x ; margin: 0px; padding: 0px; margin-bottom: 25px;  }
	p                                   { border: 0px; }
	h2,h3                               { }
	hr                                  { color: #5A5958; height: 1px; }
	
	a:link, a:visited, a:active         { color: #00ABF2; text-decoration: none; }
	a:hover                             { color: #FFF; text-decoration: none; background: #616161; }
	
	.Button                             { color: #FFF; background: #0398D4 url(../images/button.jpg) top center repeat-x; border: none; font-size:11px; text-decoration: none; padding: 4px; cursor: pointer; }
	.ButtonHover                        { color: #FFF; background: #639830 url(../images/button-hover.jpg) top center repeat-x; border: none; font-size:11px; text-decoration: none; padding: 4px; cursor: pointer; }
	
	#StylizedImage                      { position: relative; top: -12px; left: 0px; padding-top: 0px; margin: 0px;  }
	#content #StylizedImage             { display: none; }
	ul                                  { /* margin-left: 0; padding-left: 0; */  list-style: none; }
	li                                  { padding-left: 17px; background-image: none; background: url(../images/bullet.gif) 0 .5em no-repeat ;  margin: 5px 5px 5px 0px; }
	
	
/*  LAYOUT RULES
*******************************************************************************************************************/

	#container                          { width: 100%; height:auto !important; height:500px; margin: 0; position: relative; min-height:500px; background-image: url(../images/bg-image.jpg); background-repeat: no-repeat; background-position:50% top; }
	#container-interior                 { width: 100%; height:auto !important; height:360px; margin: 0; position: relative; min-height:500px; background-image: url(../images/bg-image-interior.jpg); background-repeat: no-repeat; background-position:50% top; }
	#container-inner                    { margin: 0px auto; width: 950px;  padding:0; top: 0;  }
	
	#header                             { width: 950px; margin: 0px; padding: 0px; background: url(../images/header-ph.jpg) top right no-repeat; text-align: left;}
	#flash                              { width: 950px; height: 430px; margin: 0px; padding: 0px; border: 0px; float: left; }
	#flash-interior                     { width: 950px; height: 290px; margin: 0px; padding: 0px; border: 0px; float: left; }
	#flash-products                     { width: 190px; height: 400px; margin: 0px; padding: 0px; border: 0px; float: left;}
	
	#content                            { width: 760px; height: 400px; margin: 0px; text-align: left; float: left; } 
	#content ul                         { /* margin-left: 0; padding-left: 0; */  list-style: none; margin: 0px; padding: 0px; }
	#content li                         { padding-left: 19px; background-image: none; background: url(../images/bullet.gif) 0 .5em no-repeat ;  margin: 0px 0px 1px 0px; }
	#content-box1                       { width: 760px; height: 190px; margin: 0px; text-align: left; background: url(../images/content-box1-middle.jpg) top left no-repeat; float: left;}
	#content-box1 img                   { padding-bottom: 20px;}
	#content-box2                       { width: 760px; height: 80px; margin: 0px; text-align: left; background: url(../images/content-box2-middle.jpg) top left no-repeat; float: left; }
	#content-box2 img                   { padding-bottom: 20px;}
	
	#content-interior-liner             { width: 950px; margin: 0px; padding: 0px; text-align: left; float: left; } 
	#content-interior                   { width: 950px; margin: 0px; padding: 0px; text-align: left; background: url(../images/content-bg-interior-under.gif) top left repeat-y;  float: left; } 			
	#content-interior #background       { width: 950px; margin: 0px; padding: 0px; text-align: left; background: url(../images/content-bg-interior.jpg) top left no-repeat;  float: left; } 			
	#content-interior #padding          { width: 870px; height: 100%; margin: 0px; position: relative; overflow: visible; text-align: left; padding: 40px 50px 0px 40px; text-align:justify; float: left;}
	
	#accreditation                      { width: 950px; height: 170px; margin: 0px auto; padding: 0px; background: url(../images/dividerline.jpg) top left no-repeat; font-size: 12px; text-align: left; margin-top: 30px; }
	#accreditation #padding             { padding: 0px 40px; position: relative; float: left; margin: 0px; } 
	#accreditation #logos               { margin-right: 23px; float: left; }
	#accreditation #labels              { list-style: none; padding: 30px 0px 15px 0px; margin: 0px; }   		    
	#accreditation ul                   { line-height: 19px; list-style: none;  padding: 0px; margin: 0px;  float: left; width: 145px; }
	#accreditation li                   { padding-left: 0px; background-image: none;  margin: 0px; padding: 0px; margin-bottom 5px:}
	#accreditation a:hover              { color: #FFF; text-decoration: none; background: none; }
	
	.pro                                { background: url(../images/prosites.png) 140px 3px no-repeat; padding: 0px 27px 6px 0px; position: relative; color: #5E5E5E!important;  outline: none; }       
	
	.seo              { float: left; width: 950px; margin: 0px; padding: 0px;}

	.seo a.rollover1   { display: block; width: 140px; height: 70px; background: url("../images/seo-buttons-washingsystems1.jpg") 0 0 no-repeat; float: left; cursor: pointer; text-indent: -5000px; padding: 0px; margin: 0px; border: 0px; outline: none;}
	.seo a:hover.rollover1  { display: block; width: 140px; height: 70px; background-position:  -140px 0px; float: left; cursor: pointer; text-indent: -5000px; padding: 0px; margin: 0px; border: 0px;outline: none;}

	.seo a.rollover2   { display: block; width: 140px; height: 70px; background: url("../images/seo-buttons-solvent2.jpg") 0 0 no-repeat; float: left; cursor: pointer; text-indent: -5000px; padding: 0px; margin: 0px; border: 0px;outline: none;}
	.seo a:hover.rollover2  { display: block; width: 140px; height: 70px; background-position:  -140px 0px; float: left; cursor: pointer; text-indent: -5000px;padding: 0px; margin: 0px; border: 0px; outline: none;}
	
	.seo a.rollover3   { display: block; width: 140px; height: 70px; background: url("../images/seo-buttons-distillation3.jpg") 0 0 no-repeat; float: left; cursor: pointer; text-indent: -5000px; padding: 0px; margin: 0px; border: 0px; outline: none;}
	.seo a:hover.rollover3  { display: block; width: 140px; height: 70px; background-position:  -140px 0px; float: left; cursor: pointer; text-indent: -5000px; padding: 0px; margin: 0px; border: 0px; outline: none;}

	.seo a.rollover4   { display: block; width: 140px; height: 70px; background: url("../images/seo-buttons-compactors4.jpg") 0 0 no-repeat; float: left; cursor: pointer; text-indent: -5000px; padding: 0px; margin: 0px; border: 0px; outline: none;}
	.seo a:hover.rollover4  { display: block; width: 140px; height: 70px; background-position:  -140px 0px; float: left; cursor: pointer; text-indent: -5000px;padding: 0px; margin: 0px; border: 0px;outline: none; }

	.seo a.rollover5   { display: block; width: 140px; height: 70px; background: url("../images/seo-buttons-aerosol5.jpg") 0 0 no-repeat; float: left; cursor: pointer; text-indent: -5000px; padding: 0px; margin: 0px; border: 0px; outline: none;}
	.seo a:hover.rollover5  { display: block; width: 140px; height: 70px; background-position:  -140px 0px; float: left; cursor: pointer; text-indent: -5000px;padding: 0px; margin: 0px; border: 0px; outline: none;}

	
	
/*  NAVIGATION
*******************************************************************************************************************/

	#nav-top                            { width: 950px; height: 10px; margin: 0px; padding: 0px; background: url(../images/nav-top.jpg) top left repeat-x; float: left; }
	#nav                                { width: 950px; margin: 0px; padding: 0px; background: url(../images/nav-bg.jpg) top left repeat-x; float: left; text-align: center; }
	#nav p                              { margin: 0px; padding: 0px; }
	#nav img                            { padding-left: 1px; }
	
	
	
/*  FOOTER
*******************************************************************************************************************/
	
	#footer                             { width: 950px; text-align: left; margin: 0px auto; font-size: 11px; color: #CCCCCC; padding: 0px; background: url(../images/dividerline.jpg) top left no-repeat; padding-top: 30px; margin-top: 0px; }
	#footer p                           { padding: 0px 40px 0px 40px; margin: 0px; }
	#footer .info                       { padding: 0px 0px; float: left; width: 765px; }
	#footer .by                         { padding: 0px 0px;  margin: 0px; }
	#footer br                          { padding: 0px; margin: 0px; }
	#footer span                        { color: #CCCCCC; }
	
	#footer a:link, #footer a:visited, #footer a:active     { color: #999999; text-decoration: none; }
	#footer a:hover                                         { color: #FFF; text-decoration: none; background: none; } 
	.pro                                { background: url(../images/prosites.png) 5px 2px no-repeat; padding: 5px 0px 10px 40px; position: relative; color: #5E5E5E!important;  outline: none; width: 100px;  }

	
/*  FORMS
*******************************************************************************************************************/

	#form                               { width:400px; }
	#form label                         { width:100px; font-size:.75em; }
	#form input                         { width:180px; color:#666; padding:2px;  margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; }
	#form select                        { width:192px; color:#666; padding:2px;  height:22px; margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; }
	#form textarea                      { width:396px; color:#666; padding:2px; height:80px; margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; }
	#form input.button                  { width:67px; height:20px; font-family:Arial, Helvetica, sans-serif; color:#333; padding:0;}
	#form div.column1                   { width:180px; float:left; }
	#form div.column2                   { width:180px; float:right; }
		
	
	
/*  DEV EDIT CLASSES
*******************************************************************************************************************/

	/* PageContact */
	.PageContact_Office                 { list-style:none; font-size:12px; margin-left: 0px; margin-top: 0px; margin-bottom: 2px; padding: 0px; }
	.PageContact_Office_CompanyName1    { font-size:16px; font-weight: bold; }
	.PageContact_Office_CompanyName2    { font-size:16px; font-weight: bold; }
	.PageContact_Office_OfficeLocation  { font-size:14px; font-weight: bold; }
	.PageContact_Office_Photo           { border: solid 1px #3B3B3B; }
	.PageContact_Contact                { font-size:12px; margin-left: 0px; margin-top: 0px; margin-bottom: 2px; }
	.PageContact_Contact_Name           { font-size:14px; font-weight: bold; }
	.PageContact_Contact_Photo          { border: solid 1px #3B3B3B; }
	.PageContact_Contact_Seperator      { margin-top: 20px; padding-top: 5px; border-top: solid 1px #3B3B3B; }
	/*nuke bullets*/
	.PageContact_Office li              { list-style:none!important; /*ie -->*/ background: none; margin: 0px; padding: 0px;}
	#_ctl2_pnlForm li                   { background: none; margin: 0px; padding: 0px; list-style:none!important; }
	
	/* PageInternetLink */
	.PageInternetLink_Intro             { font-size: 12px; }
	.PageInternetLink_Category_Container{ padding-top: 0px; border-top: solid 1px #3B3B3B; margin-top: 10px; margin-bottom: 20px; }
	.PageInternetLink_Category          { list-style:none; line-height:18px; margin-left: 0px; margin-bottom: 2px; margin-top: 0px; background: none; padding: 0px; }
	.PageInternetLink_Category_Name     { font-size:18px; font-weight: bold;background: none; margin: 0px; padding: 0px;}
	.PageInternetLink_Category_Description{ font-size:12px;background: none;margin: 0px; padding: 0px; }
	.PageInternetLink_Link              { list-style:none; font-size:10px; margin-left: 0px; margin-bottom: 5px; margin-top: 3px; background: none; margin: 0px; padding: 0px; }
	.PageInternetLink_Link_Url          { font-size:14px; font-weight: bold; background: none; margin: 0px; padding: 0px; }
	.PageInternetLink_Link_Description  { font-size:12px; background: none; margin: 0px; padding: 0px; }
	
	/* PageTestimonial */
	.PageTestimonial_Intro              { font-size: 12px; padding-bottom: 18px; }
	.PageTestimonial_Container          { padding-top: 10px; border-top: solid 1px #3B3B3B; }
	.PageTestimonial_Quote              { font-size: 12px; font-style: italic; }
	.PageTestimonial_ProvidedBy         { font-size: 12px; font-weight: bold; text-align:right; padding: 7px 0px 10px 0px; }
	
	/* PageFAQ */
	.PageFAQ_PageName                   { font-size:16px; font-weight:bold; }
	.PageFAQ_Intro                      { font-size: 12px; }
	.PageFAQ_Container                  { padding-top: 10px; padding-left: 5px; }
	.PageFAQ_Question                   { font-size: 12px; padding-bottom:10px; }
	.PageFAQ_Answer                     { font-size: 12px; display:none; padding-bottom:15px; border-bottom: solid 1px #3B3B3B; }
	 
	/* PageService_Intro */
	.PageService_Stylized               { font-size: 24px; }
	.PageService_Intro                  { font-size: 12px; }
	.PageService_Group                  { margin-left: 15px; margin-bottom: 2px; margin-top: 0px; padding: 0px; }
	.PageService_Group_Name             { font-weight: bold; list-style:none; }
	.PageService_Group_Name a:link, .PageService_Group_Name a:visited, .PageService_Group_Name a:active { }
	.PageService_Group_Name a:hover     { }
	.PageService_Group_Description      { padding-top:15px; color: FFF; }
	.PageService_Item                   { margin-left: 30px; margin-bottom: 2px; margin-top: 0px; list-style:none; padding: 0px; }
	.PageService_Item_Name              { font-size:12px; }
	.PageService_Line_Group_Name        { font-size:13px; border-bottom: solid 1px #3B3B3B; padding-bottom: 6px; font-weight: bold; }
	.PageService_Line_Group_Items       { font-size:12px;  text-align: right; padding: 8px 0px 0px 0px;  }
	.PageService_Line_Item_Name         { font-size:13px; border-bottom: solid 1px #3B3B3B; padding-bottom: 6px; font-weight: bold; }
	.PageService_Item_Description       { padding-top:15px; }
	
	/* PageContact-Intro */
	.qcform                             { margin: 0px 0px 0px 15px; text-align: left; background: #3F3F3F ;  border: 1px solid #313131; }
	.qcform p                           { text-align: left; padding: 0px 2px 5px; line-height: 16px; margin: 0px; }
	.qcform td                          { text-align: left; padding: 2px 15px; vertical-align: bottom; text-align: center; }
	.qcformcolor                        { font: 12px verdana, arial, sans-serif; padding: 2px; width: 234px; background-color: #5B5B5B !important; border: none; color: #FFF; }
	.qc-err                             { color:red; }
	hr.qcform                           { height:1px; margin: 5px 0px; padding: 0px; border-collapse: collapse; border:  #818181 solid 0px; }