html {
	background: url(../images/bg.jpg) top repeat-x #000;
}
.box {
	background:transparent;
}
.buttons-line {
	height: 0em;
}
#social-widget-container {
	display:none;
}

.author{ font-size: 12px; padding-left: 10px;}

    .ins {
    width: 110px;
    height:auto;
    margin:0;
    padding:0;
    float:left;
line-height: 15px !important;
    }
    .row {
    width: 6
    30px;
    height:auto;
    margin:0;
    padding:0 0 0 30px;
    }
    .ins p{
    font-size:11px !important;
    padding:0 !important;
    margin:0 0 10px 0 !important;
	line-height: 15px !important;
    }

#wrap {
	background:#161616;
	overflow:hidden;
	width: 977px;
	height: auto;
	margin: 0 auto;
	padding:0;
	border:5px solid #fff;
}

#wrap2 {
	background:#fff;
	overflow:hidden;
	width: 977px;
	height: auto;
	margin: 0 auto;
	padding:0;
	border:5px solid #fff;
}

#top {
	background:url(../images/head.jpg) top left no-repeat #fff;
	overflow:hidden;
	width:977px;
	height: 131px;
	margin:0 auto;
	}
	
#top1 {
	background:url(http://websocialfiles.com/010869/images/header_home.jpg) top left no-repeat #fff;
	overflow:hidden;
	width:977px;
	height: 131px;
	margin:0 auto;
	}
	
#top2 {
	background:url(http://websocialfiles.com/010869/images/header_programs.jpg) top left no-repeat #fff;
	overflow:hidden;
	width:977px;
	margin:0 auto;
	min-height: 300px !important;
	}
	
#top3 {
	background:url(http://websocialfiles.com/010869/images/header_instructors.jpg) top left no-repeat #fff;
	overflow:hidden;
	width:977px;
	margin:0 auto;
	min-height: 300px !important;
	}
	
	#top4 {
	background:url(http://websocialfiles.com/010869/images/header_classschedule.jpg) top left no-repeat #fff;
	overflow:hidden;
	width:977px;
	margin:0 auto;
	min-height: 300px !important;
	}
	
	#top5 {
	background:url(http://websocialfiles.com/010869/images/header_newsletter.jpg) top left no-repeat #fff;
	overflow:hidden;
	width:977px;
	margin:0 auto;
	min-height: 300px !important;
	}
	
	#top6 {
	background:url(http://websocialfiles.com/010869/images/header_contactus.jpg) top left no-repeat #fff;
	overflow:hidden;
	width:977px;
	margin:0 auto;
	min-height: 300px !important;
	}
	
	#top7 {
	background:url(http://websocialfiles.com/010869/images/header_kids.jpg) top left no-repeat #fff;
	overflow:hidden;
	width:977px;
	margin:0 auto;
	min-height: 300px !important;
	}
	
	#top8 {
	background:url(http://websocialfiles.com/010869/images/header_teens.jpg) top left no-repeat #fff;
	overflow:hidden;
	width:977px;
	margin:0 auto;
	min-height: 300px !important;
	}
	
.fb-login-button-container {
    display: none !important;
}
	
	

#headcont {
	width: 649px;
	height:auto;
	float:left;
}
#progMenu {
	width: 649px;
	height:auto;
	float:left;
	display:block;
	height: 50px;
	background:#1C1C1C;
	margin-top:130px;
	margin-bottom: 10px;
}
#progMenu ul {
	list-style-type:none;
	padding-top: 15px;
}
#progMenu a {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	float:left;
	padding:0 20px 0 20px;
}
#progMenu a:hover {
	color:#F00;
}
#head {
	width:977px;
	margin:0 auto;
}
#head2 {
	background:url(../images/head.jpg) top left no-repeat #fff;
	overflow:hidden;
	overflow:hidden;
	width:977px;
	margin:0 auto;
	min-height: 300px !important;
}
#head p {
	color:#fff;
	padding:0 30px 0 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 29px;
}
#head h1 {
	color:#fff;
	padding: 20px 30px 0 30px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#e21b1b;
	font-weight: normal;
}

#content p {
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 25px;
    margin: 20px 0 20px 30px;
    padding:0;
}
/*#content p {
	padding:0 30px 0 30px !important;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
	line-height:25px;
	padding:0 10px 0 10px;
}*/
#content h1 {
	padding: 20px 30px 0 20px !important;
	font-family:Arial, Helvetica, sans-serif;
	color:#C00;
	font-size:20px;
	font-weight:normal;
	letter-spacing:-1px;
	text-transform:capitalize;
	padding:10px 0 0 0;
	margin:0 10px 0 10px
}



#form {
	background: url(../images/form.jpg) top center no-repeat #e5e5e5;
	width:328px;
	height:260px;
	float:right;
	padding:40px 0 0 0;
	margin:0;
}

#form2 {
	background: url(../images/form2.jpg) top center no-repeat #e5e5e5;
	width:328px;
	height:260px;
	float:right;
	padding:40px 0 0 0;
	margin:0;
}

#form3 {
	background: url(../images/form2.jpg) top center no-repeat #e5e5e5;
	width:328px;
	height:260px;
	float:right;
	padding:40px 0 0 0;
	margin:0;
}

.link { font-size: 12px; font-weight:normal; list-style-type: none; text-decoration: none; color:#F90 !important;}
.hlink a{ font-weight:normal !important;  color:#F90 !important;  font-size: 14px; font-weight:normal; list-style-type: none; text-decoration: none !important; float:right; padding:5px 0 0 0;}

#rightcol {
	overflow: hidden;
	float: right;
	height: auto;
	width:328px;
	padding:0;
	margin:0;
}

#promo {
	background:#a81313;
	overflow: hidden;
	float: right;
	height: 131px;
	width:328px;
	padding:0;
	margin:0;
}
#promo2 {
	background:#a81313;
	overflow: hidden;
	float: right;
	height: 128px;
	width:328px;
	padding:0;
	margin:0;
}
#promo p {
	color:#fff;
	padding:0;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: normal;
}
#promo2 p {
	color:#fff;
	padding:0;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight: normal;
}
#prog {
	background:#fff;
	overflow:hidden;
	width:977px;
	margin:0 auto;
}
#prog img {
	float:left;

}
.progLast img {
	float:right;
	padding: 0 !important;
	margin:0 !important;
}


#prog2 {
	background:#fff;
	overflow:hidden;
}
#prog2 img {
	float:left;
	padding-right: 7px;
}
.progLast2 img {
	float:right;
	padding: 0 !important;
	margin:0 !important;
}

iframe { border-width:0;}

#form iframe {
	border-width:0;
	padding-top:0;
}

#form2 iframe {
	border-width:0;
	padding-top:0;
}

#cont iframe {
	border-width:0;
	padding-top:0;
}
#cont {
	background: #a81313;
	overflow:hidden;
	width: 977px;
	margin:0 auto;
}

#content {
	width: 649px;
	float:left;
}
/*#content p {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
	line-height:25px;
	text-align:justify;
	padding:0 10px 0 10px;
}
#content h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#C00;
	font-size:20px;
	font-weight:normal;
	letter-spacing:-1px;
	text-transform:capitalize;
	padding:10px 0 0 0;
	margin:0 10px 0 10px
}*/


#programs {
	float:left;
	width: 239px;
}

.footerquote {
	padding-left: 50px !important;
	padding-right: 50px !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size: 18px !important;
	}
	
.last {
	margin-right:0  !important;
	padding-right:0  !important;
	float:right  !important;
	}
	
.mask a{
	color:#fff;
	}
	
.mask a:hover{
	color:#FC0;
	}
	
.view {
   width: 239px;
   height: 177px;
   margin: 0px;
   margin-right: 7px;
   float: left;
   border: 0px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   /*-webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;*/
   /*box-shadow: 1px 1px 2px #e6e6e6;*/
   cursor: default;
   /*background: #fff url(../images/bg.jpg) no-repeat center center;*/
}
.view .mask,.view .content {
   width: 239px;
   height: 177px;
   position: absolute;
   overflow: hidden;
   top:0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: capitalize;
   font-family: Arial, Helvetica, sans-serif;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: #A81313;
   margin: 0 0 0 0;
}
.view p {
   font-family: Arial, Helvetica, sans-serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 3px 3px 3px;
   text-align: center;
}
.view a.info {
   font-family: Arial, Helvetica, sans-serif;
   display: inline-block;
   text-decoration: none;
   padding: 2px 2px;
   background: #000;
   color: #fff;
   text-transform: capitalize;
   margin-top: 40px;

}
.view a.info: hover {

}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: #161616;/*rgba(84, 30, 55, 0.7)*/
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
				
