html,body 
	{ 
		height: 100%; 
	} 
	
	* {
		margin: 0;
		padding: 0;
	}
	
	.alt
	{
		text-indent: -999px;
	}
	
	a
	{
		color: #989898;
		text-decoration: none;
	}
	
	body {
		margin: 0;
		padding: 0;
		font-family: verdana, Arial, tahoma;
		font-size: x-small;
	}
	
	#pageOuter {
		margin-left: auto;
		margin-right: auto;
		width: 770px;
		min-height:400px;
		margin-top: 20px;
	}

	* html #pageOuter 
	{
		height:400px;
		text-align: center;
	}
	
	#pageOuter #footerBit
	{
		text-align: left;
		padding-left: 75px;
		padding-top: 20px;
		color: #989898;
	}
	
	#pageOuter #pageInner 
	{
		border: 1px solid #989898;
	}
	
	* html #pageOuter #pageInner 
	{
		text-align: left;
	}
	
	#contactBar
	{
		border-left: 1px solid #989898;
		border-right: 1px solid #989898;
		border-bottom: 1px solid #989898;
		height: 1.7em;
	}
	
	#contactBar dl
	{
		height: 1.7em;
		padding-left: 75px;
	}
	
	#contactBar dl dd
	{
		float: left;
		padding-right: 50px;
		padding-top: 2px;
	}
	
	#contactBar dl dd #telNumber
	{

	}
	
	#contactBar dl dd #emailAddress
	{
		
	}

	#pageOuter #pageInner #content
	{
		min-height: 368px;
		padding-left: 75px;
	}
	
	* html #pageOuter #pageInner #content
	{
		height: 368px;
	}
	
	#pageOuter #pageInner #content #contentText
	{
		width: 435px;
	}
	
	#pageOuter #pageInner #content h1
	{
		color: #989898;
		font-size: 1.5em;
		font-weight: normal;
		padding-top: 20px;
		padding-bottom: 1em;
	}
	
	.home #pageOuter #pageInner #content h1
	{
		color: #989898;
		font-size: 2.5em;
		font-weight: normal;
		padding-top: 120px;
	}
	
	#pageOuter #pageInner #content h2
	{
		color: #989898;
		font-size: 1.2em;
		font-weight: bold;
		padding-top: 5px;
		padding-bottom: 5px;
	}	
	
	#pageOuter #pageInner #content p
	{
		padding-bottom: 1em;
	}
	
	#pageOuter #pageInner #content ul
	{
	}
	
	#pageOuter #pageInner #content ul li
	{
		list-style: none;
		background-repeat: no-repeat;
		background-position: 0 .4em;
		padding-left: .7em;				
		padding-bottom: 5px;
		background-image: url(res/img/bullets/blue.gif);
	}
	
	#pageOuter #pageInner #topImage
	{
		float: right;
	}
	
	#pageOuter #pageInner #mainNavigation
	{
		padding-left: 75px;
		background-color: #FEBC32;
		height: 32px;
	}
	
	#pageOuter #pageInner #mainNavigation dl
	{
		height: 32px;
	}
	
	#pageOuter #pageInner #mainNavigation dl dd
	{
		float: left;
		padding-right: 25px;
		color: White;
		padding-top: 5px;
		font-weight: normal;
		font-size: 1.2em;
	}
	
	#pageOuter #pageInner #mainNavigation dl dd a
	{
		text-decoration: none;
		color: White;
		padding-top: 5px;
		font-weight: normal;
		font-size: 1.2em;
	}
	
	#pageOuter #pageInner #mainNavigation dl dd a.activeLink
	{
		color: #5881C1;
	}
	
	
	
/*
        <div id="content">
          <img src="/res/img/pageImages/home.gif">
          <div id="mainContent">
            <div id="contentText">
              <h1>Sherbet solutions intro text</h1>
            </div>
          </div>
          <div id="mainNavigation">
            <dl>
              <dd>who we are</dd>
*/