/* CSS Document */
/* Colors
	green #458C82
	blue #465E8A
*/

/*============================================================
Global Settings
============================================================*/

body
	{
		background-color:#97c3e0;
		background-position:top;
		background-attachment:scroll;
		font-family: Arial, sans-serif;
		padding:16px;
		margin:0;
		font-size:12px;
	}
	
a
	{
		color:#458C82;
	}
	
a:hover
	{
		color:#CC0000;
	}

#everything
	{
		width:755px;
		margin:0 auto;
		background-image:url(images/green-footer.gif);
		background-position:bottom;
		background-repeat:no-repeat;
	}

#header,
#headerGreen
	{
		width:755px;
		height:116px;
	}

#header h1,
#headerGreen h1
	{
		margin:0;
		padding:0;
	}
	
#header h1 a
	{
		width:755px;
		height:116px;
		display:block;
		text-decoration:none;
		background-image:url(images/freeflow-spas-header.gif);
		background-repeat:no-repeat;
	}
	
#headerGreen h1 a
	{
		width:755px;
		height:116px;
		display:block;
		text-decoration:none;
		background-image:url(images/freeflow-spas-header-green.gif);
		background-repeat:no-repeat;
	}	
	
#header h1 span,
#headerGreen h1 span
	{
		display:none;
	}

/*============================================================
Main Navigation
============================================================*/

#mainNavigation
{
	clear:both;
	font-size:13px;
	font-weight:bold;	

}

#mainNavigation ul
	{
	list-style:none;
	padding:0;
	margin:0;
	}

#mainNavigation ul li
	{
	float:left;
	position:relative;
	text-align:left;
	}

#mainNavigation ul li.SpasNav
	{
	width: 50px;
	}

#mainNavigation ul li.AccessoriesNav
	{
	width: 98px;
	}

#mainNavigation ul li.AboutUsNav
	{
	width: 80px;
	}

#mainNavigation ul li.ContactUsNav
	{
	width: 90px;
	}

#mainNavigation ul li.DealersNav
	{
	width: 68px;
	}

#mainNavigation ul li.DownloadsNav
	{
	width: 85px;
	}

#mainNavigation ul li.FindDealerNav
	{
	width: 110px;
	}

#mainNavigation ul li.HomeNav
	{
	width: 50px;
	}

#mainNavigation ul li.NewsNav
	{
	width: 50px;
	}


#mainNavigation li a:link, 
#mainNavigation li a:visited, 
#mainNavigation li a:active 
	{
	color: #000;
	text-decoration: none;
	padding: 4px 7px 5px;
	margin: 0px;
	display:block;
	}
	
#mainNavigation li a:hover {
	color: #fff;
	text-decoration: none;
	padding: 4px 7px 5px;
	margin: 0px;
	display:block;
	background-color:#458c82;
	}


/*Sub Navigation*/
#mainNavigation li ul 
	{
	float:left;
	display: none;
	position:absolute;
	font-size:12px;
	padding: 0px 0 30px;
	margin: 0px;
	width:140px;
	background-image:url(images/sub-nav-background.gif);
	background-position:bottom;
	}
	
#mainNavigation li ul li
	{
	padding: 0;
	margin:0px;
	width:140px;
	background-image:none;
	border-top:1px solid #99b2cc;
	}
	
#mainNavigation li:hover ul, #mainNavigation li.over ul
	{ 
	display: block; 
	}
	
#mainNavigation li ul a
	{
	padding: 10px;
	margin:0px;
	float:left;
	text-decoration: none;
	display:block;
	width:126px;
	line-height:15px;
	}
	
#mainNavigation li ul a:link, 
#mainNavigation li ul a:visited, 
#mainNavigation li ul a:active 
	{
	color: #465e8a;
	}
	
#mainNavigation li ul a:hover 
	{
	color: #fff;
	background-color:#465e8a;
	}
	
#mainNavigation li ul li.greenBKGD a:hover {
	background-color:#458C82;
	}

/*============================================================
Footer
============================================================*/
#footer
	{
		width:695px;
		height:55px;
		padding: 0px 30px 10px;
		clear:both;
	}
#footer p
	{
		color:#fff;
		font-size:12px;
		text-align:right;
		display:block;
		clear:both;
	}
	
#copyright
	{
		color:#333;
		text-align:center;
		font-size:9px;
		margin-top:10px;
	}