/* CSS Document Build for SITE*/
/*______________________________________Globals*/
body{
	background:url(../images/body-bg.jpg) fixed;
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	
}


a{ 	
	color:#369;

}
a div{
	border:none;
}	
a img{
	border:0;
}


.subnav a:hover{
	background-color: #ffffcc;
	color: #cc0000;

}

 /* img{	border:1px solid #aaa;	padding:2px;margin:5px;} */
h3{text-decoration:underline;font-size:16px;margin-top:20px;}
h2{line-height:26px;}
/*_______________________________________________Content*/
#page{
	width:980px;
	margin:10px auto 0px;
	padding:5px;
	
	}
	#specials{
		float:right;
		width:140px;
		overflow:hidden;
	}

	#lPanel{
		
		width:200px;
		height:450px;
		float:left;
		margin-right:10px;
		
	}
	#nav{
		width:195px;
		margin:2px;
		margin-top:20px;
	}
		#nav a{
			font:12px Verdana, Arial, Helvetica, sans-serif;
			color:#fff;
			font-weight:bold;
			display:block;
			text-align:right;
			text-decoration:none;
			margin-right:6px;
			margin-left:2px;
			line-height:15px;
			border-bottom:1px solid #539ab3;
			
		}
		#nav a:hover{
			color:#081e35;
		}
	#navcontent{
		position:relative;
		z-index:10;
		margin-top:-305px;
		width:188px;
		margin-left:5px;
		
	}
	#nav img{
		border:0;
		padding:0;
		margin:0;
	}
	#flash{
		width:607px;
		height:280px;
		overflow:hidden;
		float:left;
		margin-top:80px;
		margin-bottom:5px;
		border:0;
		

	}
	#flashIE{
		margin-top:80px;
		height:280px;
		width:609px;
		position:relative;
		z-index:500;
		
	}
	#flashcontent{
		border:0;
		width:198px;
		position:relative;
		z-index:1;
		
	}
	
	#banner{
		width:680px;
		height:160px;
		float:left;
		margin:0px 0px 15px 30px;
		color:#fff;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:35px;
	}
		#banner img{
			border:0;
			margin:0;
			padding:0;
		}
	
	#content{
		width:607px;
		float:left;
		color:#081e35;
		font:12px Verdana, Arial, Helvetica, sans-serif;
		line-height:14px;
		
	}
	.label{
		font-weight:bold;
		font-size:14px;
		margin-top:20px;
	}
		#wrapper{
			width:610px;
			padding:5px;
			background-image:url(../images/fade.png);
			background-repeat:repeat-y;
		}
		#interior{
			width:600px;
			border:10px solid #11304f;
			color:#11304f;
			font:12px Verdana, Arial, Helvetica, sans-serif;
			padding:20px;
			background:#fff;
			margin-left:40px;
		}
		#interiorHeader{
			font-weight:bold;
			font-size:18px;
		}
			
			
			/*------------------------------------------------------------------------------*/
			.productItem{
				font-size:11px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				margin:10px 0px 30px;
				border-bottom:1px solid #ccc;
			}
			
			.productL{
				text-align:left;
				font-weight:bold;
							
			}
			.prodRow{
				width:280px;
				height:12px;
				border:0px;
				padding:3px;
				

			}
			.productN{
				text-align:left;
				float:left;
			
			}
			.productS{
				text-align:right;
				float:right;
			
			}
			.productItem img{
				
				border:1px solid #aaa;
				padding:2px;
				float:right;
				margin:5px;
			}
			/*------------------------------------------------------------------------------*/
			.bball{
				width:520px;
				border:1px solid #aaa;  
				padding:5px;
				margin:20px 0px;
			}
			.bball label{
				color:#369;
				font-weight:bold;
				font-size:24px;
				margin:5px 0px 5px;
			}
			.bballImg{
				width:162px;
			/*  height:259px;  */
			/*	border:1px solid #000; */
				float:left;
			}
				.bballImg img{
					margin-top:5px;
				}
			.bballText{
				text-align:left;
				width:340px;
			/*	border:1px solid #f00; */
				float:left;
				margin:30px 0px 0px 5px;
			}
			.sectionLabel{
			color:#369;
			font-weight:bold;
			font-size:24px;
			margin:25px 0px 5px;
			}
			
/*---TRAMPOLINE SPECS-------------------------------------------------*/			
.tablespec{
	color:#000; 
	text-align:left;
	width:550px;
	margin-bottom:20px;
	}
.rowblue{
	background:#3cf;
	font-weight:bold;
	padding-left:3px;
	} /*TITLE ROW*/

.rowwhite{
	background:#fff;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:2px 0px;
	}
.rowgray{
	background:#ccc;
	padding-left:1px;
	
	}
.specfeature{
	padding-left:3px;
	font-weight:bold;
	width:23%;
	float:left;
	}
.specfeature2{
	padding-left:3px;
	font-weight:bold;
	width:30%;
	float:left;
	}
.specfunction{
	padding-left:3px;
	width:23%;
	min-height:30px;
	border-left:1px solid #999;
	float:left;
	}
.specfunction2{
	padding-left:3px;
	width:45%;
	border-left:1px solid #999;
	float:left;
	}
.specfunction3{
	padding-left:3px;
	width:30%;
	min-height:300px;
	border-right:1px solid #999;
	float:left;
	}	
	.specfunction3 p{
		margin:5px;
		
	}
	.specfunction3 img{
		display:block;
		clear:left;
		border:1px solid #aaa;
		padding:2px;
		margin:2px;
	}	
	/*------------------------------------------------------------------------------*/			
		#step2{
			padding-left:20px;
			text-align:center;
		}
			#step2 p
			{
				margin:20px;
				padding:5px;
				width:200px;
				float:left;
				height:270px;
			}
			
			
			.red2{color:#900;font-weight:bold;}
			.blue2{color:#369;font-weight:bold;}
	/*------------------------------------------------------------------------------*/
		#playhouse img{
			margin-top:50px;
		}
	
	/*------------------------------------------------------------------------------*/
	.maps {margin-top:10px;text-align:left;border-bottom:1px solid #aaa;}
	.maps p{float:left;margin-left:10px;width:220px;margin-top:30px;}
	.maps a{text-align:right;}
	.frame{margin-top:30px;float:left;}
	/*------------------------------------------------------------------------------*/
			.mulch{
				float:left;
				width:148px;
				border:1px solid #aaa;
				margin:10px;
				text-align:center;
			}
			/*------------------------------------------------------------------------------*/
			.question{border-top:1px solid #aaa;font-weight:bold;margin-top:30px;padding-top:5px;cursor:pointer;}
			.answer{border-bottom:1px solid #aaa;padding-bottom:5px;display:none;}
						
			#powerbounce .question{border:0;}
			#powerbounce .answer{border:0;}
			/*------------------------------------------------------------------------------*/
			.specialsBox{
				height:200px;
				border:1px solid #aaa;
			}
			/*------------------------------------------------------------------------------*/
			.party{border:1px solid #aaa;margin-top:30px;padding:5px;min-height:100px;}
			.party label{font-weight:bold;display:block;}
			.partyForms fieldset{
				margin:30px 0px;
			}
			.partyFormLine .row .formField{
				border-bottom:1px solid #aaa;
				border-top:0;
				border-left:0;
				border-right:0;
			} 
			
			/*------------------------------------------------------------------------------*/
			
			
			
			
	#title{
		text-align:left;
		font-weight:bold;
		font:24px Verdana, Arial, Helvetica, sans-serif;
		color:#081e35;
		margin-bottom:0px;
	}
	.stitle{
		text-align:left;
		font-weight:bold;
		font:22px Verdana, Arial, Helvetica, sans-serif;
		color:#081e35;
		margin-bottom:5px;
	}
	.pContent{
		width:280px;
			float:left;
		margin:5px 15px 5px 0px;
	}
	#footerContainer{
		width:760px;
		margin:0px auto;
		padding-left:230px;
		position:relative;
		bottom:-70px;
	}
	#footer-nav{
		height:22px;
		width:585px;		
		background:url(../images/footer-nav-bg.png);
		padding:5px;
		padding-top:8px;
		text-align:center;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		color:#fff;
		
	}
	#footer-nav a{
		font:11px Verdana, Arial, Helvetica, sans-serif;
		color:#fff;
		text-decoration:none;
	}	
	

/*______________________________________Credits*/
#footer{
	background:url(../images/grass-bg.jpg);
	background-repeat:repeat-x;
	height:82px;
	}

/*_______________________________________________POP UP Credits*/
#creditsbody{
	border:1px solid #326e15;
	width:480px;
	font-family:"Arial", Helvetica, sans-serif;
	margin:5px auto 5px auto;	
	
	}
	#creditsbody a{
		text-decoration:underline;
		text-align:center;
	}
	#creditsbody p{
	font-size:12px;
	}
	#closecredit{
		background:#ffffff;
		text-align:center;
		font-size:12px;
		padding:5px;
		border-top:1px solid #326e15; 
	}
	
	
	
/*__________________________________________________misc*/
.clear{clear:both;}
.bold{font-weight:bold; font-size:16px;line-height:18px;}
.boldt{font-weight:bold;}

.italic {font-style:italic;}
.bold1{font-weight:bold;font-size:14px;text-decoration:underline;}
.hline{border-bottom:1px solid #aaa;margin:10px auto;}
.uline{text-decoration:underline;}
.highlight{background:#f00;}
.spacer{height:20px;}
.red{color:#f00;}
.blue{color:#369;}
.green{color:#060;}
.boldgreen{font-weight:bold; color:#060;}

#links{border:1px solid #000;height:400px; text-align:center;margin-top:60px;}
#flashHolder{border:1px solid #aaa;height:200px;width:600px;padding:3px;}

/*index*/
.boxM img{	border:1px solid #aaa;	padding:2px;margin:5px;}
.boxMimg{	border:1px solid #aaa;	padding:2px;margin:5px;}
#rImghome{position:relative;float:right;margin-right:100px;}

/*CALCULATOR*************************************************/
#valueHolder{
	border:1px solid #aaa;
	display:none;
}
	.measurements
		{
			width:100px;
		}

.Mulch{
	border:1px solid #aaa;
	width:430px;
	padding:10px;
	margin:5px;
}
	#calc .Mulch .row label{
		width:120px;
	}
	/* ______________________*/
	#rbow{
		height:500px;
		overflow:auto;
	}
	#rbow img{
			margin:20px;
	}

.rowblack{background-color:#000;color:#fff;}
.roworange{background-color:#F60;color:#060;}
.rowlight{background-color:#FC9;color:#060;}	
.chart td{width:15%;}
	/* _____________________________________________________________________*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 2px;
left: -1000px;
border: 1px solid #aaa;
background:#fff;
visibility: hidden;
color: #11304f;
text-decoration: none;
font-weight:bold;
width:471px;
overflow:hidden;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 1px;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left: 0px; /*position where enlarged image should offset horizontally */

}
/* ___________________________________________Trampoline */
.br {font-weight:bold; color:#f00;}	
	
	
	

/**

Rainbow Section

**/

#rainbowheader{

	margin: 0 auto;
	width: 600px;
}

#rainbowheader #rainbowlogo{

	
	width: 195px;
	height: 122px;
	overflow: hidden;
	float: left;
}

#rainbowheader #rainbowbanner{

	
	width: 392px;
	height: 72px;
	overflow: hidden;
	float: left;
	margin-top: 22px;
	margin-left: 4px;
	margin-bottom: 32px;

}

#rainbowheader #rainbownav{
	
	
	width: 587px;
	height: 28px;
	overflow: hidden;
	background-image: url(../images/rainbownav.gif);
	background-repeat: repeat-x;
	border: 1px solid #d27d00;	
	

}


#rainbowheader #rainbownav ul{

	text-align: center;
	padding: 0px;
	margin-top: 6px;
	
	
}

#rainbowheader #rainbownav ul li {

    list-style-type:none;
    display: inline;
	
	
	
}

#rainbowheader #rainbownav ul li a{
	
	color: #11304f;
	text-decoration: none;
	margin-right: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;	
}


#rainbowheader #rainbownav ul li a:visited {

    

}


#rainbowheader #rainbownav ul li a:hover, #rainbowheader #rainbownav ul li a.active{
	color: #009900;
	

}