* html, p, a, div, span, h1, h2, h3, h4, h5, ul, li
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 82.5%;
	line-height: 1.2em;
	text-align: center;
	background: #ececec;
	border-top: 8px solid black;
}

div#wrapper
{
	width: 960px;
	margin: 0 auto;
	background: white url(http://www.gathadirect.com.au/images/andrew/header.jpg) no-repeat center 4px;
	border-bottom: 8px solid black;
}

div.clear
{
	clear: both;
}

p
{
	margin: 0.5em 0 0.1em 0;
}

h1, h2, h3, h4, h5
{
	
	margin: 0.5em 0 0.1em 0;
	line-height: 1em;
}

hr
{
	width: 95%;
	margin: 10px auto;
}

/* ---------- >> HEADER << ---------- */

div#headerPanel
{
	width: 100%;
}

	div#headerPanel #header
	{
		margin: 0 auto;
		position: relative;
		width: 960px;
		text-align: left;
		height: 208px;
		background: url(http://www.gathadirect.com.au/images/andrew/bgHeader.gif) no-repeat top;
	}

		#header ul
		{
			position: absolute;
			display: inline;
			top: 17px;
			left: 50px;
			width: 93%;
			height: 28px;
			list-style: none;
			text-align: center;
		}

		#header li
		{
			float: left;
			height: 30px;
			text-align: center;
		}

		#header li a:link, #header li a:visited
		{
			display: block;
			padding: 0 20px;
			height: 29px;
			font-weight: bold;
			text-align: center;
			line-height: 2.4em;
			white-space: nowrap;
			color: white;
			background: url(http://www.gathadirect.com.au/images/andrew/navActive.gif) repeat-x bottom;
			border-right: 1px solid black;
		}


	* html #header li a
	{
		width: 1%;
	}

		#header li a.navSelected
		{
			padding: 0 20px;
			/*height: 29px;*/
			background: red;
		}

		#header li a:hover
		{
			display: block;
			padding: 0 20px;
			/*height: 29px;*/
			text-align: center;
			color: yellow;
			line-height: 2.4em;
			background: black;
		}

/* ---------- >> CONTENT << ---------- */

div#contentPanel
{
	position: relative;
	width: 100%;
	text-align: left;
}

	div#contentPanel ul
	{
		list-style: disc;
		margin-left: 20px;
	
	}

	div#contentPanel #content
	{
		margin-left: 40px;
		width: 430px;	
	}
	
	#content h1
	{
		margin: 0;
		margin-bottom: 15px;
		font-size: 1.5em;
		line-height: 1.1em;
	}

* html #content h1 /* IE HACK */
{
	margin-left: 4px;
}

	#content h3, #content h4
	{
		margin: 10px 0 0 0;
		line-height: 1.2em;
		text-align: left;
		color: #99ccff;
	}

	#content h3
	{
		color: black;
	}

	#content p
	{
		margin: 0 auto;
		line-height: 1.5em;
		text-align: left;
	}

	div.featureBox
	{
		float: right;
		margin: 15px 20px;
		padding: 15px;
		width: 270px;
		border: 1px dashed red;
	}

	div.featureBox h3
	{
		margin: 0 0 10px 0;
	}
	
	div.featureBox p
	{
		width: 100%;
	}

/* ---------- >> SIGNATURE << ---------- */

div#signature
{
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
	height: 280px;
}

	#signature h1
	{
		position: absolute;
		top: 0;
		right: 10px;
		width: 350px;
		height: 155px;
		letter-spacing: -9000px;
		text-indent: -9000px;
		background: url(http://www.gathadirect.com.au/images/andrew/signature.gif) no-repeat;
	}
	
	#signature h2
	{
		display: none;
	}
	
	#signature p.email
	{
		position: absolute;
		top: 162px;
		right: 10px;
		width: 488px;
		height: 31px;
		letter-spacing: -9000px;
		text-indent: -9000px;
		background: url(http://www.gathadirect.com.au/images/andrew/email.gif) no-repeat;
	}

	#signature p.phone
	{
		position: absolute;
		top: 200px;
		left: 0;
		width: 100%;
		height: 47px;
		letter-spacing: -9000px;
		text-indent: -9000px;
		margin: 0;
		background: black url(http://www.gathadirect.com.au/images/andrew/phone.gif) no-repeat 615px top;
	}
	
	#signature p.object
	{
		position: absolute;
		top: 250px;
		right: 10px;
		margin: 5px 20px;
		text-align: right;
	}


/* ---------- >> FOOTER << ---------- */

div#footerPanel
{
	width: 100%;
	padding: 40px 0;
	background: url(http://www.gathadirect.com.au/images/andrew/bgVert.gif) repeat-y center;
}

	div#footerPanel p
	{
		margin: 0 auto;
		width: 960px;
	}