/*

Project: PurgePacks.com

Author: Emmanuel Mwangi
Agency: Mustang Networking [1-(866)-MUSTNET]

 

Techniques Used:

Base CSS: 
http://www.meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/#comment-989

ONE TRUE LAYOUT: Equal Height Columns Technique
URL: http://www.positioniseverything.net/articles/onetruelayout/example/equalheight
Credit: Holly 'n John (http://www.positioniseverything.net)

Centered Fixed-Width CSS Layout:
http://glish.com/css/3.asp

Image Replacement::Various Techniques:
http://www.mezzoblue.com/tests/revised-image-replacement/

	Image Replacement::Individual Techniques:
	
	Phark Revisited: (Phark2 Method)
		Credit: Mark Rundle 
		http://phark.typepad.com/
		Example:
		http://www.mezzoblue.com/tests/revised-image-replacement/#phark2
		
		<h3 id="header">Revised Image Replacement</h3>

		/ css /
		#header {
			
			text-indent: -5000px;
			background: url(sample-opaque.gif);
			height: 25px;
			
			}
	
	Leahy/Langridge Method: (L&L IR Method)
		Credit: Seamus Leahy 
		http://www.moronicbajebus.com/playground/cssplay/image-replacement/)
		Credit: Stuart Langridge
		http://www.kryogenix.org/code/browser/lir/
		Example:
		http://www.mezzoblue.com/tests/revised-image-replacement/#leahylangridge
		
		<h3 id="header">Revised Image Replacement</h3>
		
		/ css /
		#header {
			
			padding: 25px 0 0 0;
			overflow: hidden;
			background-image: url(sample-opaque.gif);
			background-repeat: no-repeat;
			height: 0px !important;
			height / * * /:25px; /* Hack Note: Remove spaces in comment block after height. */ 
			
			/* Need to continue to the comment block
			} 





TODO:


*/

@import url(base.css); /*  Base CSS that strips Browser default CSS and starts everybody on the same foot, more or less.
                                CSS based off the comment on Erik Meyers' blog.
                                URL: http://www.meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/#comment-989
                                Credit: Matt Wilcox (http://mattwilcox.net)
                            */

/* SET BASE FONT ATTRUBUTES */

/* Regretable Table Hackery */

table.products { 
	margin-bottom: 2em; 
	text-align: center;
	width: auto;
	border-spacing: 5px;
	border-collapse: separate;
	width: 545px; }

table.products caption { 
	text-align: center;
	width: auto; }

table.products h4 {	margin-top: 1em; }

img.productImage { width: 115px; }

.tdLeft { width: 215px; text-align: left; vertical-align: top; }
.tdRight { 
	vertical-align: top; 
	background-color: #5F77A3; 
	margin-left: 15px;
	padding: 15px; }

div.centered { text-align: center; }

div.centered table 
{
margin: 0 auto; 
text-align: center;
}

.purge { 
	color: red; 
	font-style: italic; }
	
	.purgeTM { color: blue; }

.tdProdDescription {
	text-align: left; }
	
#NPE2006 {
	padding: 200px 0 0 0;
	overflow: hidden;
	background-image: url(../gfx/gfxNPE2006.png);
	background-repeat: no-repeat;
	height: 0px !important;
	height /**/:200px; /* Hack Note: Remove spaces in comment block after height. */
}

h5 { 
	margin-top: 0.25em;
	margin-bottom: 0.75em;
	}

/* End Regret */

body { 
	
	font-family: Tahoma, Lucida, "Gill Sans", "Myriad Web", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	
	color: #ffffff;
	
	text-align:center; 
	
	background-image: url(../gfx/gfxBackground.jpg);
	background-repeat: no-repeat;
	background-color: #023380;
	
	}

#container {

	width:664px;
	
	position: relative;

	margin-right:auto;
	margin-left:auto;
	
	margin-top:0px;

	padding:0px;

	text-align:left;

	}

#header {
	
	width: 664px;
	
	position: relative;
	
	padding-top: 10px;
	padding-bottom: 10px;
	
	/* Currently an Image will later be a picece of flash
	background-image: url(../gfx/gfxHeader.png);
	background-repeat: no-repeat; */
	
	background-color: #ffffff;

	}
	
	#header h1 {
		
		padding: 68px 0 0 0;
		overflow: hidden;
		background-image: url(../gfx/gfxLogo.png);
		background-repeat: no-repeat;
		height: 0px !important;
		height /**/:68px;
		
		width: 290px;
		
		margin-left: 10px;
		
		}
	
	#header h3 {
		
		position: absolute;
		right: 10px;
		top: 10px;
		
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 10px;
		
		width: 340px;
		
		clear: none;
		
		font-size: 13px;
		font-weight: normal;
		
		line-height: 125%;
		
		text-indent: -0.2em;
		
		color: #5f77a3;
	
		}
	
	#header h3 .right {
		
		display: block;
		text-align: right;
		
		line-height: 150%;
		
		font-size: 12px;
		
		padding-right: 3em;
		
		}

#menu {
	
	position: relative;
	
	height: 25px;

	list-style-type: none;
	overflow: hidden;
	
	background: transparent url(../gfx/gfxNavMenu.png) no-repeat 0 0;
	
	}
	
	#menu li a {

			position: absolute;

			top: 0px;

			text-indent: -9000px;
			text-decoration: none;

			padding: 25px 0 0 0;

			overflow: hidden;

			height: 0px !important;
			height /**/:25px; /* IE5/Win */
			
			background: transparent url(../fake_url_needed_for_IE6_Glitch/gfxNavMenu.png) no-repeat 0 0; /* Needed by IE 6 - Uh! */
			
			}

			#menu li#aHome a {

			    left: 0px;

				width: 83px;

				}

			#menu li#aAbout a {

				left: 83px;

				width: 200px;

				}

			#menu li#aFAQ a {

				left: 283px;

				width: 77px;

				}

			#menu li#aPurging a {

				left: 360px;

				width: 185px;

				}

			#menu li#aContact a {

				left: 545px;

				width: 117px;

				}
				
/* END #menu */

#content { padding-top: 15px; }
	
	#primary { 
		
		margin-left: 15px;
		
		background-color: #5f77a3; 
		
		}
		
		#primary p { margin-right: 10px; padding-bottom: 1em; }
		
		#primary h2 { font-size: 24px; letter-spacing: 0.03em; }
		
		#primary h2.slogan {
			
			text-align: center;
			
			color: #0000FF;
			
			font-size: 16px;
			
			padding: 20px;
			
			}
		
		#primary h3 { 
			letter-spacing: 0.03em; 
			
			padding-top: 0.5em;
			padding-bottom: 0.25em; }
			
		#primary img.left {
			
			float: left;
			
			margin: 5px;
			margin-top: 0px;
			
			}
	
	#secondary { width: 200px; }
	
	#secondary h2 {
	
	font-size: 18px;
	
	letter-spacing: 0.05em;
	
	margin-top: 5px;
	
	text-align: right;
	
	}
	
	#secondary h2 + h2 { margin-top: 3px; }
	
	#secondary h2 span { font-size: 13px; font-weight: normal; }

	#secondary h2 a { color: #fff; }
	
	#news {

		margin-top: 15px;
		
		padding: 10px;

		background-color: #5f77a3;

		}

		#news p { 
			
			font-size: 12px; 
			
			letter-spacing: 0.03em; 
			word-spacing: -0.02em; 
			
			}

		#news h4 {

			padding-top: 20px;

			color: #002385;

			font-size: 13px;

			}
			
			/* HIDE THE NEWS! - Why? */
			
			body#about_php #news { display: none; } 

				
	/* END #news */

#footer {

	padding-left: 70px;
	padding-top: 19px;

	margin-left: 2px;

	text-align: center;

	}
	
	#footer h1,
	#footer h2,
	#footer h3,
	#footer h4,
	#footer h5,
	#footer h6 { 
		
		display: inline; 
		
		padding-top: 7px;
		
		margin-right: 5px;
		
		font-weight: normal;
		font-size: 10px;
		
		color: #fff;
		
		}
		
	#footer a { 
		
		color: #fff; 
		
		font-weight: normal;
		
		}
	
	#footer h2 {
		
		/* L&L IR */
		padding: 24px 0 0 0;
		overflow: hidden;
		background-image: url(../gfx/gfxFooterLogo.png);
		background-repeat: no-repeat;
		height: 0px !important;
		width: 219px;
		height /**/:24px; /* IE 5 Hack Note: Remove spaces in comment block after height. */
		
		}


/* All Good Things Must Come To an End - Not Really True, just... True Right Now.  I just don't like code until the end of the file. */