body			{ 
 			margin: 0px 0px 0px 0px;
 			padding:0px; 
    			background-image: url(pageimages/tile.gif);
			background-position:center; 
			font-size: 11px;
       	 		font-family: tahoma, arial, helvetica;
			color: #202020;
			}

#wrapper		{
			overflow: hidden;
 			width:960px;
 			text-align:left;  
			margin-left:auto; 
 			margin-right:auto;
    			background-image: url(pageimages/wrapper.gif); 
			} 
 
#header			{
 			width:960px;
 			height:200px;
    			background-image: url(pageimages/header.gif);
			}

#menu			{
 			width:834px;
 			height:59px;
    			background-image: url(pageimages/menu.png);
			}

#menutext		{
			text-align: center;
			padding-top: 26px;
			color: #ffffff;
			}

#main			{
			margin-left: 74px;
			margin-right: 74px;
 			width:814px;
			}

#footer			{
			clear: both;
			width: 960px;
 			height:124px;
    			background-image: url(pageimages/footer.gif); 
			}

#footertext		{
			padding-top:65px;
			text-align: center;
			color: #FFEFAF;
			font-family: tahoma, arial, helvetica;
			font-size: 12px;
			text-decoration:none;
         		font-weight: bold;
			}

#columnback		{
 			width:814px;
    			background-image: url(pageimages/columnback.png);
			}
			

#column1		{
			width:264px;
			float:left;
    			background-image: url(pageimages/col1.png); 
			}

#column2		{
			width:286px;
			float:left;
			}

#column3		{
			width:264px;
			float:left;
    			background-image: url(pageimages/col3.png); 
			}

.column1text		{
			width:240px;
			margin-right:24px; 
			}

.column2text		{
			width:240px;
			margin-left:23px; 
 			margin-right:23px;
			}

.column3text		{
			width:240px;
			margin-left:24px; 
			}

#headinggallery		{
			width:264px;
			height:45px;
    			background-image: url(pageimages/headergallery.png); 
			}

#headingeclear		{
			width:264px;
			height:45px;
    			background-image: url(pageimages/headereclear.png); 
			}

#headingproducts	{
			width:264px;
			height:45px;
    			background-image: url(pageimages/headerproducts.png); 
			}

#headingbuilder		{
			width:286px;
			height:45px;
    			background-image: url(pageimages/headerbuilder.png); 
			}

#headinglayout		{
			width:286px;
			height:45px;
    			background-image: url(pageimages/headerlayout.png); 
			}

#headingfaq		{
			width:286px;
			height:45px;
    			background-image: url(pageimages/headerfaq.png); 
			}

#headingservices	{
			width:264px;
			height:45px;
    			background-image: url(pageimages/headerservices.png); 
			}

#headingabout		{
			width:264px;
			height:45px;
    			background-image: url(pageimages/headerabout.png); 
			}

#headingcontact		{
			width:264px;
			height:45px;
    			background-image: url(pageimages/headercontact.png); 
			}

.heading1text		{
			padding-top:10px;
			padding-left:35px; 
			}

.heading2text		{
			padding-top:10px;
			padding-left:58px; 
			}

.heading3text		{
			padding-top:10px;
			padding-left:59px; 
			}

/* top sections */

#toptext		{
			width: 503px;
			float: left;
			}

#toptext2		{
			width: 403px;
			float: left;
			}

#pool-installers	{
			width:814px;
			height:352px;
    			background-image: url(pageimages/backhome.gif); 
			}

#swimming-builders	{
			width: 480px;
			float: left;
			}

#hometext		{
			padding-top:10px;
			padding-left:10px;
			padding-right:10px;
			color: #ffffff;
			}

#pool-builders		{
			width: 334px;
			float: left;
			}


#swimming-pool-layout	{
			width:814px;
			height:340px;
    			background-image: url(pageimages/backlayout.jpg); 
			}

#swimming-pool-designer	{
			width:814px;
			height:340px;
    			background-image: url(pageimages/backdesigner.jpg); 
			}

#swimming-pool-filter	{
			width:814px;
			height:340px;
    			background-image: url(pageimages/backeclear.jpg); 
			}

#poly75			{
			width:814px;
			height:340px;
    			background-image: url(pageimages/back75.jpg); 
			}

#poly125		{
			width:814px;
			height:340px;
    			background-image: url(pageimages/back125.jpg); 
			}

#swimming-pool-services	{
			width:814px;
			height:340px;
    			background-image: url(pageimages/backservices.jpg); 
			}

#contact-details	{
			width:814px;
			height:390px;
    			background-image: url(pageimages/backcontact.jpg); 
			}


.formleft		{
			float: left;
			width: 200px;
			text-align: left;
			}

.formright		{
			float: left;
			width: 604px;
			text-align: left;
			}


#faq			{
			width:814px;
			height:281px;
    			background-image: url(pageimages/backfaq.jpg); 
			}

#about-us		{
			width:814px;
			height:340px;
    			background-image: url(pageimages/backabout.jpg); 
			}

#products		{
			width:814px;
			height:340px;
    			background-image: url(pageimages/backproducts.jpg); 
			}

/* eclear */

#eclear			{
			width:814px;
			height:316px;
			text-align: left;
    			background-image: url(pageimages/backeclear2.jpg);
			}


/* extras */

img			{
			border-style: none;
			}

.center			{
			text-align: center;
			}

.clear			{
			clear: both;
			}

p.mail			{
			display: inline;
			}

form			{
			display: inline;
			}



/* header */

h1   		    	{
			color: #202020;
			font-family: tahoma, arial;
          		font-size: 14px;
         		font-weight: bold;
			display: inline;
			}

h2   		    	{
			color: #ffffff;
			font-family: tahoma, arial;
          		font-size: 14px;
         		font-weight: bold;
			display: inline;
			}

h3 		    	{
			color: #565656;
			font-family: impact, tahoma, arial;
          		font-size: 25px;
         		font-weight: normal;
			}


/* links */

a:link 			{	
			color: #FFEFAF;
			font-family: tahoma, arial, helvetica;
			font-size: 12px;
			text-decoration:none;
         		font-weight: bold;
			}

a:visited		{
			color: #FFEFAF;
			font-family: tahoma, arial, helvetica;
			font-size: 12px;
			text-decoration:none;
         		font-weight: bold;
			}

a:hover 	 	{	
			color: #ffa600;
			font-family: tahoma, arial, helvetica;
			font-size: 12px;
			text-decoration:underline;
         		font-weight: bold;
			}
 
.class1 a:link 		{
			color: #264584;
			font-family: tahoma, arial, helvetica;
			font-size: 11px;
			text-decoration:none;
         		font-weight: bold;
			}

.class1 a:visited	{
			color: #264584;
			font-family: tahoma, arial, helvetica;
			font-size: 11px;
			text-decoration:none;
         		font-weight: bold;
			}

.class1 a:hover 	{	
			color: #264584;
			font-family: tahoma, arial, helvetica;
			font-size: 11px;
			text-decoration:underline;
         		font-weight: bold;
			}

.class9 img 	{ 
		border: 1px solid #FFD9EA; 
		}