/* CSS Document */
/**************
SepticGuy.com
Main Style Sheet
version 2.0
March 31, 2005

Design by: ArtGirl Design (http://www.artgirldesign.com)
Production etc by: Product 9 DESIGN (http://www.product9.com)
**************/

body {margin:0; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif; color:#0671B0; background-color:#B4D4E7; font-size: 100.01%;}
p {margin:0; padding:0;}
img {border:0;}

/**************
LAYOUT
**************/
#wrapper {margin:0 auto 0 auto; padding:0; background-color:#CDE3EF; width:800px; height:600px;}
	#header {background-color:#0671B0; width:800px; height:65px; margin:0; padding:0; border:0; }
		#header_hand {width:150px; float:left;}
			#header_hand img {margin:0 0 0 25px;}
		#header_title {margin-left:150px;}
	
	#content_wrapper, #content_wrapper_2 {width:800px; height:535px; margin:0; padding:0; border:0; background-color:#CDE3EF; clear:both;}
	#content_wrapper_2 {background-color:#B8DEC7;}
	
		/*NAVIGATION*/
		#content_left {float:left; width:145px; height:535px; background-color:##CDE3EF; }
			#nav_subhead {width:145px; height:35px; background-color:#0D8E41; background-image:url(/images/subhead/subhead_01.gif);}
			#nav {width:140px; height:500px; background-color:#0D8E41; border-right:5px solid #FFFFFF;}
			.nav {height:40px; background-color:#0D8E41;}

		/*MAIN CONTENT*/
		#subhead {width:655px; height:35px; background-color:#CDE3EF; 
					 background-image:url(../images/header/sg_header_r.gif); 
					 background-repeat:no-repeat;
					 background-position:top;}
			.subhead {}
			#subhead_sign {margin-top:-14px;	float:left;	width:200px; position:relative;}
			#subhead_sign_2 {margin-top:-14px; width:200px; position:relative;}
		#content_right, #content_right_2 {margin-left:145px; width:655px; height:500px; background-color:#CDE3EF;}
		#content_right_2 {background-color:#B8DEC7;}
			#content {font-size:0.76em; line-height:1.25em;}
				
			
			/*****Content Layout 1 - has two columns, left 335, right 320*/
				#content_layout_1 {float:left; width:655px; margin:0; height:500px;}
					#content_layout_1_left  {float:left;  width:335px; height:500px;}
						#content_layout_1_left p {margin:0; padding:7px 7px 3px 15px;}
					#content_layout_1_right {float:right; width:320px; height:500px;}
			
			/*****Content Layout 2 - has two columns, left 235, right 420*/
				#content_layout_2 {margin:0;}
					#content_layout_2_left {width:235px; float:left;}
						#content_layout_2_left p {margin:0; padding:7px 10px 3px 20px;}
					#content_layout_2_right {width:420px; float:right;}

			/*****Content Layout 3 - one column, 655, septicville.php, treatmenttrain.php */
				#content_layout_3 {margin:0; width:655px;}
						#content_layout_3 p {margin:0; padding:7px 10px 3px 20px;}
			
				/*****Content Layout Train - one column, 655, treatmenttrain.php */
				#content_layout_train {margin:0; width:655px;  height:500px; 
											  background-image:url(/images/content/train/ttrain_02.gif);
											  background-repeat:no-repeat;
											  background-position:bottom;
											  }
						#content_layout_train p {margin:0; padding:7px 20px 3px 20px;}
						#content_spacer_01 {width:380px; height:75px; float:right; position:relative; clear:right;}
						#content_spacer_02 {width:460px; height:150px; float:right; position:relative; clear:right;}
						#content_spacer_03 {width:620px; height:20px; float:right; position:relative; clear:right;}
						
				/*****Content Layout onsitepro - one column, 655, septicpro.php */
				#content_layout_onsitepro {margin:0; width:655px; min-height:424px; height:424px;
												background-image:url(../images/content/onsitepro/onsitepro_bkg_01_b.gif);
												background-repeat:no-repeat;
												background-position:bottom;}
						.onsitepro_right {float:right; margin:-535px 80px 0 0; position:relative;}
						.onsitepro_right_2 {float:right; margin:-535px 10px 0 80px; position:relative;}
						#onsitepro {margin:0; padding:0px 25px 0px 15px; line-height:1.35em; width:332px;}
							#onsitepro p {padding:0 0 10px 0}
							
							
				/*****Content Layout pro detail pages - one column, 655w x500h, designers.php, inspectors.php, installers.php, qualified.php, tankline.php */
				#content_layout_prosub {margin:0; width:655px; min-height:500px; height:500px;
												background-image:url(../images/content/onsitepro/onsitepro_mailbox_bkg.gif);
												background-repeat:no-repeat;
												background-position:bottom;}
					#prosub {margin:0; padding:10px 25px 0px 15px; line-height:1.35em; width:330px; height:250px;}
						#prosub p {padding:0; margin:0 10px 0 0;}
					
					/* form */
					#onsitepro_state_wrapper {text-align:center; margin-top:20px; width:335px;}
					#onsitepro_state {width:325px; height:110px;
						background-image:  url('/images/content/onsitepro/onsitepro_envelope.gif');
						background-repeat:no-repeat;
						background-position:center;}
					#onsitepro_state_form {font-size:0.95em; margin:0; padding:50px 0 0 0; border:0;}
					
					/*****Content Layout School - one column, 655, septicschool.php */
				#content_layout_school {margin:0; width:655px;  height:500px; 
											  background-image:url(/images/content/school/school_bkg.gif);
											  background-repeat:no-repeat;
											  background-position:bottom;
											  }
					#septicschool_left {width:235px; float:left;}
						#school_list {width:220px;}
						.septicschool {margin:0; padding:5px 0 0 20px; border:0;}					
						.septicslides {margin:0; padding:2px 0 0 50px; border:0;}
					#septicschool_right {width:410px; margin-left:240px;}
						#septicschool_txt { float:left; width:320px; margin-left:-55px; position:relative;}
							#septicschool_txt p {width:275px; text-align:center; padding-top:20px;}
						#school_bell {float:left; margin:120px 0 0 -105px;}
						* html #school_bell {margin-left:-108px;}
			
				
	#footer {clear:both; background-color:#B4D4E7; height:150px; text-align:center; font-size:0.7em;}
		#footer p {margin:0; padding:10px 0 10px 0;}
		.footer {display:inline;}
			

/**************
LINKS
**************/
a:link {color:#281384; text-decoration:none; font-weight:bold;}
a:visited {color:#0671B0; text-decoration:none; font-weight:bold;}
a:hover {color:#0D8E41; text-decoration:none; font-weight:bold;}

.footer a:link {color:#0671B0; text-decoration:none; font-weight:normal;}
.footer a:visited {color:#0671B0; text-decoration:none; font-weight:normal;}
.footer a:hover {color:#0D8E41; text-decoration:none; font-weight:normal;}

.glossary a:link {color:#281384; text-decoration:none; font-weight:bold;}
.glossary a:visited {color:#0671B0; text-decoration:none; font-weight:bold;}
.glossary a:hover {color:#0D8E41; text-decoration:none; font-weight:bold;}

/**************
CLASSES
**************/
.glossary {color:#281384;}
.green {color:#0D8E41;}
.red {color:#CB2229;}
.blue {color:#281384;}
.signpost {margin:0; padding:0; border:0;}
.signpost img {margin:0; padding:0; border:0;}

.closeprint {width:150px; height:25px;}

.septicville img{float:left; margin:0; border:0; padding:0;}
#traintable td p {margin:0; padding:0 0 3px 20px;}



.rulesregs {margin:0; padding:0 0 10px 35px; border:0;}
.rulesregs_txt {margin:0; padding:20px 20px 20px 0; text-align:center;}

#contactform {margin:0; padding:5px 5px 0 35px;}
.contactus {margin:0; padding: 20px 0 0 0;}



/* list */
.onsitepro {margin:0; padding:0 0 5px 20px; border:0; height:50px; width:332px;}
.onsitepro img {margin:0; padding:0 10px 0 0; border:0;}
.onsitepro p {margin:0; padding:5px 0 0 5px;}

/**/


.clearing {clear:both;}

/**************
IE ONLY HACKS - SHOW ALL IE
**************/
* html #onsitepro_state_form  {padding:30px 0 0 0;}
* html #content_right, * html #content_right_2 {margin-left:142px;}
* html #content_left {margin-right:-3px;}
* html #content_layout_onsitepro_left {}

/**************
IE MAC ONLY HACKS - HIDE from mac
**************/
	/* Hide from IE5-mac. Only IE-win sees this. \*/

	
	/* End hide from IE5/mac */

/**************
IE MAC ONLY HACKS - SHOW to mac
(no comments in hack area!)
**************/
	/*\*//*/
	

	
	/**/
	
/* End Mac Only hacks */