body, html{font-family:Verdana, Arial, Helvetica, Sans-Serif; background:#000;}
a:link {
	color: #006699;
	text-decoration: underline;
}
a:hover {
	color: #3EBAF8;
	text-decoration: none;
}
a:visited {
	color: #006699;
	text-decoration: underline;
}
#nav ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
	#nav li
	{
		display: inline;
		padding: 0;
		margin: 0;
	}
		#nav li a
		{
			display: block;
			float: left;
			height: 27px;
		}
		#nav li span
		{
			display: none;
		}
			#nav .li1 a { background: url(images/btnSheds.gif); width: 54px; }
			#nav .li1 a:hover { background: url(images/btnSheds-over.gif); }
			#nav .li2 a { background: url(images/btnCarports.gif); width: 67px; }
			#nav .li2 a:hover { background: url(images/btnCarports-over.gif); }
			#nav .li3 a { background: url(images/btnGazebos.gif); width: 66px; }
			#nav .li3 a:hover { background: url(images/btnGazebos-over.gif); }
			#nav .li4 a { background: url(images/btnSteelBuildings.gif); width: 104px; }
			#nav .li4 a:hover { background: url(images/btnSteelBuildings-over.gif); }
			#nav .li5 a { background: url(images/btnPlaySystems.gif); width: 70px; }
			#nav .li5 a:hover { background: url(images/btnPlaySystems-over.gif); }
			#nav .li6 a { background: url(images/btnCountryInns.gif); width: 92px; }
			#nav .li6 a:hover { background: url(images/btnCountryInns-over.gif); }

/* coupon styles */

.couponWrap
{
	width: 500px;
	margin: 0 auto;
	text-align: left;
}
.couponWrap img
{
	float: left;
	 _clear: both;
	 _margin-left: -3px;
}
.coupon
{
	width: 456px;
	 _width: 500px;
	background: url(images/couponBg.gif) repeat-x;
	border-left: 2px solid #166c9b;
	border-right: 2px solid #166c9b;
	padding: 0 20px 0 20px;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	font-size: 10pt;
	float: left;
}
	.couponLocation
	{
		width: 307px;
		margin-left: 20px;
		margin-bottom: 10px;
		float: left;
	}
	.couponTitle
	{
		clear: both;
		float: left;
		width: 416px;
		 _width: 456px;
		font-size: 16pt;
		font-weight: bold;
		font-style: italic;
		text-align: center;
		margin-bottom: 10px;
	}
	.couponLocDetails
	{
		clear: both;
		float: left;
		 _width: 456px;
		 margin-bottom: 10px;
	}
	.couponHeader
	{
		width: 416px;
		 _width: 456px;
		background-color: #166c9b;
		padding: 0 20px 0 20px;
		color: #FFFFFF;
		float: left;
	}
	.couponBullets
	{
		width: 263px;
		 _width: 287px;
		background-color: #FFFFFF;
		border-left: 2px solid #166c9b;
		border-right: 2px solid #166c9b;
		padding: 0 10px 0 10px;
		float: left;
		position: relative;
	}
	.couponImage
	{
		border: 2px solid #166c9b;
		float: right;
	}
	.couponBottom
	{
		width: 456px;
		 _width: 456px;
		float: left;
		text-align: center;
	}
	
	
.snazzle
{
	display:none;
}


/* sheet additions (07/2009) - mps */
ul li{font-size:13px; line-height:18px;}
/* new navigation */
#ss_nav{}
#ss_nav a.why{background:url('Images/ss_nav.gif') repeat 0px 0px; width: 134px; height: 18px; display: block;}
#ss_nav a.why span {display: none; }
#ss_nav a.why:hover {background: url('Images/ss_nav.gif') repeat -144px 0px; }  
#ss_nav a.company{background:url('Images/ss_nav.gif') repeat 0px -18px; width: 134px; height: 18px; display: block;}
#ss_nav a.company span {display: none; }
#ss_nav a.company:hover {background: url('Images/ss_nav.gif') repeat -144px -18px; }  
#ss_nav a.evolution{background:url('Images/ss_nav.gif') repeat 0px -36px; width: 134px; height: 18px; display: block;}
#ss_nav a.evolution span {display: none; }
#ss_nav a.evolution:hover {background: url('Images/ss_nav.gif') repeat -144px -36px; }  
#ss_nav a.sheds{background:url('Images/ss_nav.gif') repeat 0px -54px; width: 134px; height: 18px; display: block;}
#ss_nav a.sheds span {display: none; }
#ss_nav a.sheds:hover {background: url('Images/ss_nav.gif') repeat -144px -54px; }  
#ss_nav a.steel{background:url('Images/ss_nav.gif') repeat 0px -72px; width: 134px; height: 18px; display: block;}
#ss_nav a.steel span {display: none; }
#ss_nav a.steel:hover {background: url('Images/ss_nav.gif') repeat -144px -72px; }  
#ss_nav a.garages{background:url('Images/ss_nav.gif') repeat 0px -90px; width: 134px; height: 18px; display: block;}
#ss_nav a.garages span {display: none; }
#ss_nav a.garages:hover {background: url('Images/ss_nav.gif') repeat -144px -90px; }  
#ss_nav a.carports{background:url('Images/ss_nav.gif') repeat 0px -108px; width: 134px; height: 18px; display: block;}
#ss_nav a.carports span {display: none; }
#ss_nav a.carports:hover {background: url('Images/ss_nav.gif') repeat -144px -108px; }  
#ss_nav a.gazebos{background:url('Images/ss_nav.gif') repeat 0px -126px; width: 134px; height: 18px; display: block;}
#ss_nav a.gazebos span {display: none; }
#ss_nav a.gazebos:hover {background: url('Images/ss_nav.gif') repeat -144px -126px; }  
#ss_nav a.advantages{background:url('Images/ss_nav.gif') repeat 0px -144px; width: 134px; height: 18px; display: block;}
#ss_nav a.advantages span {display: none; }
#ss_nav a.advantages:hover {background: url('Images/ss_nav.gif') repeat -144px -144px; }  
#ss_nav a.payment{background:url('Images/ss_nav.gif') repeat 0px -162px; width: 134px; height: 18px; display: block;}
#ss_nav a.payment span {display: none; }
#ss_nav a.payment:hover {background: url('Images/ss_nav.gif') repeat -144px -162px; }  
#ss_nav a.dealer{background:url('Images/ss_nav.gif') repeat 0px -180px; width: 134px; height: 18px; display: block;}
#ss_nav a.dealer span {display: none; }
#ss_nav a.dealer:hover {background: url('Images/ss_nav.gif') repeat -144px -180px; }  
#ss_nav a.locations{background:url('Images/ss_nav.gif') repeat 0px -198px; width: 134px; height: 18px; display: block;}
#ss_nav a.locations span {display: none; }
#ss_nav a.locations:hover {background: url('Images/ss_nav.gif') repeat -144px -198px; }  
#ss_nav a.delivery{background:url('Images/ss_nav.gif') repeat 0px -216px; width: 134px; height: 18px; display: block;}
#ss_nav a.delivery span {display: none; }
#ss_nav a.delivery:hover {background: url('Images/ss_nav.gif') repeat -144px -216px; }  
#ss_nav a.contact{background:url('Images/ss_nav.gif') repeat 0px -234px; width: 134px; height: 18px; display: block;}
#ss_nav a.contact span {display: none; }
#ss_nav a.contact:hover {background: url('Images/ss_nav.gif') repeat -144px -234px; }  
#ss_nav a.home{background:url('Images/ss_nav.gif') repeat 0px -252px; width: 134px; height: 18px; display: block;}
#ss_nav a.home span {display: none; }
#ss_nav a.home:hover {background: url('Images/ss_nav.gif') repeat -144px -252px; }  

.slideNav{}
.slideNav a.sheds{background:url('Images/navSlideshow.gif') repeat 0px 0px; width: 83px; height: 25px; float:left; }
.slideNav a.sheds span {display: none; }
.slideNav a.sheds:hover {background: url('Images/navSlideshow.gif') repeat 0px -36px; }  
.slideNav a.steel{background:url('Images/navSlideshow.gif') repeat -81px 0px; width: 117px; height: 25px; float:left;}
.slideNav a.steel span {display: none; }
.slideNav a.steel:hover {background: url('Images/navSlideshow.gif') repeat -81px -36px; }  
.slideNav a.garages{background:url('Images/navSlideshow.gif') repeat -197px 0px; width: 78px; height: 25px; float:left; }
.slideNav a.garages span {display: none; }
.slideNav a.garages:hover {background: url('Images/navSlideshow.gif') repeat -197px -36px; }  
.slideNav a.carports{background:url('Images/navSlideshow.gif') repeat -278px 0px; width: 81px; height: 25px; float:left;}
.slideNav a.carports span {display: none; }
.slideNav a.carports:hover {background: url('Images/navSlideshow.gif') repeat -278px -36px; }  
.slideNav a.gazebos{background:url('Images/navSlideshow.gif') repeat -359px 0px; width: 90px; height: 25px; float:left; }
.slideNav a.gazebos span {display: none; }
.slideNav a.gazebos:hover {background: url('Images/navSlideshow.gif') repeat -359px -36px; }  
