* {
	margin: 0;
	padding: 0;
}
body {
	background: #65303f url(../../images/purityBall/background.gif) repeat-x left top;
}
#container {
	position: relative;
	display: block;
	width: 744px;
	margin-left: auto;
	margin-right: auto;
	background: #fff url(../../images/purityBall/containerBackground.gif) repeat-y left top;
	z-index: 1;
}

#purityBallLogo {
	position:absolute;
	left: 216px;
	top:41px;
	width:254px;
	height:122px;
	background: url(../../images/purityBall/purityBallLogo.gif);
	z-index: 20;
}
#layoutNW {
	position:absolute;
	left:-23px;
	top:76px;
	width:239px;
	height:106px;
	background: url(../../images/purityBall/layoutNW.gif) no-repeat left top;
	z-index: 20;
}
#layoutNNW {
	position:absolute;
	left: 216px;
	top:163px;
	width:116px;
	height:19px;
	background: url(../../images/purityBall/layoutNNW.gif) no-repeat left top;
	z-index: 20;
}
#layoutW {
	position:absolute;
	left: -99px;
	top:182px;
	width:128px;
	height: 328px;
	background: url(../../images/purityBall/layoutW.jpg) no-repeat left top;
	z-index: 20;
}
#layoutNE {
	position:absolute;
	left: 470px;
	top:41px;
	width:230px;
	height:122px;
	background: url(../../images/purityBall/layoutNE.gif) no-repeat left top;
	z-index: 20;
}
#layoutENE {
	position:absolute;
	left: 707px;
	top:163px;
	width:6px;
	height:22px;
	background: url(../../images/purityBall/layoutENE.gif) no-repeat left top;
	z-index: 22;
}
#layoutE {
	position:absolute;
	left: 713px;
	top:163px;
	width:112px;
	height: 347px;
	background: url(../../images/purityBall/layoutE.jpg) no-repeat left top;
	z-index: 20;
}



#nav {
	position: absolute;
	left: 296px;
	top:163px;
	width: 413px;
	height:31px;
	background: url(../../images/purityBall/navC.gif) repeat-x left top;
	z-index: 20;
}
	#navW {
		position:absolute;
		left: 0px;
		top: 0px;
		width:8px;
		height:31px;
		background: url(../../images/purityBall/navW.gif) no-repeat left top;
	}
	
	#navOver {
		position:absolute;
		left:559px;
		top:163px;
		width:4px;
		height:31px;
	}
	#navE {
		position:absolute;
		left: 400px;
		top: 0px;
		width:14px;
		height:31px;
		background: url(../../images/purityBall/navE.gif) no-repeat left top;
	}
	#navBar {
		font: bold 11px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
		color: #fff;
		text-align: left;
		margin-left: 10px;
	}
	#navBar ul {
		position: relative;
		display: block;
		padding: 0 0 0 8px;
		list-style: none;
		z-index: 2;
	}
	#navBar li {
		position: relative;
		display: inline;
		float: left;
	}
	#navBar a {
		position: relative;
		display: block;
		text-decoration: none;
		color: #fff;
		height: 21px;
		padding: 5px 6px 0;
	}
	#navBar .current a {
		background: #fff url(../../images/purityBall/navCurrent.gif) repeat-x left top;
		color: #65303f;
	}
	#navBar .current a:hover {
		background: #fff url(../../images/purityBall/navCurrent.gif) repeat-x left top;
		color: #65303f;
	}
	#navBar a:hover {
		background: url(../../images/purityBall/navHover.gif) repeat-x left top;
		color: #fff;
	}


#header {
	position: relative;
	display: block;
	height: 182px;
	background: url(../../images/purityBall/background.gif) repeat left top;
	z-index: 10;
}

#content {
	position: relative;;
	display: block;
	margin: 0 34px;
	padding: 20px 0;
	background: #fff;
	z-index: 10;
	min-height: 400px;
}


#footer {
	position: relative;
	display: block;
	height: 48px;
	background: url(../../images/purityBall/footerN.gif) repeat-x left top;
}
	#footerW {
		position:absolute;
		left: 0px;
		top: 0px;
		width: 50px;
		height: 50px;
		background: url(../../images/purityBall/footerW.gif) no-repeat left top;
	}
	#footerE {
		position:absolute;
		left: 694px;
		top: 0px;
		width: 50px;
		height: 50px;
		background: url(../../images/purityBall/footerE.gif) no-repeat left top;
	}

#siteBy {
	position: relative;
	display: block;
	width: 744px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}
	#siteBy p {
		font: bold 11px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
		color: #f9d5d1;
		text-align: center;
	}
	#siteBy a:link, #siteBy a:visited {
		color: #fff;
	}
	#siteBy a:hover, #siteBy a:active {
		color: #f00;
	}
.hide {
	display: none;
}
