/* Default items on all pages
--------------------------------*/
body 		{
			text-align: center;
			margin-top: 0px;
			margin-left: 0px;
			padding: 0px;
			background:url(img/bg.jpg);
			}
			

			

			
#shopContent,#whoContent,#content{
			text-align:left;
			Position: absolute;
			left: 230px; 
			width: 530px;
			height: 500px;
			margin-top: 0px;
			}
			
#shopContent{
			background:url(img/shop_graphic.jpg) no-repeat;
			}

#whoContent{
			background:url(img/who_graphic.jpg) no-repeat;
			}

#newCloud	{
			text-align:left;
			Position: absolute;
			left: 0px;
			top: 300px;
			width: 150px;
			height: 70px;
			}

#whoCloud	{
			text-align:left;
			Position: absolute;
			left: 50px;
			top: 360px;
			width: 150px;
			height: 70px;
			}


#contactBut, #homeBut{
			outline: none;
			Position: absolute;
			top: 0px;
			width: 105px;
			height: 30px;
			Padding: 0px; 
			font: bold 12px arial, sans-serif;
			text-decoration: none;
			}
			
#contactBut	{
			left:0;
			}
			
#homeBut	{
			left:110;
			}			
#pagecontainer {
			Position: relative;
			width: 760px;
			height: 500px;
			margin-left: auto;
			top: 90px;
			margin-right: auto;
			padding: 0px;
			 
			}

#whotype {
			text-align:left;
			Position: relative;
			top: 90px;
			left: 265px; 
			width: 220px;
			height: 500px;
			margin-top: 0px;
			  
			}			
			
#navigation	{	
			Position: absolute;
			top: 0px;
			left: 0px;
			width: 215px;
			height: 285px;
			Padding: 0px 0px 20px 0px;
			 
			}	
			
#subnav		{			
			Position: absolute;
			top: 435px;
			left: 0px;
			width: 215px;
			height: 30px;
			Padding: 0px 0px 0px 0px;
			 
			}
			
p			{
			font: 12px georgia, serif;
			padding: 0px 0px 0px 10px;
			font-weight: normal;
			text-align: left;
			text-align: top;
			line-height:120%;
			margin-top:0px;
			margin-bottom:0px;
			color: #666;
			}


h1			{
			font: 18px georgia, serif;
			padding: 0px 0px 0px 10px;
			font-weight: bold;
			text-align: left;
			text-align: top;
			margin-top:0px;
			margin-bottom:0px;
			line-height:130%;
			color: #39c;
			}		
			
h2			{
			font: 5px georgia, serif;
			padding: 0px 0px 0px 10px;
			font-weight: bold;
			text-align: left;
			text-align: top;
			margin-top:0px;
			margin-bottom:0px;
			line-height:130%;
			color: #fff;
			}				
			
			
li 			{
			font: 10px arial, sans-serif;
			list-style-type: none;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			line-height: 110%;
			}

ul {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	}
			
			
/* navigation items
--------------------------------*/

a.contact, a.home{
			outline: none;
			list-style: none;
			Padding: 0px 0px 0px 0px;
			display: block;
			width: 105px;
			height: 30px;
			text-indent: -9999px
			}

a.contact {
			background: url(img/contactBut.jpg) no-repeat;
			}
a.contact:link, a.contact:visited {
			background:url(img/contactBut.jpg) no-repeat;
			}

a.contact:hover, a.contact:active {
			background-position: -150px -00px;
			}	
a.home{
			background: url(img/homeBut.jpg) no-repeat;
			
			}
a.home:link, a.home:visited {
			background:url(img/homeBut.jpg) no-repeat;
			}

a.home:hover, a.home:active {
			background-position: -150px -00px;
			}	
			
a.who,a.new,a.shop{
			outline: none;
			list-style: none;
			Padding: 0px 0px 0px 0px;
			display: block;
			width: 215px;
			height: 85px;
			background: url(img/nav.jpg) no-repeat;
			text-indent: -9999px;
			}
			
a.who:link, a.who:visited {
			background:url(img/nav.jpg) no-repeat;
			}

a.who:hover, a.who:active {
			background-position: -215px -00px;
			}	
			
a.new:link, a.new:visited {
			margin-top:15px;
			background:url(img/nav.jpg) no-repeat;
			background-position: 0px -85px;
			}

a.new:hover, a.new:active {
			margin-top:15px;
			background-position: -215px -85px;
			}	
			
a.shop:link, a.shop:visited {
			margin-top:15px;
			background:url(img/nav.jpg) no-repeat;
			background-position: 0px -170px;
			}

a.shop:hover, a.shop:active {
			margin-top:15px;
			background-position: -215px -170px;
			}