@charset "ISO-8859-1";


html, body {
   padding: 0;
   margin: 0;}
   
  
  
body {
		font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	
	background: #000;
	text-align: center;
	
}
.holder {
	display: block;
	margin: auto;
	text-align: center;
	clip: rect(auto,auto,auto,auto);
}

.central_wrapper {
	
	text-align: left;
	display: block;
	margin: auto;
	clear: both;
	width: 950px;
	background-color: transparent;
	
}

.navigation {
			position:relative;
			top: 0px;
			left:300px;
			width:670px;
			z-index: 10;
			text-align: left;
			
}




/* Contact Form*/


input 
{ 
   background-color: #ececec; 
   font-family: arial; 
   font-size: 10pt; 
   color: #000000; 
   border-style:none; 
   padding:  5px;
   -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    
}	
textarea 
{ 
   background-color: #ececec; 
   font-family: arial; 
   font-size: 10pt; 
   color: #000000; 
   border-style:none; 
   padding:  2px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
    
}	
.button 
{ 
   background-color: #222; 
   font-family: arial; 
   font-size: 10pt; 
   color: #fff; 
   border-style:none; 
   padding-left:  10px;
   padding-right:  10px;
    
}
select 
{ 
   background-color: #222; 
   font-family: arial; 
   font-size: 10pt; 
   color: #fff; 
   border-style:none; 
   padding-left:  10px;
 
    
}
.button:hover 
{ 
   background-color: #fff; 
   font-family: arial; 
   font-size: 10pt; 
   color: #333; 
   border-style:none; 
   padding-left:  10px;
   padding-right:  10px;
   
    
}	

#alert{

border-color: #b2cb0a;
border-width: 1px;
border-style: dashed;
width: 400px;
color: #cb2b92;
background-color: #fcffa9;
display:block;
padding:5px;

}

#logo_block{
position:relative;
float:left;
top:0px;

}
#logo_block img{
position:absolute;


}

.clear{
clear:both;}


.logo_style{

position:relative;
left:0px;

}

.padding_20px{
	margin-top:20px;}



/* Side Bar */

#side_bar{

	width:48px;
	float:left;
	}
	
#side_bar .image{

	width:48px;
	height:96px;
	cursor: pointer;
	}
	
#side_bar .image_2{

	width:48px;
	height:104px;
	cursor: pointer;
	}	




/* White Bar */

#white_bar{

	width:220px;
	float:left;
	background: #fff;
	}

#flash_bar{
	
	height:580px;
	
	}
	
#flash_bar_2{
	
	height:460px;
	
	}
	
	
	



/* Content Area */

#content_area{

	background: #ffaa00;
	width:639px;
	float:right;
	padding:20px;
	min-height:548px;
	border: 3px #fff solid;
	border-left: none;
	position:relative;
	

}

#content_area_grey{

	background: #bbb;
	width:639px;
	float:right;
	padding:20px;
	min-height:500px;
	border: 3px #fff solid;
	border-left: none;
	position:relative;
	

}


#content_area_red{

	background: #bf1515;
	width:639px;
	float:right;
	padding:20px;
	min-height:500px;
	border: 3px #fff solid;
	border-left: none;
	position:relative;
	

}


#content_area_green{

	background: #8cc032;
	width:639px;
	float:right;
	padding:20px;
	min-height:500px;
	border: 3px #fff solid;
	border-left: none;
	position:relative;
	

}

#content_area_dgreen{

	background: #035649;
	width:639px;
	float:right;
	padding:20px;
	min-height:500px;
	border: 3px #fff solid;
	border-left: none;
	position:relative;
	

}

#content_area_pink{

	background: #f32788;
	width:639px;
	float:right;
	padding:20px;
	min-height:500px;
	border: 3px #fff solid;
	border-left: none;
	position:relative;
	

}



/* Rounded Pieces */

#white_rounded_spacer{
	
	position:relative;
	left:48px;
	top:31px;
	
	}
	
#top_right_corner{
	float:right;
	position:relative;
	top:-23px;
	left:25px;
	width:31px;
	height:30px;
	background: url(../sys_images/topright_curve.jpg) top right no-repeat;}

#bot_right_corner{
	
	position:absolute;
	bottom:-5px;
	left:653px;
	width:31px;
	height:30px;
	background: url(../sys_images/botright_curve.jpg) top right no-repeat;}
	
	
	
#top_right_corner_grey{
	float:right;
	position:relative;
	top:-23px;
	left:25px;
	width:31px;
	height:30px;
	background: url(../sys_images/topright_curve_grey.jpg) top right no-repeat;}

#bot_right_corner_grey{
	
	position:absolute;
	bottom:-5px;
	left:653px;
	width:31px;
	height:30px;
	background: url(../sys_images/botright_curve_grey.jpg) top right no-repeat;}
	
	
	
	
#top_right_corner_red{
	float:right;
	position:relative;
	top:-23px;
	left:25px;
	width:31px;
	height:30px;
	background: url(../sys_images/topright_curve_red.jpg) top right no-repeat;}

#bot_right_corner_red{
	
	position:absolute;
	bottom:-5px;
	left:653px;
	width:31px;
	height:30px;
	background: url(../sys_images/botright_curve_red.jpg) top right no-repeat;}
		
	
	
	
	
#top_right_corner_green{
	float:right;
	position:relative;
	top:-23px;
	left:25px;
	width:31px;
	height:30px;
	background: url(../sys_images/topright_curve_green.jpg) top right no-repeat;}

#bot_right_corner_green{
	
	position:absolute;
	bottom:-5px;
	left:653px;
	width:31px;
	height:30px;
	background: url(../sys_images/botright_curve_green.jpg) top right no-repeat;}
		
	
	
	
#top_right_corner_dgreen{
	float:right;
	position:relative;
	top:-23px;
	left:25px;
	width:31px;
	height:30px;
	background: url(../sys_images/topright_curve_dgreen.jpg) top right no-repeat;}

#bot_right_corner_dgreen{
	
	position:absolute;
	bottom:-5px;
	left:653px;
	width:31px;
	height:30px;
	background: url(../sys_images/botright_curve_dgreen.jpg) top right no-repeat;}
		
	
	
	
#top_right_corner_pink{
	float:right;
	position:relative;
	top:-23px;
	left:25px;
	width:31px;
	height:30px;
	background: url(../sys_images/topright_curve_pink.jpg) top right no-repeat;}

#bot_right_corner_pink{
	
	position:absolute;
	bottom:-5px;
	left:653px;
	width:31px;
	height:30px;
	background: url(../sys_images/botright_curve_pink.jpg) top right no-repeat;}
		
	
		


	
#smile_stamp{
	
	position:absolute;
	bottom:-40px;
	left:523px;
	width:191px;
	height:177px;
	background: url(../sys_images/smile_stamp.png) top right no-repeat;
	z-index: 10;}





#play_equipment{

background: url(../sys_images/play_equipment.jpg);

}
#play_equipment:hover{

background: url(../sys_images/play_equipment_down.jpg);

}



#inclusive_play{

background: url(../sys_images/inclusive_play.jpg);
}
#inclusive_play:hover{

background: url(../sys_images/inclusive_play_down.jpg);
}


#safety_surfacing{

background: url(../sys_images/safety_surfacing.jpg);
}
#safety_surfacing:hover{

background: url(../sys_images/safety_surfacing_down.jpg);
}


#playground_furniture{

background: url(../sys_images/playground_furniture.jpg);
}
#playground_furniture:hover{

background: url(../sys_images/playground_furniture_down.jpg);
}


#school_solutions{

background: url(../sys_images/school_solutions.jpg);
}
#school_solutions:hover{

background: url(../sys_images/school_solutions_down.jpg);
}



.white_bullets{
	color: #fff;
	text-indent: 10px;
	}
	
	
.view_pictures{
	
	float:right;
	
	}

.link_text{
	
	position:relative;
	float:right;
	left:-100px;
	color:#fff;
	}


a:link, a:visited{
	
	text-decoration: none;
	color:#fff;
	}
	
a:hover{
	
	text-decoration: none;
	color:#fff;
	border-bottom: 2px dotted #fff;
	}

.contact_left{
	
	float:left;
	width:300px;

}
.contact_right{
	
	float:left;
	width:200px;

}


hr{

	border-bottom: 2px dotted #fff;
	margin-top:10px;
	margin-bottom:10px;

}

.album{
position:relative;
display:block;
margin:10px;
float:left;
width:170px;
height: 140px;
text-align: center;}

.album .album_title{
position:relative;
top:20px;}

.album a:link, .album a:visited{
text-decoration: none;
}
.album a:hover{
text-decoration: none;
border:none;
color: #000;
}

.read_on{

font-size: 12px;

}

.dark_hr{

border-color: #555;

}
.shorter_hr{

width:50%;

}