@charset "UTF-8";

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/open-sans/OpenSans-Regular-webfont.eot');
    src: url('fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('fonts/open-sans/OpenSans-LightItalic-webfont.eot');
    src: url('fonts/open-sans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('fonts/open-sans/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/open-sans/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PacificoRegular';
    src: url('fonts/pacifico/Pacifico-webfont.eot');
    src: url('fonts/pacifico/Pacifico-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pacifico/Pacifico-webfont.woff') format('woff'),
         url('fonts/pacifico/Pacifico-webfont.ttf') format('truetype'),
         url('fonts/pacifico/Pacifico-webfont.svg#PacificoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, a, img
{
	margin:0;
	padding:0;
	border:0;
	outline:none;
}

html
{
	width: 100%;
	height: 100%;
}

body
{
	width:100%;
	height:100%;
	font: 16px/24px 'OpenSansRegular', Arial, sans-serif;
	color: #646464;
	/*color: #FFF;*/
	/*color: #49736F;*/
}
	
	#header
	{
		width:100%;
		height:35px;
		background:#48736E;
	}
	
		#header .container
		{
			position:relative;
		}
	
		#headers
		{
			width:410px;
			height:215px;
			background: url(../images/header/logo/bg.png);
			text-align:center;
			position:absolute;
			top:135px;
		}
			
			#headers h1
			{
				font:2.65em/1em 'PacificoRegular', Georgia, serif;
				text-indent:-10px;
			}
			
				#headers h1 a
				{
					padding:65px 0 0;
					color:#FFF;
					text-decoration:none;
					text-indent:-100000px;
					display:block;
				}
			
			#headers h2
			{
				font:1.125em/1em 'OpenSansLightItalic', Arial, sans-serif;
			}
		
				#headers h2 a
				{
					padding:25px 0 20px;
					color:#49736F;
					text-decoration:none;
					text-indent:-100000px;
					display:block;
				}
			
			#headers #celebrating
			{
				font:1.2em/1em 'PacificoRegular', Georgia, serif;
				color:#FFF;
				text-decoration:none;
				text-indent:-100000px;
				display:block;
			}
		
		ul#nav
		{
			list-style:none;
			position:absolute;
			font:1.15em/1em 'PacificoRegular', Georgia, serif;
			right:0;
		}
		
			#nav li
			{
				width:auto;
				margin: 0 0 0 10px;
				float:left;
			}
			
				#nav a
				{
					padding: 8px 15px 9px;
					color:#F0E0CC;
					text-decoration:none;
					display:block;
				}
				
				#nav li.last a
				{
					padding-right:0;
				}
				
				#nav a:hover
				{
					color:#FFF;
				}
	
	#main
	{
		
	}
	
		.section
		{
			
		}
		
		#about
		{
			color:#49736F;
			background:url(../images/about/bg.png) center 5px;
		}
		
			#about .container
			{
				padding:40px 0;
			}
		
			#about h3
			{
				padding: 20px 0 15px;
				font-size:3.5em;
				border-bottom: 2px dashed #649f9A;
			}
		
		#classes
		{
			padding: 60px 0 0;
			background:url(../images/classes/bg.png) center -20px;
		}

			.jump-nav-wrap{width:100%;height:38px;background:#48736E;position:fixed;z-index:3;display:none;}
			.jump-nav-wrap h1{width:300px;color:#FFF;font:1.25em/1.5em 'PacificoRegular', Georgia, serif;float:left;}
			ul.jump-nav{width:auto;font:1.15em/1em 'PacificoRegular', Georgia, serif;list-style:none;text-align:right;float:right;}
			.jump-nav li{margin: 0 0 0 10px;float:left;}
			.jump-nav a{padding:10px 15px;color:#E5E5E5;text-decoration:none;display:block;}.jump-nav li.last a{padding-right:0;}
			.jump-nav a:hover{color:#FFF;}
		
			#about .bottom
			{
				height:30px;
				width:100%;
				background:url(../images/classes/top/bg.png) center top;
			}
			
			#classes .bottom
			{
				height:219px;
				width:100%;
				background:url(../images/gallery/top/bg.png) center top;
			}
			
			#gallery .bottom
			{
				height:16px;
				width:100%;
				background:url(../images/faq/top/bg.png) center top;
			}
			
			#classes h3
			{
				width:258px;
				height:55px;
				padding: 10px 0;
				font-size:3.25em;
				text-align:center;
				text-indent:-12px;
				background: url(../images/classes/h3/bg.png) left top no-repeat;
				text-shadow: 2px 2px 0 #4F2606;
				position:relative;
				z-index:2;
			}
			
			#classes h4
			{
				padding: 45px 0 10px;
				margin:5px 0 0;
				font:1.125em/1em 'OpenSansLightItalic', Arial, sans-serif;
				text-transform:uppercase;
				color:#4F2506;
				text-align:center;
				border-bottom: 1px dashed #F3C285;
			}
			
				#classes .left h4
				{
					background: url(../images/classes/3/bg.png) center top no-repeat;
				}
				
				#classes .right h4
				{
					background: url(../images/classes/4/bg.png) center top no-repeat;
				}
			
			#classes h5
			{
				padding: 5px 0;
				color:#999;
				font:1.5em/1em 'OpenSansRegular', Arial, sans-serif;
				text-align:center;
			}
			
				.big-amp
				{
					color:#F3C285;
					font: 1.75em/1em 'OpenSansLightItalic', Arial, sans-serif;
					vertical-align:-6px;
				}
				
				.time
				{
					padding:2px 0 0;
					font:0.65em/1em 'OpenSansLightItalic', Arial, sans-serif;
					color:#4F2506;
					display:block;
				}
			
			#classes h6
			{
				padding: 10px 0 0;
				font:1.15em/1em 'PacificoRegular', Georgia, serif;
				color:#F3C285;
				text-align:center;
			}
			
				.num
				{
					font-size:1.65em;
				}
			
			#classes .half ul
			{
				padding: 10px 0;
				list-style:none;
				border-bottom: 1px solid #CCAF8C;
				font: 0.775em/1.25em 'OpenSansRegular', Arial, sans-serif;
			}
			
				#classes .half li
				{
					padding: 5px 0 0;
				}
				
				#classes sup
				{
					line-height:1px;
				}
				
				#classes em
				{
					padding: 0 3px 0 0;
					font:italic 1.05em/1em 'PacificoRegular', Georgia, serif;
				}
				
			#classes .action-link
			{
				width:740px;
				height:50px;
				margin: 35px auto 0;
				color:#FFF;
				text-shadow: 1px 1px 0 #6C5E4D;
				text-align:center;
				background: url(../images/classes/action-link/bg.png) center top no-repeat;
				font:1.25em/48px 'PacificoRegular', Georgia, serif;
				text-decoration:none;
				display:block;
			}
			
				#classes .action-link:hover{
					opacity:.7; filter:opacity(alpha=70);
				}
                        #classes .action-link2
                        {
                                width:740px;
                                height:50px;
                                margin: 35px auto 0;
                                color:#FFF;
                                text-shadow: 1px 1px 0 #6C5E4D;
                                text-align:center;
                                background: url(../images/classes/action-link/bg.png) center top no-repeat;
                                font:1.25em/48px 'PacificoRegular', Georgia, serif;
                                text-decoration:none;
                                display:block;
                        }

                                #classes .action-link2:hover{
                                        opacity:.7; filter:opacity(alpha=70);
                                }
		
		#gallery
		{
			background:url(../images/gallery/bg.png) center -56px;
			color: #FFF;
		}
		
			#gallery .container
			{
				padding: 0 0 112px;
			}
		
			#gallery h3
			{
				padding:20px 0 40px;
				text-shadow: 2px 2px 0 #4F2606;
			}
		
		#faq
		{
			background:url(../images/faq/bg.png) center top;
			color: #FFF;
		}
		
			#faq .container
			{
				padding:30px 0 50px;
			}
			
			#faq h3
			{
				padding: 30px 0 50px;
				letter-spacing:4px;
				margin: 0 0 30px;
				background: url(../images/faq/h3/bg.png) center bottom no-repeat;
				text-align:center;
				text-indent:-10px;
				text-shadow: 2px 2px 0 #8DBFBB;
			}
			
			#faq h4
			{
				padding: 0 0 10px;
				color:#F2F2F2;
				text-shadow: 2px 2px 0 #4D4D4D;
				font:2em/1em 'PacificoRegular', Georgia, serif;
			}
			
			#faq .bottom
			{
				height:153px;
				width:100%;
				background:url(../images/contact/top/bg_NEW.png) center top;
			}
		
		#contact
		{
			padding:20px 0 0;
			background:url(../images/contact/bg_NEW.png) center top;
			color: #49736F;
		}
			
			#contact .container
			{
				padding:0 0 40px;
			}
			
			#contact .block.full
			{
				border-bottom:2px dashed #67A39E;
			}
			
			#contact h3
			{
				height:100px;
				padding:20px 0 30px;
				background: url(../images/contact/logo/bg.png) left top no-repeat;
				text-indent:-100000px;
				border-bottom:2px dashed #67A39E;
				font-size:2.5em;
			}
			
			#contact address
			{
				width:203px;
				height:112px;
				padding:90px 0 0;
				margin:15px 0 0 105px;
				background: url(../images/contact/icon/bg_NEW.png);
				text-align:center;
				font: 1em/1.5em 'PacificoRegular', Georgia, serif;
				display:block;
			}
			
				.reg
				{
					font: 1em/1em 'OpenSansRegular', Arial, sans-serif;
				}
			
			#contact .right p
			{
				width:203px;
				margin:0 0 0 105px;
				font: 0.9375em/1.25em 'OpenSansRegular', Arial, sans-serif;
				text-align:center;
			}
			
				#contact .right a
				{
					height:40px;
					margin:15px 0;
					font: 1.7em/38px 'PacificoRegular', Georgia, serif;
					background: url(../images/contact/email/bg.png);
					color:#F3EBD9;
					text-decoration:none;
					display:block;
				}
				
					#contact .right a:hover
					{
						color:#FFF;
					}
			
			.container
			{
				width:980px;
				margin:auto;
			}
			
				h3
				{
					font: 4em/1em 'PacificoRegular', Georgia, serif;
					text-shadow: 2px 2px 0 #31716C;
					color:#FFF;
				}
				
				.block
				{
				
				}
				
					.block p, .block address
					{
						padding: 15px 0 0;
						font:0.9375em/1.45em 'OpenSansRegular', Arial, sans-serif;
					}
					
					.block p a
					{
						color:#FFF;
						text-decoration:none;
					}
					
					#faq a:hover
					{
						border-bottom:1px dashed #FFF;
					}
				
				.half
				{
					width:420px;
				}
				
				#classes .half
				{
					width: 360px;
					background: url(../images/classes/half/bg.png) center top repeat-y;
					padding:15px 30px;
					position:relative;
				}
				
					#classes .half .top, #classes .half .bottom
					{
						width:100%;
						height:25px;
						background: url(../images/classes/half/top/bg.png) center bottom no-repeat;
						position:absolute;
						left:0;
						top:-13px;
					}
					
					#classes .half .bottom
					{
						background-position: center top;
						top:auto;
						bottom:-18px;
					}
				
				.third
				{
					width:33%;
				}
				
				.left
				{
					float:left;
				}
				
				.center
				{
					float:left;
				}
				
				.right
				{
					float:right;
				}
				
				#gallery ul
				{
					text-align:center;
					list-style:none;
				}
				
					#gallery li
					{
						width:230px;
						height:150px;
						line-height:150px;
						border:1px solid #FFF;
						margin: 8px;
						background: #444;
						float: left;
					}
					
					#gallery li.left
					{
						/*margin-left:0;*/
						margin:9px 8px 9px 0;
					}
					
					#gallery li.right
					{
						/*margin-right:0;*/
						margin:9px 0 9px 8px;
						float: left;
					}
					
				#staff
				{
					padding:10px 0 0;
					list-style:none;
					font: 1.125em/1.5em 'PacificoRegular', Georgia, serif;
					color:#646464;
				}
				
					#staff li
					{
						padding:5px 0;
					}
					
						#staff .name
						{
							width:175px;
							display:block;
							float: left;
						}
						
						#staff .position
						{
							color:#FFF;
						}
				
				.faq-list
				{
					color:#F5F5F5;
					list-style:none;
					font:0.9375em/1.175em 'OpenSansRegular', Arial, sans-serif;
				}
				
					.faq-list li.q
					{
						padding: 0 0 0 10px;
						background: url(../images/faq/question/closed/bg.png) left 7px no-repeat;
						margin: 10px 0 0;
					}
					
					.faq-list li.q.open
					{
						background: url(../images/faq/question/open/bg.png) left 10px no-repeat;
					}
					
						.faq-list .question
						{
							cursor:pointer;
						}
						
							.faq-list .question p
							{
								padding-top:0;
							}
						
						#faq .answer
						{
							padding: 0 0 0 20px;
							font:0.9em/1.35em 'OpenSansRegular', Arial, sans-serif;
							color:#DDD;
						}
						
							#faq .answer p
							{
								padding: 10px 0 0;
							}
							
							#faq .answer ul
							{
								padding: 5px 0 0 30px;
							}
	
	#footer
	{
		width:100%;
		background:#48736E;
		color:#F5F5F5;
	}
	
		#footer .center
		{
			text-align:center;
		}
		
		#footer .right
		{
			text-align:right;
		}
		
			#footer p
			{
				padding:10px 0;
				font:0.825em/1em 'OpenSansRegular', Arial, sans-serif;
			}
			
			#footer a
			{
				padding:0 5px;
				color:#FFF;
				text-decoration:none;
			}
			
			#footer a:hover
			{
				color:#DDD;
			}
			
	#modal
	{
		width:100%;
		height:100%;
		position:fixed;
		background: url(../images/modal/bg.png);
		left:0;
		z-index:3;
		top:0;
		/*display:none;*/
	}
	
		#modal-window
		{
			/*width:800px;*/
			/*height:500px;*/
			padding:10px;
			background:#FFF;
			border:10px solid #DDD;
			position:absolute;
			left:50%;
			/*margin:-250px 0 0 -400px;*/
			top:50%;
			border-radius:10px;
		}
		
			#modal-closer, #modal-prev, #modal-next, #modal-play
			{
				width:20px;
				height:20px;
				font:1.125em/1em 'OpenSansRegular', Arial, sans-serif;
				background:#FFF;
				border:5px solid #DDD;
				text-align:center;
				cursor:pointer;
				display:block;
				position:absolute;
				right:-50px;
				top:-10px;
				border-radius:5px;
			}
			
			#modal-play
			{
				background:#FFF url(../images/modal/play/bg.png) center top no-repeat;
				text-indent:-100000px;
				left: -50px;
				font-weight:normal;
			}
			
			#modal-play.pause
			{
				background-position: center -19px;
				letter-spacing:1px;
			}
			
			#modal-prev
			{
				top: 50%;
				margin:-15px 0 0;
				right:auto;
				/*top: auto;*/
				/*bottom:-10px;*/
				left:-50px;
			}
			
			#modal-next
			{
				top: 50%;
				margin:-15px 0 0;
				/*top: auto;*/
				/*bottom:-10px;*/
				right:-50px;
			}
			
			#modal-content
			{
				text-align:center;
				line-height:0;
			}
			
			#form-wrap
			{
				width:526px;
				height:auto;
				padding:5px;
				background:#FFF;
				margin: auto;
				border-radius:0 0 10px 10px;
			}
				
				#form-result
				{
					width:504px;
					padding-left:10px;
					padding-right:10px;
					padding-bottom:10px;
				}
				
					#form-result p
					{
						font:0.875em/1.35em 'OpenSansRegular', Arial, sans-serif;
					}
				
				#form-wrap form, #form-result
				{
					width:524px;
					border:1px dashed #EEE;
					border-top:0;
					border-radius: 0 0 10px 10px;
					text-align:left;
				}
				
					#form-wrap fieldset
					{
						width:250px;
						margin:5px;
						float: left;
					}
					
						#form-wrap legend
						{
							padding:0 0 5px;
							font: 1.25em/1em 'PacificoRegular', Georgia, serif;
							color: #B8DDD7;
						}
						
						#form-wrap ul.form-list
						{
							list-style:none;
						}
						
							#form-wrap li
							{
								list-style:none;
							}
							
							#form-wrap .form-list > li
							{
								padding: 5px 0 0;
								position:relative;
								clear:both;
							}
							
							#form-wrap label
							{
								font:0.875em/1em 'OpenSansRegular', Arial, sans-serif;
								color:#CCC;
							}
							
							.overlay
							{
								margin:8px 4px;
								font:0.875em/1em 'OpenSansRegular', Arial, sans-serif;
								color:#AAA;
								position:absolute;
							}
							
/*
							.radio-label
							{
								padding: 0 0 0 25px;
								margin: 2px 0 0;
								position:absolute;
								left:0;
								z-index:10;
							}
*/
							
							.radio-label
							{
								width:220px;
								display:inline-block;
							}
							
							.overlayed
							{
								width:244px;
								padding:3px;
								border:1px solid #EEE;
								color:#B8DDD7;
								font:0.875em/1em 'OpenSansRegular', Arial, sans-serif;
								outline:0;
							}
							
							.overlayed:focus
							{
								border:1px solid #A5CBC5;
							}
							
							.master-label
							{
								font:0.875em/1em 'OpenSansRegular', Arial, sans-serif;
								color:#AAA;
								display:block;
							}
							
							.multipart-list
							{
								width:100%;
								height:26px;
							}
							
								.multipart-list li
								{
									width: auto;
									margin: 5px 0 0;
									float: left;
								}
								
									.multipart
									{
										width:auto;
										padding:3px;
										border:1px solid #EEE;
										margin-right:5px;
										color:#B8DDD7;
										font:0.875em/1em 'OpenSansRegular', Arial, sans-serif;
										outline:0;
									}
									
									input.error
									{
										border: 1px solid #F5CCCC;
									}
								
								.radio-list li
								{
									margin:3px 0 0;
								}
								
									.radio, select
									{
										outline:0;
									}
							
							#form-wrap select
							{
								width:250px;
							}
							
							.submit
							{
								width:100%;
								padding:5px 0;
								margin:0;
								text-indent:-8px;
								background:#B8DDD7;
								font: 1.25em/1em 'PacificoRegular', Georgia, serif;
								border:none;
								cursor:pointer;
								color:#FFF;
								outline:0;
								border-radius:5px;
							}
							
								.submit:hover
								{
									background:#A5CBC5;
								}
	
.hidden { display:none; }

.clearer { clear: both; }

.error { color: #EE7F7F !important; }

.success { color: #B8DDD7; !important; }
