body { font-size: 0.8em; font-family: arial, helvetica, geneva; background-color: #7C9FB1; text-align: center; }

/*<agl.folder "Structure">*/

	#container { text-align: left; width: 750px; margin-right: auto; margin-left: auto; }

	#header {

	background-image: url(../images/header-pool-guard.gif);

	width: 750px;

	height: 103px;

	float: left;

	clear: both;

	background-repeat: no-repeat;

	white-space: nowrap;

	overflow: hidden;

	background-position: top;

}

	#wrapper { background-image: url(../images/wrapperBG.gif); width: 750px; }

	#nav { text-align: center; width: 150px; float: left; }

	#column_left { text-align: left; width: 150px; float: left; }

	#main-content {

	width: 580px;

	float: left;

	padding-right: 10px;

	padding-left: 10px;

	background-color: #FFFFFF;

}

	#footer { background-color: #fff; background-image: url(../images/footerBG.jpg); width: 750px; height: 150px; float: left; clear: both; margin: 0; padding: 0; display: block; }

/*</agl.folder>*/

/*<agl.folder "Standard Selectors">*/

	p { }

	td { }

	a, a:link, a:visited {

	color: #00349a;

	text-decoration: none;

}

	a:hover { text-decoration: underline; }

	a:active { color: #69c; text-decoration: underline; }

	a.nav2, a.nav2:link, a.nav2:visited {

	color: #0066FF;

	text-decoration: none;

}

	a.nav2:hover { text-decoration: underline; }

	a.nav2:active { color: #69c; text-decoration: underline; }

		a.nav3, a.nav3:link, a.nav3:visited {	color: #0066FF;	text-decoration: none;	font-family: "Times New Roman", Times, serif;

	font-size: 11px;}

	a.nav3:hover {	color: #000066;	text-decoration: underline;	font-family: "Times New Roman", Times, serif;

	font-size: 11px;}

	a.nav3:active {	color: #0066FF;	text-decoration: none;	font-family: "Times New Roman", Times, serif;

	font-size: 11px;}

	
	h1 { color: #015376; font-size: 28px; font-family: "Times New Roman", Times, serif; text-align:center; margin-top:5px; }

	h2 { color: #015376; font-size: 22px; font-family: "Times New Roman", Times, serif; text-align:center; margin-top:20px; }

	h3 { color: #015376; font-size: 19px; font-family: "Times New Roman", Times, serif; }

	h4 { color: #015376; font-size: 1.1em; margin-bottom: 0; }

	h5 { color: #015376; font-size: 1.1em; margin-bottom: 0; }
	


/*</agl.folder>*/

/*<agl.folder "header">*/

	#header h1 { text-align: right; margin: 10px 10px 0 0; }

	#header h2 { text-align: right; margin: 0 10px 0 0; }

/*</agl.folder>*/

/*<agl.folder "nav">*/

	#nav * { margin: 0; padding: 0; list-style-type: none; display: inline; }

	#nav ul { text-align: left; float: left; margin-top: 10px; }

	#nav li a { color: #00349a; font-weight: bold; text-decoration: none; letter-spacing: -1px; vertical-align: bottom; width: 130px; margin: 0; padding: 3px 10px; border-bottom: 1px solid #69c; display: block; }

	#nav li a:hover { color: white; background-color: #69c; }

	#nav li ul { background-color: #b8dafd; position: absolute; left: -999em; width: auto; height: auto; z-index: 20; float: left; clear: both; margin-top: -10em; margin-bottom: 0; margin-left: 150px; border-top: 1px solid #4085cb; border-right: 1px solid #4085cb; border-bottom-style: none; border-left-style: none; display: block; }

	nav li ul li { width: 200px; margin-top: 0   ; }

	#nav li li a { width: 200px; }

	#nav li ul a:hover { color: #fff; background-color: #4085cb; background-image: none; background-position: 0 0; text-decoration: none; z-index: 20  ; }

	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { z-index: 20; left: auto ; width: auto; float: left; }

	#nav .hide { display: none; }

	#nav .accent { background-image: url(../images/nav-accent.gif); background-repeat: repeat-y; }

/*</agl.folder>*/

/*<agl.folder "main-content">*/

	.float-right { text-align: center; width: 250px; float: right; margin-left: 5px; }

	.float-right p { text-align: left; }

	.float-right img { text-align: center; }

	.fifty-percent { width: 280px; float: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0; padding-right: 5px; padding-left: 5px; display: block; }

	.swatches { text-align: center; }

	.swatches img { margin: 10px 25px; }

	.bordered { border: solid 1px #039; }

	blockquote { font-weight: bold; font-style: italic; margin-bottom: 10px; padding-right: 15px; padding-left: 15px; border: solid 1px #daecfd; }

	blockquote img { margin: 2px; }

	blockquote .cred { font-weight: normal; font-style: normal; margin-top: -15px; margin-left: 50px; }

	blockquote .normal { font-weight: normal; font-style: normal; }

	.spaced-list li { margin-bottom: 10px; }

	#articles-list li { margin-bottom: 10px; list-style-image: url(../images/articles-bullet.gif); }

	.more-articles { background-image: url(../images/articles-bullet.gif); background-repeat: no-repeat; background-position: right 0; width: 215px; float: right; padding-right: 18px; }

	.centered { text-align: center; }

/*</agl.folder>*/

/*<agl.folder "Distributor Styles">*/

	.distributor-list * { margin: 0; padding: 0; list-style-type: none; }

	.distributor-list li { float: left; margin-right: 5px; margin-left: 5px; }

	.distributor-divs div { margin-bottom: 10px; border: solid 1px #9cf; }

	.distributor-divs h1 { color: white; background-color: #9cf; margin: 0 0 5px; padding: 2px 2px 2px 25px; }

	.distributor-divs ul { list-style-type: none; }

	.distributor-divs li { font-weight: bold; margin-top: 10px; }

	.distributor-divs ul ul {  }

	.distributor-divs li li { font-weight: normal; margin-top: 0; border-style: none; }

	#florida { background-image: url(../images/state-florida.jpg); background-repeat: no-repeat; background-position: right 30px; }

	#panhandle { background-image: url(../images/state-florida.jpg); background-repeat: no-repeat; background-position: right 30px; }

	#texas { background-image: url(../images/state-texas.jpg); background-repeat: no-repeat; background-position: right 30px; }

#ohio { background-image: url(../images/state-ohio.jpg); background-repeat: no-repeat; background-position: right 30px; }



	#arizona { background-image: url(../images/state-arizona.jpg); background-repeat: no-repeat; background-position: right 30px; }

	#nevada { background-image: url(../images/state-nevada.jpg); background-repeat: no-repeat; background-position: right 30px; }

	#california { background-image: url(../images/state-california.jpg); background-repeat: no-repeat; background-position: right 30px; }

	#puerto-rico { background-image: url(../images/state-puerto-rico.jpg); background-repeat: no-repeat; background-position: right 30px; }

	#corp { background-image: url(../images/state-corp.jpg); background-repeat: no-repeat; background-position: right 30px; }

/*</agl.folder>*/

/*<agl.folder "footer">*/

	#footer * { text-align: center; margin: 0; padding: 0; list-style-type: none; }

	#footer ul { width: 670px; clear: both; margin-top: 15px; margin-right: auto; margin-left: auto; }

	#footer li { float: left; margin: 2px; padding: 1px; display: block; }

	#footer .left { color: #00349a; font-size: 0.8em; width: 275px; float: left; margin-top: 40px; display: block; }

	#footer .right { color: #00349a; font-size: 0.8em; width: 275px; float: right; margin-top: 40px; display: block; }
	#subfooterLeft {margin:20px 0  0 30px; color: #00349a; font-size: 11px; width: 275px; display: none; }
	#subfooterRight {color: #00349a; font-size: 11px; width: 275px; float: right;  display: block; margin-top:35px; }

/*</agl.folder>*/

a#contactus-hover {
		margin-top:14px;
		margin-left:470px;
		width:270px;
		height:35px;
		overflow:hidden;
		position:absolute;
		background:transparent;
}

a#locator-hover {
		margin-top:55px;
		margin-left:470px;
		width:270px;
		height:20px;
		overflow:hidden;
		position:absolute;
		background:transparent;
}

/*<agl.folder "app-form">*/

	#app-form * { list-style-type: none; }

	#app-form { text-align: center; }

	#app-form em { font-size: 0.9em; }

	#app-form ul { width: 450px; margin-right: auto; margin-left: auto; }

	#app-form li { text-align: left; margin-bottom: 6px; padding: 5px; border: solid 1px #039; }

	#app-form li:hover { background-color: #9cf; }

	#app-form li li { width: 300px; margin-bottom: 0; border-width: 0; }

	#app-form label { font-weight: bold; width: 380px; margin: 0; }

	#app-form ul ul label { font-weight: normal; width: 280px; margin: 0 0 -15px; display: block; }

	#app-form .alt01 { background-color: #d6ebff; }

	#app-form .alt02 { background-color: #fff; }

/*</agl.folder>*/

/*<agl.folder "colors">*/

	#colors { margin-left: 50px; }

	#colors ul { text-indent: 0; width: 480px; height: 250px; margin: 10px 0; padding: 0; border: solid 1px #9cf; list-style-type: none; list-style-image: none; }

	#colors li { font-weight: bold; text-align: center; width: 160px; float: left; margin: 0; list-style-type: none; list-style-image: none; padding: 100px 0 0; display: block; }

	#colors li.blue { background-image: url(../images/fence-blue.jpg); background-repeat: no-repeat; background-position: center; }

	#colors li.black { background-image: url(../images/fence-black.jpg); background-repeat: no-repeat; background-position: center; }

	#colors li.bronze { background-image: url(../images/fence-bronze.jpg); background-repeat: no-repeat; background-position: center; }

	#colors li.green { background-image: url(../images/fence-green.jpg); background-repeat: no-repeat; background-position: center; }

	#colors li.white { background-image: url(../images/fence-white.jpg); background-repeat: no-repeat; background-position: center; }

	#colors li.beige { background-image: url(../images/fence-beige.jpg); background-repeat: no-repeat; background-position: center; }

/*</agl.folder>*/

/*<agl.folder "features">*/

	#features { }

	#features ul { text-indent: 0; margin: 0; padding: 0; list-style-type: none; }

	#features li { text-indent: 0; margin-top: 12px; padding-bottom: 15px; padding-left: 65px; }

	#features li.mesh { background-image: url(../images/product-mesh.jpg); background-repeat: no-repeat; background-position: 0 2px; }

	#features li.poles { background-image: url(../images/product-poles.jpg); background-repeat: no-repeat; background-position: 0 2px; }

	#features li.sleeves { background-image: url(../images/product-sleeves.jpg); background-repeat: no-repeat; background-position: 0 2px; }

	#features li.caps { background-image: url(../images/product-caps.jpg); background-repeat: no-repeat; background-position: 0 2px; }

	#features li.latches { background-image: url(../images/product-latches.jpg); background-repeat: no-repeat; background-position: 0 2px; }

/*</agl.folder>*/

/*<agl.folder "Fixes">*/

	/* layout classes */

	.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

	/* Hides from IE-mac \*/

	* html .clearfix {height: 1%;}

	/* End hide from IE-mac */

	.clear {

	clear: both;

}

/*</agl.folder>*/