body {
	background: url(images/BG_pattern.png) repeat;
	margin: 0px;
	padding: 0;
	font: 11px "HelveticaRegular";
	color: #282828;
	text-align: center;
}

p{
font-size:11px;
text-align:justify;
line-height:16px;
}
img {
	border-style: none;
}
img.pic_left{
float:left;
padding:5px;
margin:0 8px 8px 8px;
border:1px  #CCCCCC solid;
}
a {
	color: #2E9FED;
	text-decoration: none;
}
a:hover {
	color: #1471B1;
}

.div1_img a, .div1_img_1 a, .div1_img_2 a, .div1_img_3 a {color: #ffffff;}

/*
TABLET & SMALLER LAPTOPS
for normal 1024px resolution
*/
@media only screen 
and (min-width: 920px) 
and (max-width: 1029px) {
/*.dl-menuwrapper {
	display:none;

}
.menu-toggle{ display:none;}*/
.box_skitter_large {
width: 733px !important;
height: 400px;
float: left;
}

.box_skitter .image img {
	display: none ;
	width: 100% !important;
}
#welcome h1{
padding:5px 0 0 20px;
margin:0px;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}
h3{
font-size:14px;
color: #003366;
}
h4{
font-size:13px;
padding:2px;
margin:0px;
color: #003366;
border-bottom:1px #999999 dashed;
}
#container {
position: relative;
width: 1024px;
margin: 0 auto;
padding: 0px;
text-align: left;
}
#header_container {
position: relative;
width: 1024px;
margin: 0 auto;
padding: 0px;
text-align: left;
background:#ececec;
height:320px;
}

#head {
width: 1024px;
height: 192px;
background: url(images/logo_BG.png) no-repeat;
}

#head h1 {
font-family: HelveticaRegular;
position: absolute;
margin: 210px 0px 0px 360px;
clear: left;
color:#000;
font-size:30px;
line-height:36px;
}
#head h3 {
font-family: HelveticaRegular;
/*position: absolute;*/
margin: 20px 0px 0px 60px;
clear: left;
color:#000;
font-size:25px;
text-transform:uppercase;
line-height:31px;
}
#head .logo {
float:left;
position: relative;
margin: 0px 0 0 36px;
width: 355px;
height: 270px;
background: url(images/logo.png) no-repeat;
}
#head .logo a {
text-indent: -2000px;
width: 355px;
height: 270px;
display: block;
background: url(images/logo.png) no-repeat;
}
.contactnum{ background: url(images/dance2bfit_contact.png) no-repeat;
float: right;
width: 275px;
height: 72px;
margin-right: 60px;
margin-top: 40px;
}

.top_head_banner{
float:right;
width:200px;
height:120px;
background:url(images/top_head.gif) no-repeat right;
background-position:-12px 12px;
}

.infiniteCarousel {
width: 824px;
position: relative;
height: 200px;
margin: 85px auto 0 auto;
}

.infiniteCarousel .wrapper {
 width: 844px;
min-height: 10em;
margin: 0 -20px;
position: absolute;
top: 0;
height: 200px;
}

.infiniteCarousel ul a img {
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  position: absolute;
  top: -45px;
  cursor: pointer;
}

.infiniteCarousel .forward {
    right: -90px;
}

.infiniteCarousel .back {
    right: -40px;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}
#menu {display:none;
position: relative;
width: 980px;
top: 0px;
clear:left;
margin: 0px auto;
padding: 0px;
z-index: 100;
background:url(images/menu_BG.png) repeat-x;
height:43px;
border-top: 1px #cdcdcd solid;
border-left: 1px #cdcdcd solid;
border-right: 1px #cdcdcd solid;
}
#menu li {
list-style-type: none;
float: left;
text-align: center;
height: 39px;
line-height: 37px;
background: url(images/sep.png) no-repeat top right;
width: 122px;
}
#menu li:last-child {

background: none;
}
#menu li a {
padding: 0 0 7px 0;
height: 43px;
color: #000;
font-size:12px;
font-family:HelveticaRegular;
}
#menu li a:hover {
color:#999;
}
#menu .current {
color: #fff;
font-weight: bold;
background: url(img/hover.png) no-repeat;
height: 100px;
list-style-type: none;
float: left;
text-align: center;
line-height: 47px;
width: 110px;
margin: -8px 0 0 7px;
}
/* Drop-Down Navigation */
ul#menu li:hover > .sub-menu
{
visibility:visible;
opacity:1;
}

ul#menu .sub-menu, ul#menu .sub-menu li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .sub-menu li ul {
top: 0;
}

ul#menu .sub-menu li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}

ul#menu .sub-menu li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}

ul#menu .sub-menu li a.first {
border-left: 0 none;
}

ul#menu .sub-menu li a.last {
border-right: 0 none;
}

ul#menu li:hover > .sub-menu
{
visibility:visible;
opacity:1;
}

ul#menu .sub-menu, ul#menu .sub-menu li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul#menu .sub-menu li ul {
top: 0;
}

ul#menu .sub-menu li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}

ul#menu .sub-menu li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .sub-menu li a.first {
border-left: 0 none;
}

ul#menu .sub-menu li a.last {
border-right: 0 none;
}


ul#menu li:hover > .ul2
{
visibility:visible;
opacity:1;
}

ul#menu .ul2, ul#menu .ul2 li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul#menu .ul2 {
top: 43px;
left: 242px;
}

ul#menu .sub-menu li ul {
top: 0;
left: 181px;
}

ul#menu .ul2 li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}

ul#menu .ul2 li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}

ul#menu .ul2 li a.first {
border-left: 0 none;
}

ul#menu .ul2 li a.last {
border-right: 0 none;
}

ul#menu li:hover > .ul2
{
visibility:visible;
opacity:1;
}

ul#menu .ul2, ul#menu .ul2 li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul#menu .ul2 {
top: 43px;
left: 242px;
}

ul#menu .ul2 li ul {
top: 0;
left: 181px;
}

ul#menu .ul2 li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
.infiniteCarousel .wrapper ul {
width: 9999px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position: absolute;
top: 0;
}

.infiniteCarousel ul li {
display:block;
float:left;
padding: 10px;
height: 200px;
width: 352px;
}

.infiniteCarousel ul li a img {
display:block;
}


ul#menu .ul2 li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}

ul#menu .ul2 li a.first {
border-left: 0 none;
}

ul#menu .ul2 li a.last {
border-right: 0 none;
}
#area {
height: 155px;
background: url(images/bottomBG.png) repeat-x;
margin: 30px auto 0 auto;
clear: left;
padding-top: 60px;

}
#area2 {
height: 155px;
background: url(images/bottomBG.png) repeat-x;
margin: 30px auto 0 auto;
clear: left;
padding-top: 60px;

}

#main {
margin: 0 auto;
background: none;
width: 1024px;
height: auto;
}
#content_left_a {
padding: 0px 30px 40px 30px;
width: 671px;
background: #ececec;
border: 1px solid #fff;
height: 78px;
margin-left: auto;
margin-top: -295px;
margin-bottom: 40px;
margin-right: auto;
float: left;
}
#content_left_a p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_left {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 550px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 40px;
margin-right: auto;
}
#content_left p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_left_b {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 230px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 40px;
margin-right: auto;
}
#content_left_b p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_right{
float: left;
padding: 5px;
width: 200px;
height: auto;
position: relative;
margin: -5px 0 0px 30px;
}
#content_right img{
width: 122%;
}

#content_right .hiphopimg{margin: 0 0 59px -4px; width:127%}
#content_right_a{
clear: left;
float: left;
padding: 5px;
width: 940px;
height: auto;
position: relative;
margin: -167px 0 30px -5px;
}
#content_right_a img{
width: 25%;
}
#welcome {
padding:10px;
width: 980px;
height:60px; 	font-family: HelveticaRegular;
font-size:18px;
line-height:20px;
clear:left;
}

#welcome h1 {
font-family: HelveticaRegular;
position: absolute;
margin: 20px 0px 0px 40px;
clear: left;
color:#b31535;
font-size:30px;
}
.item_box{
width:auto;
height:auto;
padding:10px 0 5px 0;
border-bottom:1px #666666 dashed;
}
.item_box_1{
width: 45%;
height: 145px;margin-left: 50px;
padding: 10px 0 5px 0;float: left;
background: url(images/subscribe_bG.png) no-repeat;
background-size:contain;
}
.item_box_1 .heading_one{
font-family: 'SegoeUILight';
font-size: 23px;
color: #fff;
padding-left: 28px}
.item_box_1 input[type="email"]{margin-left: 43px;
height: 26px;
width: 240px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
margin-top: -5px;
float: left;
padding-left: 10px;}

.item_box_1 input[type="text"]{
margin-left: 42px;
height: 30px;
width: 265px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
margin-top: -5px;
float: left;
padding-left: 10px;
}
.item_box_2{
width: 45%;
height: 139px;
padding: 10px 0 5px 0;
margin-top: 8px;
float: left;
background: url(images/fb.png) no-repeat;
background-size:contain;
}
/*team*/
.div1{width: 193px;
height: 480px;
background-color: #fff;
border-radius: 4px;
float: left;
margin-left: 10px;
margin-top: 30px;}
.div2{width: 181px;
height: 462px;
background-color: #eee;
border-radius: 4px;
float: left;
margin-left: 6px;
margin-top: 6px;}
.div2 p {
font-family: HelveticaRegular;
font-size: 13px !important;
line-height: 15px;
text-align:left;
width:170px;
margin-left:8px;
}
.div2 img { width:18%;}
.div2 .icon1{margin: 115px 0 0 20px !important;}
.div2 .icon2{margin: 155px 0 0 20px !important;}
.div2 .icon3{margin: 15px 0 0 20px !important;}

.div1_img{
background: url(images/team-button.png) no-repeat;
width: 15%;
height: 49px;
margin-left: 30px;
margin-top: 480px;
position: absolute;
background-size: contain;
}
.div1_img p{
margin: 5px 0 0 0px;
color:#fff;text-align:center;line-height: 17px !important;
}
.div1_img p .p1{font-size:18px;}
.div1_img p .p2{font-size:13px;}
.div1_img_1{
background: url(images/team-button.png) no-repeat;
height: 49px;
margin-left: 233px;
margin-top: 480px;
position: absolute;
width: 15%;
background-size: contain;
}
.div1_img_1 p{
margin: 5px 0 0 0px;
color:#fff; text-align:center;line-height: 17px !important;
}

.div1_img_1 p .p1{font-size:18px;}
.div1_img_1 p .p2{font-size:13px;}

.div1_img_2{
background: url(images/team-button.png) no-repeat;
height: 49px;
margin-left: 436px;
margin-top: 480px;
position: absolute;
width: 15%;
background-size: contain;
}
.div1_img_2 p{
margin: 5px 0 0 0px;
color:#fff; text-align:center;line-height: 17px !important;
}

.div1_img_2 p .p1{font-size:18px;}
.div1_img_2 p .p2{font-size:13px;}

.div1_img_3{
background: url(images/team-button.png) no-repeat;
height: 49px;
margin-left: 639px;
margin-top: 480px;
position: absolute;
width: 15%;
background-size: contain;
}
.div1_img_3 p{
margin: 5px 0 0 0px;
color:#fff; text-align:center;line-height: 17px !important;
}

.div1_img_3 p .p1{font-size:18px;}
.div1_img_3 p .p2{font-size:13px;}
/* Career */
.career {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 950px;
margin-left: auto;
margin-top: 30px;
margin-right: auto;
}
.career p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.career ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.career img{margin: 0 100px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}

/* hiphop */
.hiphop {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 525px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 0px;
margin-right: auto;
}
.hiphop p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}

.hiphop img{margin: 0 150px;
}
/* earlystage1 */
.earlystage1 {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 510px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
}
.earlystage1 p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.earlystage1 h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1 ul{
width: 450px;
float: left;
clear: left;}
.earlystage1 ul li{
 list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.earlystage1 img{
margin:25px 0 0 425px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
position:absolute;
width: 35%;
}
.earlystage1_a {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 110px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 30px;
margin-right: auto;
}

.earlystage1_a h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1_a ul{
width: 450px;
float: left;
clear: left;}
.earlystage1_a ul li{ list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}

.earlystage1_b {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 220px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 30px;
margin-right: auto;
}

.earlystage1_b h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1_b ul{
width: 450px;
float: left;
clear: left;}
.earlystage1_b ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}


/* SchoolPerformances */
.SchoolPerformances {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 525px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolPerformances p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}

.SchoolPerformances img{
margin: 0 65px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 85%;
}
/* SchoolConcerts */
.SchoolConcerts {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 580px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolConcerts p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolConcerts h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.SchoolConcerts ul{
}
.SchoolConcerts ul li{
 list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.SchoolConcerts img{margin: 25px 29px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 42%;
}
/* SchoolDiscos */
.SchoolDiscos {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 760px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolDiscos p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolDiscos h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.SchoolDiscos ul{
}
.SchoolDiscos ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;

}
.SchoolDiscos img{
margin: 25px 39px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 40%;
}
/* Yr6FarewellsFormals */
.Yr6FarewellsFormals {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 500px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.Yr6FarewellsFormals p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.Yr6FarewellsFormals h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.Yr6FarewellsFormals ul{
}
.Yr6FarewellsFormals ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#555;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.Yr6FarewellsFormals img
{
margin: 25px 39px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width:40%;
}

/* Overview */
.Overview {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 350px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.Overview p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
color:#555
}

.Overview ul{
}
.Overview ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#555;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}

.Overview_a {
padding: 10px 30px 40px 30px;
width: 824px;
height: 125px;
margin-left: auto;
margin-top: -20px;
margin-bottom: 30px;
margin-right: auto;
}
.Overview_a p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
color:#555
}

.Overview_a ul {
margin: 0 0 20px 0;
padding: 0px;
list-style-type: none;
}
.contact_info{
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 300px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 0px;
margin-right: auto;
}

.contact_info p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.contact_info h3 {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 16px;
font-weight:bold;
color:#000;
float:left;
clear:left;
padding:0;
margin: 20px 0 0 0;
}
.contact_info ul{width: 450px;
float: left;
clear: left;
}
.contact_info ul li{ 
list-style: none;	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-top: 6px;
line-height: 20px;
}
#map-canvas{margin: 25px 0 0 425px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
position:absolute;width: 30%;
height:18%;
}
.contact_info p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
width: 560px;
}
.contact_info_a {
float: left;
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 110px;
margin-left: 40px;margin-top: 0px;margin-bottom: 30px;
}

.contact_info_a h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.contact_info_a ul{
width: 450px;
float: left;
clear: left;}
.contact_info_a ul li{
 list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}

.contact_info_b {
float: left;
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 180px;
margin-left: 40px;
margin-top: 0px;
margin-bottom: 30px;
}

.contact_info_b h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.contact_info_b ul{
width: 450px;
float: left;
clear: left;}
.contact_info_b ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}

/*testimonial_con*/
#testimonial_con {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 630px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
#testimonial_con p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
width:550px;
height:240px;margin-left: 0px;
}
.testimonial_logo{ margin:-32px 0 0 326px}
#testimonials .carousel-nav {
display: block;
width: 740px !important;
margin: 195px 70px 0 40px !important;
position: absolute;
}
/*booknow*/
#booknow {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 650px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
#booknow p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
margin-left: 0px;

}

#form {
padding: 0px;
margin: 0px;
}
#fields label {
width: 180px;
display: block;
padding: 0px;
float:left;
clear:left;
height: 22px;
line-height: 22px;
font-size:11px;

}
#fields input {
border: 1px solid #C8D2D9;
margin: 0 0 5px 0;
width: 260px;
float:left;
height: 22px;
padding-left: 5px;

}
#fields textarea {
border: 1px solid #C8D2D9;
margin: 0 0 3px 0;
width: 260px;
height: 100px;
float:left;
padding-left: 5px;
}
#send input {
width: 109px;
height: 28px;
margin: 10px 0 0 180px;
float: left;
clear: left;
}
.styled-select {
width: 265px;margin: 0 0 5px 0;
height: 24px;
overflow: hidden;
background: url(images/dropdownarrow.png) no-repeat right #fff;
border: 1px solid #ccc;
float:left;
}
.styled-select select {
background-color:transparent;
border: 1px solid #C8D2D9;
width: 265px;
padding: 5px;
font-size: 16px;
line-height: 13px; font-size:12px; color:#555;
border: 0;
border-radius: 0;
height: 24px;padding-left: 5px;
-webkit-appearance: none;
float:left;
}
#footer {
text-align:center;
font-size:10px;
color:#fff;
background:#000;
padding-top:10px;
height:85px;
}
#footer a {
background: none;
padding: 0px;

}
.footer_text{width: 1024px;margin-top: 27px;}


}

/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen 
and (min-width: 1030px) {
.dl-menuwrapper {
	display:none;

}
.menu-toggle{ display:none}
.box_skitter_large {
width: 733px !important;
height: 400px;
float: left;
}
.box_skitter .image img {
display: none ;
width: 100% !important;
}
#welcome h1{
padding:5px 0 0 20px;
margin:0px;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}
h3{
font-size:14px;
color: #003366;
}
h4{
font-size:13px;
padding:2px;
margin:0px;
color: #003366;
border-bottom:1px #999999 dashed;
}
#container {
position: relative;
width: 1024px;
margin: 0 auto;
padding: 0px;
text-align: left;
}
#header_container {
position: relative;
width: 1024px;
margin: 0 auto;
padding: 0px;
text-align: left;
background:#ececec;
height:380px;

}
#head {
width: 1024px;
height: 192px;
background: url(images/logo_BG.png) no-repeat;
}
#head h1 {
font-family: HelveticaRegular;
position: absolute;
margin: 210px 0px 0px 360px;
clear: left;
color:#000;
font-size:30px;
line-height:36px;
}
#head h3 {
font-family: HelveticaRegular;
position: absolute;
margin: 20px 0px 0px 60px;
clear: left;
color:#000;
font-size:25px;
text-transform:uppercase;
line-height:31px;
}

#head .logo {
float:left;
position: relative;
margin: 0px 0 0 36px;
width: 355px;
height: 270px;
background: url(images/logo.png) no-repeat;
}
#head .logo a {
text-indent: -2000px;
width: 355px;
height: 270px;
display: block;
background: url(images/logo.png) no-repeat;
}
.contactnum{ background: url(images/dance2bfit_contact.png) no-repeat;
float: right;
width: 275px;
height: 72px;
margin-right: 60px;
margin-top: 40px;
}
.top_head_banner{
float:right;
width:200px;
height:120px;
background:url(images/top_head.gif) no-repeat right;
background-position:-12px 12px;
}
.infiniteCarousel {
width: 824px;
position: relative;
height: 200px;
margin: 85px auto 0 auto;
}
.infiniteCarousel .wrapper {
width: 844px;
min-height: 10em;
margin: 0 -20px;
position: absolute;
top: 0;
height: 200px;
}
.infiniteCarousel ul a img {
border: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.infiniteCarousel .wrapper ul {
width: 9999px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position: absolute;
top: 0;
}

.infiniteCarousel ul li {
display:block;
float:left;
padding: 10px;
height: 200px;
width: 352px;
}

.infiniteCarousel ul li a img {
display:block;
}

.infiniteCarousel .arrow {
display: block;
height: 36px;
width: 37px;
position: absolute;
top: -45px;
cursor: pointer;
}
.infiniteCarousel .forward {
right: -90px;
}

.infiniteCarousel .back {
right: -40px;
}

.infiniteCarousel .forward:hover {
background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
background-position: 0 -108px;
}
#menu {
position: relative;
width: 980px;
top: 0px;
clear:left;
margin: 0px auto;
padding: 0px;
z-index: 100;
background:url(images/menu_BG.png) repeat-x;
height:43px;
border-top: 1px #cdcdcd solid;
border-left: 1px #cdcdcd solid;
border-right: 1px #cdcdcd solid;
}
#menu li {
list-style-type: none;
float: left;
text-align: center;
height: 39px;
line-height: 37px;
background: url(images/sep.png) no-repeat top right;
width: 122px;
}
#menu li:last-child {
}
#menu li a {
padding: 0 0 7px 0;
height: 43px;
color: #000;
font-size:12px;
font-family:HelveticaRegular;
}
#menu li a:hover {
color:#999;
}
#menu .current {
color: #fff;
font-weight: bold;
background: url(img/hover.png) no-repeat;
height: 100px;
list-style-type: none;
float: left;
text-align: center;
line-height: 47px;
width: 110px;
margin: -8px 0 0 7px;
}
/* Drop-Down Navigation */
ul#menu li:hover > .sub-menu
{
visibility:visible;
opacity:1;
}
ul#menu .sub-menu, ul#menu .sub-menu li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul#menu .sub-menu li ul {
top: 0;
}

ul#menu .sub-menu li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}

ul#menu .sub-menu li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}

ul#menu .sub-menu li a.first {
border-left: 0 none;
}

ul#menu .sub-menu li a.last {
border-right: 0 none;
}

ul#menu li:hover > .sub-menu
{
visibility:visible;
opacity:1;
}

ul#menu .sub-menu, ul#menu .sub-menu li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul#menu .sub-menu li ul {
top: 0;
}

ul#menu .sub-menu li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .sub-menu li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .sub-menu li a.first {
border-left: 0 none;
}
ul#menu .sub-menu li a.last {
border-right: 0 none;
}


ul#menu li:hover > .ul2
{
visibility:visible;
opacity:1;
}
ul#menu .ul2, ul#menu .ul2 li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul#menu .ul2 {
top: 43px;
left: 242px;
}
ul#menu .sub-menu li ul {
top: 0;
}
ul#menu .ul2 li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .ul2 li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .ul2 li a.first {
border-left: 0 none;
}
ul#menu .ul2 li a.last {
border-right: 0 none;
}
ul#menu li:hover > .ul2
{
visibility:visible;
opacity:1;
}
ul#menu .ul2, ul#menu .ul2 li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .ul2 {
top: 43px;
left: 242px;
}
ul#menu .ul2 li ul {
top: 0;
left: 181px;
}
ul#menu .ul2 li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .ul2 li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .ul2 li a.first {
border-left: 0 none;
}
ul#menu .ul2 li a.last {
border-right: 0 none;
}
#area {
height: 155px;
background: url(images/bottomBG.png) repeat-x;
margin: 30px auto 0 auto;
clear: left;
padding-top: 60px;
}
#area2 {
height: 155px;
background: url(images/bottomBG.png) repeat-x;
margin: 30px auto 0 auto;
clear: left;
padding-top: 60px;
}
#main {
margin: 0 auto;
background: none;
width: 1024px;
height: auto;
}
#content_left_a {
padding: 0px 30px 40px 30px;
width: 671px;
background: #ececec;
border: 1px solid #fff;
height: 78px;
margin-left: auto;
margin-top: -295px;
margin-bottom: 40px;
margin-right: auto;
float: left;
}
#content_left_a p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_left {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 550px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 40px;
margin-right: auto;
}
#content_left p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_left_b {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 230px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 40px;
margin-right: auto;
}
#content_left_b p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_right{
float: left;
padding: 5px;
width: 200px;
height: auto;
position: relative;
margin: -5px 0 0px 30px;
}
#content_right img{
width: 122%;
}

#content_right .hiphopimg{
margin: 0 0 59px -4px; 
width:127%;
}
#content_right_a{
clear: left;
float: left;
padding: 5px;
width: 940px;
height: auto;
position: relative;
margin: -167px 0 30px -5px;
}
#content_right_a img{
width: 25%;
}
#welcome {
padding:10px;
width: 980px;
height:60px; 	
font-family: HelveticaRegular;
font-size:18px;
line-height:20px;
clear:left;
}

#welcome h1 {
font-family: HelveticaRegular;
position: absolute;
margin: 20px 0px 0px 40px;
clear: left;
color:#b31535;
font-size:30px;
}
.item_box{
width:auto;
height:auto;
padding:10px 0 5px 0;
border-bottom:1px #666666 dashed;
}
.item_box_1{
width: 45%;
height: 145px;
margin-left: 50px;
padding: 10px 0 5px 0;float: left;
background: url(images/subscribe_bG.png) no-repeat;
background-size:contain;
}
.item_box_1 .heading_one
{
font-family: 'SegoeUILight';
font-size: 23px;
color: #fff;
padding-left: 28px
}
.item_box_1 input[type="email"]{
margin-left: 43px;
height: 26px;
width: 240px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
margin-top: -5px;
float: left;
padding-left: 10px;
}
.item_box_1 input[type="text"]{
margin-left: 42px;
height: 30px;
width: 265px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
margin-top: -5px;
float: left;
padding-left: 10px;
}
.item_box_2{
width: 45%;
height: 139px;
padding: 10px 0 5px 0;
margin-top: 8px;
float: left;
background: url(images/fb.png) no-repeat;
background-size:contain;
}
/*team*/
.div1{
width: 193px;
height: 480px;
background-color: #fff;
border-radius: 4px;
float: left;
margin-left: 10px;
margin-top: 30px;
}
.div2{
width: 181px;
height: 462px;
background-color: #eee;
border-radius: 4px;
float: left;
margin-left: 6px;
margin-top: 6px;
}
.div2 p {
font-family: HelveticaRegular;
font-size: 13px !important;
line-height: 15px;
text-align:left;
width:170px;
margin-left:8px;
}
.div2 img { width:18%;}
.div2 .icon1{margin: 115px 0 0 20px !important;}
.div2 .icon2{margin: 155px 0 0 20px !important;}
.div2 .icon3{margin: 15px 0 0 20px !important;}

.div1_img{
background: url(images/team-button.png) no-repeat;
width: 15%;
height: 49px;
margin-left: 30px;
margin-top: 480px;
position: absolute;
background-size: contain;
}
.div1_img p{
margin: 5px 0 0 0px;
color:#fff;
text-align:center;
line-height: 17px !important;
}
.div1_img p .p1{font-size:18px;}
.div1_img p .p2{font-size:13px;}
.div1_img_1{
background: url(images/team-button.png) no-repeat;
height: 49px;
margin-left: 233px;
margin-top: 480px;
position: absolute;
width: 15%;
background-size: contain;
}
.div1_img_1 p{
margin: 5px 0 0 0px;
color:#fff; 
text-align:center;
line-height: 17px !important;
}

.div1_img_1 p .p1{font-size:18px;}
.div1_img_1 p .p2{font-size:13px;}

.div1_img_2{
background: url(images/team-button.png) no-repeat;
height: 49px;
margin-left: 436px;
margin-top: 480px;
position: absolute;
width: 15%;
background-size: contain;
}
.div1_img_2 p{
margin: 5px 0 0 0px;
color:#fff; 
text-align:center;
line-height: 17px !important;
}

.div1_img_2 p .p1{font-size:18px;}
.div1_img_2 p .p2{font-size:13px;}

.div1_img_3{
background: url(images/team-button.png) no-repeat;
height: 49px;
margin-left: 639px;
margin-top: 480px;
position: absolute;
width: 15%;
background-size: contain;
}
.div1_img_3 p{
margin: 5px 0 0 0px;
color:#fff; 
text-align:center;
line-height: 17px !important;
}

.div1_img_3 p .p1{font-size:18px;}
.div1_img_3 p .p2{font-size:13px;}
/* Career */
.career {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 950px;
margin-left: auto;
margin-top: 30px;
margin-right: auto;
}
.career p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.career ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;

}
.career img{margin: 0 100px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}

/* hiphop */
.hiphop {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 525px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 0px;
margin-right: auto;
}
.hiphop p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}

.hiphop img{
margin: 0 150px;
}
/* earlystage1 */
.earlystage1 {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 510px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
}
.earlystage1 p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.earlystage1 h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1 ul{
width: 450px;
float: left;
clear: left;
}
.earlystage1 ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;

}
.earlystage1 img{
margin:25px 0 0 425px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
position:absolute;
width: 35%;
}
.earlystage1_a {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 110px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 30px;
margin-right: auto;
}

.earlystage1_a h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1_a ul{width: 450px;
float: left;
clear: left;
}
.earlystage1_a ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;

}

.earlystage1_b {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 220px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 30px;
margin-right: auto;
}

.earlystage1_b h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1_b ul{
width: 450px;
float: left;
clear: left;
}
.earlystage1_b ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;

}


/* SchoolPerformances */
.SchoolPerformances {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 525px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolPerformances p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}

.SchoolPerformances img{
margin: 0 65px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 85%;
}
/* SchoolConcerts */
.SchoolConcerts {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 580px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolConcerts p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolConcerts h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.SchoolConcerts ul{
}
.SchoolConcerts ul li{
 list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;

}
.SchoolConcerts img{
margin: 25px 29px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 42%;
}
/* SchoolDiscos */
.SchoolDiscos {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 760px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolDiscos p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolDiscos h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.SchoolDiscos ul{
}
.SchoolDiscos ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;

}
.SchoolDiscos img{
margin: 25px 39px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 40%;
}
/* Yr6FarewellsFormals */
.Yr6FarewellsFormals {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 500px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.Yr6FarewellsFormals p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.Yr6FarewellsFormals h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.Yr6FarewellsFormals ul{
}
.Yr6FarewellsFormals ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#555;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;

}
.Yr6FarewellsFormals img{
margin: 25px 39px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width:40%;
}

/* Overview */
.Overview {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 350px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.Overview p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
color:#555
}

.Overview ul{
}
.Overview ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#555;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}

.Overview_a {
padding: 10px 30px 40px 30px;
width: 824px;
height: 125px;
margin-left: auto;
margin-top: -20px;
margin-bottom: 30px;
margin-right: auto;
}
.Overview_a p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
color:#555
}

.Overview_a ul {
margin: 0 0 20px 0;
padding: 0px;
list-style-type: none;
}
.contact_info{
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 300px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 0px;
margin-right: auto;
}

.contact_info p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.contact_info h3 {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 16px;
font-weight:bold;
color:#000;
float:left;
clear:left;
padding:0;
margin: 20px 0 0 0;
}
.contact_info ul{
width: 450px;
float: left;
clear: left;
}
.contact_info ul li{ 
list-style: none;	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-top: 6px;
line-height: 20px;

}
#map-canvas{
margin: 25px 0 0 425px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
position:absolute;
width: 30%;
height:18%;
}
.contact_info p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
width: 560px;
}
.contact_info_a {
float: left;
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 110px;
margin-left: 40px;
margin-top: 0px;
margin-bottom: 30px;
}

.contact_info_a h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.contact_info_a ul
{
width: 450px;
float: left;
clear: left;
}
.contact_info_a ul li
{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;

}

.contact_info_b
 {
float: left;
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 180px;
margin-left: 40px;
margin-top: 0px;
margin-bottom: 30px;
}

.contact_info_b h3 
{
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.contact_info_b ul
{
width: 450px;
float: left;
clear: left;
}
.contact_info_b ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;

}

/*testimonial_con*/
#testimonial_con {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 100%;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
#testimonial_con p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
width:550px;
height:auto;margin-left: 0px;
}
.testimonial_logo{ 
margin: -34px 0 0 325px;
}
#testimonials .carousel-nav {
display: block;
width: 737px !important;
margin: 195px 70px 0 42px !important;
position: absolute;
}
/*booknow*/
#booknow {
padding: 10px 30px 40px 30px;
width: 824px;
background: #ececec;
border: 1px solid #fff;
height: 650px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
#booknow p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
margin-left: 0px;

}

#form {
padding: 0px;
margin: 0px;
}
#fields label {
width: 180px;
display: block;
padding: 0px;
float:left;
clear:left;
height: 22px;
line-height: 22px;

}
#fields input {
border: 1px solid #C8D2D9;
margin: 0 0 5px 0;
width: 260px;
float:left;
height: 22px;
padding-left: 5px;

}
#fields textarea {
border: 1px solid #C8D2D9;
margin: 0 0 3px 0;
width: 260px;
height: 100px;
float:left;
padding-left: 5px;
}
#send input {
width: 109px;
height: 28px;
margin: 10px 0 0 180px;
float: left;
clear: left;
}
.styled-select {
width: 265px;
margin: 0 0 5px 0;
height: 24px;
overflow: hidden;
background: url(images/dropdownarrow.png) no-repeat right #fff;
border: 1px solid #ccc;
float:left;
}
.styled-select select {
background-color:transparent;
border: 1px solid #C8D2D9;
width: 265px;
padding: 5px;
font-size: 16px;
line-height: 13px; 
font-size:12px; 
color:#555;
border: 0;
border-radius: 0;
height: 24px;
padding-left: 5px;
-webkit-appearance: none;
float:left;
}
#footer {
text-align:center;
font-size:10px;
color:#fff;
background:#000;
padding-top:10px;
height:85px;
}
#footer a {
background: none;
padding: 0px;

}
.footer_text{width: 1284px;margin-top: 27px;}

} 

/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen 
and (min-width: 1240px) {
.dl-menuwrapper {
	display:none;

}
.menu-toggle{ display:none}
.box_skitter_large {
width: 1012px !important;
height: 400px;
float: left;
}
.box_skitter .image img {
display: none ;
width: 100% !important;
}
#welcome h1{
padding:5px 0 0 20px;
margin:0px;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}
h3{
font-size:14px;
color: #003366;
}
h4{
font-size:13px;
padding:2px;
margin:0px;
color: #003366;
border-bottom:1px #999999 dashed;
}
#container {
position: relative;
width: 1280px;
margin: 0 auto;
padding: 0px;
text-align: left;
}
#header_container {
position: relative;
width: 1280px;
margin: 0 auto;
padding: 0px;
text-align: left;
background:#ececec;
height:380px;
}

#head {
width: 1280px;
height: 192px;
background: url(images/logo_BG.png) no-repeat;
}
#head h1 {
font-family: HelveticaRegular;
position: absolute;
margin: 210px 0px 0px 360px;
clear: left;
color:#000;
font-size:30px;
line-height:36px;
}
#head h3 {
font-family: HelveticaRegular;
position: absolute;
margin: 20px 0px 0px 60px;
clear: left;
color:#000;
font-size:25px;
text-transform:uppercase;
line-height:31px;
}

#head .logo {
float:left;
position: relative;
margin: 0px 0 0 36px;
width: 355px;
height: 270px;
background: url(images/logo.png) no-repeat;
}
#head .logo a {
text-indent: -2000px;
width: 355px;
height: 270px;
display: block;
background: url(images/logo.png) no-repeat;
}
.contactnum{ background: url(images/dance2bfit_contact.png) no-repeat;
float: right;
width: 275px;
height: 72px;
margin-right: 60px;
margin-top: 40px;
}
.top_head_banner{
float:right;
width:200px;
height:120px;
background:url(images/top_head.gif) no-repeat right;
background-position:-12px 12px;
}
.infiniteCarousel {
width: 1080px;
position: relative;
height: 200px;
margin: 85px auto 0 auto;
}
.infiniteCarousel .wrapper {
width: 1100px;
min-height: 10em;
margin: 0 -20px;
position: absolute;
top: 0;
height: 200px;
}
.infiniteCarousel ul a img {
border: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.infiniteCarousel .wrapper ul {
width: 9999px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position: absolute;
top: 0;
}
.infiniteCarousel ul li {
display:block;
float:left;
padding: 10px;
height: 200px;
width: 352px;
}
.infiniteCarousel ul li a img {
display:block;
}

.infiniteCarousel .arrow {
display: block;
height: 36px;
width: 37px;
position: absolute;
top: -45px;
cursor: pointer;
}
.infiniteCarousel .forward {
right: -90px;
}
.infiniteCarousel .back {
right: -40px;
}
.infiniteCarousel .forward:hover {
background-position: 0 -36px;
}
.infiniteCarousel .back:hover {
background-position: 0 -108px;
}
#menu {
position: relative;
width: 980px;
top: 0px;
clear:left;
margin: 0px auto;
padding: 0px;
z-index: 100;
background:url(images/menu_BG.png) repeat-x;
height:43px;
border-top: 1px #cdcdcd solid;
border-left: 1px #cdcdcd solid;
border-right: 1px #cdcdcd solid;
}
#menu li {
list-style-type: none;
float: left;
text-align: center;
height: 39px;
line-height: 37px;
background: url(images/sep.png) no-repeat top right;
width: 122px;
}
#menu li:last-child {
}
#menu li a {
padding: 0 0 7px 0;
height: 43px;
color: #000;
font-size:12px;
font-family:HelveticaRegular;
}
#menu li a:hover {
color:#999;
}

#menu li ul .current_page_item {
list-style-type: none;
float: left;
text-align: center;
height: 39px;
line-height: 37px;
background: url(images/sep.png) no-repeat top right;
width: 122px;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color -moz-use-text-color #C9C9C9;
border-image: none;
border-style: none none solid;
border-width: 0 0 1px;
clear: both;
width: 100%;
}

#menu .current, #menu .current_page_item, #menu .current-menu-parent {
color: #fff;
font-weight: bold;
background: url(img/hover.png) no-repeat;
height: 100px;
list-style-type: none;
float: left;
text-align: center;
line-height: 47px;
width: 110px;
margin: -8px 0 0 7px;
}
#menu .current a, #menu .current_page_item a, #menu .current-menu-parent a {
color: #fff;
}
/* Drop-Down Navigation */
ul#menu li:hover > .sub-menu
{
visibility:visible;
opacity:1;
}
ul#menu .sub-menu, ul#menu .sub-menu li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul#menu .sub-menu li ul {
top: 0;
}
ul#menu .sub-menu li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .sub-menu li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .sub-menu li a.first {
border-left: 0 none;
}
ul#menu .sub-menu li a.last {
border-right: 0 none;
}
ul#menu li:hover > .sub-menu
{
visibility:visible;
opacity:1;
}
ul#menu .sub-menu, ul#menu .sub-menu li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul#menu .sub-menu li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .sub-menu li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .sub-menu li a.first {
border-left: 0 none;
}
ul#menu .sub-menu li a.last {
border-right: 0 none;
}


ul#menu li:hover > .ul2
{
visibility:visible;
opacity:1;
}
ul#menu .ul2, ul#menu .ul2 li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .ul2 {
top: 43px;
left: 242px;
}
ul#menu .sub-menu li ul {
top: 0;
left: 181px;
}
ul#menu .ul2 li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .ul2 li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .ul2 li a.first {
border-left: 0 none;
}
ul#menu .ul2 li a.last {
border-right: 0 none;
}
ul#menu li:hover > .ul2
{
visibility:visible;
opacity:1;
}
ul#menu .ul2, ul#menu .ul2 li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .ul2 {
top: 43px;
left: 242px;
}
ul#menu .ul2 li ul {
top: 0;
left: 181px;
}
ul#menu .ul2 li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .ul2 li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .ul2 li a.first {
border-left: 0 none;
}
ul#menu .ul2 li a.last {
border-right: 0 none;
}
#area {
height: 155px;
background: url(images/bottomBG.png) repeat-x;
margin: 30px auto 0 auto;
clear: left;
padding-top: 60px;
}
#area2 {
height: 155px;
background: url(images/bottomBG.png) repeat-x;
margin: 30px auto 0 auto;
clear: left;
padding-top: 60px;
}
#main {
margin: 0 auto;
background: none;
width: 1280px;
height: auto;
}
#content_left_a {
padding: 10px 30px 30px 30px;
width: 952px;
background: #ececec;
border: 1px solid #fff;
height: 78px;
margin-left: auto;
margin-top: -310px;
margin-bottom: 40px;
margin-right: auto;
float: left;
}
#content_left_a p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_left {
padding: 10px 30px 40px 30px;
width: 1080px;
background: #ececec;
border: 1px solid #fff;
height: 550px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 40px;
margin-right: auto;
}
#content_left p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_left_b {
padding: 10px 30px 40px 30px;
width: 1080px;
background: #ececec;
border: 1px solid #fff;
height: 200px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 40px;
margin-right: auto;
}
#content_left_b p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_right{
float: left;
padding: 5px;
width: 200px;
height: auto;
position: relative;
margin: -5px 0 0px 15px;
}
#content_right_a{
clear: left;
float: left;
padding: 5px;
width: 1021px;
height: 168px
position: relative;
margin: -169px 0 30px -5px;
}
#content_right_a img{width: 23.3%;}

#content_right_a .img4{ 
margin-right: 140px !important;
}
#content_right_a #img4{ 
margin-right: 155px !important;

}
#welcome {
padding:10px;
width: 980px;
height:60px; 	
font-family: HelveticaRegular;
font-size:18px;
line-height:20px;
clear:left;
}
#welcome h1 {
font-family: HelveticaRegular;
position: absolute;
margin: 20px 0px 0px 0px;
clear: left;
color:#b31535;
font-size:30px;
}
.item_box{
width:auto;
height:auto;
padding:10px 0 5px 0;
border-bottom:1px #666666 dashed;
}
.item_box_1{
width: 511px;
height: 145px;margin-left: 97px;
padding: 10px 0 5px 0;float: left;
background: url(images/subscribe_bG.png) no-repeat;
}
.item_box_1 .heading_one{
font-family: 'SegoeUILight';
font-size: 27px;
color: #fff;
padding-left: 28px;
}
.item_box_1 input[type="email"]{
margin-left: 57px;
height: 26px;
width: 260px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
margin-top: -5px; 
float:left; 
padding-left:10px
}

.item_box_1 input[type="text"]{
margin-left: 42px;
height: 30px;
width: 265px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
margin-top: -5px;
float: left;
padding-left: 10px;
}
.item_box_2{
width: 509px;
height: 139px;
padding: 10px 0 5px 0;
margin-top: 8px;
float: left;
background: url(images/fb.png) no-repeat;
}
/*team*/
.div1{
width: 250px;
height: 480px;
background-color: #fff;
border-radius: 4px;
float: left;
margin-left: 16px;
margin-top: 30px;
}
.div2{
width: 230px;
height: 462px;
background-color: #eee;
border-radius: 4px;
float: left;
margin-left: 10px;
margin-top: 9px;
}
.div2 p {
font-family: HelveticaRegular;
font-size: 13px;
line-height: 15px;
text-align:left;
width:220px;
margin-left:8px;
}
.div1_img{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 52px;
margin-top: 480px;
position: absolute;
}
.div1_img p{
margin: 5px 0 0 0px;
color:#fff;text-align:center
}
.div1_img_1{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 318px;
margin-top: 480px;
position: absolute;
}
.div1_img_1 p{
margin: 5px 0 0 0px;
color:#fff; text-align:center
}
.div1_img_2{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 584px;
margin-top: 480px;
position: absolute;
}
.div1_img_2 p{
margin: 5px 0 0 0px;
color:#fff; text-align:center
}
.div1_img_3{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 850px;
margin-top: 480px;
position: absolute;
}
.div1_img_3 p{
margin: 5px 0 0 0px;
color:#fff; text-align:center
}
/* Career */
.career {
padding: 10px 30px 40px 30px;
width: 1080px;
background: #ececec;
border: 1px solid #fff;
height: 950px;
margin-left: auto;
margin-top: 30px;
margin-right: auto;
}
.career p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.career ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
.career img{
margin: 0 230px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
/* hiphop */
.hiphop {
padding: 10px 30px 40px 30px;
width: 1080px;
background: #ececec;
border: 1px solid #fff;
height: 525px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 0px;
margin-right: auto;
}
.hiphop p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}

.hiphop img{
margin: 0 230px;
}
/* earlystage1 */
.earlystage1 {
padding: 10px 30px 40px 30px;
width: 1080px;
background: #ececec;
border: 1px solid #fff;
height: 510px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
}
.earlystage1 p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.earlystage1 h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1 ul{
width: 450px;
float: left;
clear: left;
}
.earlystage1 ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
.earlystage1 img{
margin:25px 0 0 425px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
position:absolute
}
.earlystage1_a {
padding: 10px 30px 40px 30px;
width: 1080px;
background: #ececec;
border: 1px solid #fff;
height: 110px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 30px;
margin-right: auto;
}
.earlystage1_a h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1_a ul{
width: 450px;
float: left;
clear: left;
}
.earlystage1_a ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
.earlystage1_b {
padding: 10px 30px 40px 30px;
width: 1080px;
background: #ececec;
border: 1px solid #fff;
height: 220px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 30px;
margin-right: auto;
}
.earlystage1_b h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1_b ul{
width: 450px;
float: left;
clear: left;
}
.earlystage1_b ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
/* SchoolPerformances */
.SchoolPerformances {
padding: 10px 30px 40px 30px;
width: 1080px;
background: #ececec;
border: 1px solid #fff;
height: 625px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolPerformances p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolPerformances img{
margin: 0 65px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
/* SchoolConcerts */
.SchoolConcerts {
padding: 10px 30px 40px 30px;
width: 1080px;
background: #ececec;
border: 1px solid #fff;
height: 610px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolConcerts p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolConcerts h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.SchoolConcerts ul{
}
.SchoolConcerts ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
.SchoolConcerts img{margin: 25px 29px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
/* SchoolDiscos */
.SchoolDiscos {
padding: 10px 30px 40px 30px;
width: 1080px;
background: #ececec;
border: 1px solid #fff;
height: 980px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolDiscos p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolDiscos h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.SchoolDiscos ul{
}
.SchoolDiscos ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
.SchoolDiscos img{
margin: 25px 25px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width:45%;
}
/* Yr6FarewellsFormals */
.Yr6FarewellsFormals {
padding: 10px 30px 40px 30px;
width: 1080px;
background: #ececec;
border: 1px solid #fff;
height: 650px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.Yr6FarewellsFormals p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.Yr6FarewellsFormals h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.Yr6FarewellsFormals ul{
}
.Yr6FarewellsFormals ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#555;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
.Yr6FarewellsFormals img{
margin: 25px 39px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}

/* Overview */
.Overview {
padding: 10px 30px 40px 30px;
width: 1080px;
background: #ececec;
border: 1px solid #fff;
height: 350px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.Overview p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
color:#555
}

.Overview ul{
}
.Overview ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#555;
font-size:16px;
margin-left: 30px;
margin-top: 2px;}

.Overview_a {
padding: 10px 30px 40px 30px;
width: 1080px;
height: 125px;
margin-left: auto;
margin-top: -20px;
margin-bottom: 30px;
margin-right: auto;
}
.Overview_a p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
color:#555
}
.Overview_a  ul {
margin: 0 0 20px 0;
padding: 0px;
list-style-type: none;
}
.contact_info{
padding: 10px 30px 40px 30px;
width: 1080px;
background: #ececec;
border: 1px solid #fff;
height: 300px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 0px;
margin-right: auto;
}
.contact_info p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.contact_info h3 {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 16px;
font-weight:bold;
color:#000;
float:left;
clear:left;
padding:0;
margin: 20px 0 0 0;
}
.contact_info ul{
width: 450px;
float: left;
clear: left;
}
.contact_info ul li
{ 
list-style: none;	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-top: 6px;
}
#map-canvas{
margin: 25px 0 0 525px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
position:absolute;
height:18%;

}
.contact_info p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
width: 560px;
}
.contact_info_a {
float: left;
padding: 10px 30px 40px 30px;
width: 1080px;
background: #ececec;
border: 1px solid #fff;
height: 110px;
margin-left: 40px;
margin-top: 0px;
margin-bottom: 30px;
}

.contact_info_a h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.contact_info_a ul{
width: 450px;
float: left;
clear: left;
}
.contact_info_a ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}

.contact_info_b {
float: left;
padding: 10px 30px 40px 30px;
width: 1080px;
background: #ececec;
border: 1px solid #fff;
height: 180px;
margin-left: 40px;
margin-top: 0px;
margin-bottom: 30px;
}

.contact_info_b h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.contact_info_b ul{
width: 450px;
float: left;
clear: left;
}
.contact_info_b ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;}

/*testimonial_con*/
#testimonial_con {
padding: 10px 30px 40px 30px;
width: 1080px;
background: #ececec;
border: 1px solid #fff;
height: auto;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
#testimonial_con p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
width:550px;
height:auto;margin-left: 0px;
}
.testimonial_logo {
margin: -34px 0 0 453px;
}#testimonials .carousel-nav {
display: block;
width: 737px !important;
margin: 195px 70px 0 170px !important;
position: absolute;
}

/*booknow*/
#booknow {
padding: 10px 30px 40px 30px;
width: 1080px;
background: #ececec;
border: 1px solid #fff;
height: 650px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
#booknow p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
margin-left: 0px;
}

#form {
padding: 0px;
margin: 0px;
}

#booknow #form #fields p {
font-family: HelveticaRegular;
font-size: 12px;
line-height: 20px;
margin-left: 0px;
}

#fields label {
letter-spacing: 1px;
width: 160px;
display: block;
padding: 0px;
float:left;
clear:left;
height: 22px;
line-height: 22px;
}
#fields input {
border: 1px solid #C8D2D9;
margin: 0 0 5px 0;
width: 260px;
float:left;
height: 22px;
padding-left: 5px;
}
#fields textarea {
border: 1px solid #C8D2D9;
margin: 0 0 3px 0;
width: 260px;
height: 100px;
float:left;padding-left: 5px;
}
#send input {
width: 109px;
height: 28px;
margin: 10px 0 0 160px;
float: left;
clear: left;
}
.styled-select {
width: 265px;margin: 0 0 5px 0;
height: 24px;
overflow: hidden;
background: url(images/dropdownarrow.png) no-repeat right #fff;
border: 1px solid #ccc;float:left;
}
.styled-select select {
background-color:transparent;
border: 1px solid #C8D2D9;
width: 265px;
padding: 5px;
font-size: 16px;
line-height: 13px; font-size:12px; color:#555;
border: 0;
border-radius: 0;
height: 24px;padding-left: 5px;
-webkit-appearance: none;float:left;
}
#footer {
text-align:center;
font-size:10px;
color:#fff;
background:#000;
padding-top:10px;
height:85px;
}
#footer a {
background: none;
padding: 0px;
}


} 

/*
for ipad 1,2,3,4,5
*/
@media only screen 
and (min-width: 600px) 
and (max-width: 919px) 
and (orientation : landscape) 
{
/*.dl-menuwrapper {
	display:none;

}	
.menu-toggle{ display:none;}*/
#banner{
float:left;
text-align:left;
margin-bottom:-20px;
}
.box_skitter_large {
width: 548px !important;
height: 300px !important;
float: left;
}
.box_skitter .container_skitter {
overflow: hidden;
position: relative;
height: 300px !important;
}
.box_skitter .image img {
display: none ;
width: 100% !important;
}
#welcome h1{
padding:5px 0 0 20px;
margin:0px;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}
h3{
font-size:14px;
color: #003366;
}
#head {
width: 768px;
height: 192px;
background: url(images/logo_BG.png) no-repeat;
}
#head h1 {
font-family: HelveticaRegular;
position: absolute;
margin: 210px 0px 0px 360px;
clear: left;
color:#000;
font-size:20px;
line-height:26px;
}
#head h3 {
font-family: HelveticaRegular;
/*position: absolute;*/
margin: 20px 0px 0px 60px;
clear: left;
color:#000;
font-size:25px;
text-transform:uppercase;
line-height:31px;

}
#head .logo {
float:left;
position: relative;
margin: 0px 0 0 36px;
width: 355px;
height: 270px;
background: url(images/logo.png) no-repeat;
}
#head .logo a {
text-indent: -2000px;
width: 355px;
height: 270px;
display: block;
background: url(images/logo.png) no-repeat;
}
.contactnum{ 
background: url(images/dance2bfit_contact.png) no-repeat;
float: right;
}
h4{
font-size:13px;
padding:2px;
margin:0px;
color: #003366;
border-bottom:1px #999999 dashed;
}
#container {
position: relative;
width: 768px;
margin: 0 auto;
padding: 0px;
text-align: left;
}
#header_container {
position: relative;
width: 768px;
margin: 0 auto;
padding: 0px;
text-align: left;
background:#ececec;
height:320px;
margin-right: 30px;
background-size: contain;
}
.contactnum{background: url(images/dance2bfit_contact.png) no-repeat;
float: right;
width: 45%;
clear: both;
height: 72px;
margin-right: -50px;
margin-top: -212px;
background-size: contain;
}
.contactnum p{ 
font-size: 15px !important;
margin: 20px 0 0 55px !important;
}
.top_head_banner{
float:right;
width:200px;
height:120px;
background:url(images/top_head.gif) no-repeat right;
background-position:-12px 12px;
}
.infiniteCarousel {
width: 568px;
position: relative;
height: 200px;
margin: 85px auto 0 auto;
}

.infiniteCarousel .wrapper {
width: 588px;
min-height: 10em;
margin: 0 -20px;
position: absolute;
top: 0;
height: 200px;
}
.infiniteCarousel ul a img {
border: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.infiniteCarousel .wrapper ul {
width: 9999px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position: absolute;
top: 0;
}
.infiniteCarousel ul li {
display:block;
float:left;
padding: 10px;
height: 200px;
width: 352px;
}

.infiniteCarousel ul li a img {
display:block;
}
.infiniteCarousel .arrow {
display: block;
height: 36px;
width: 37px;
position: absolute;
top: -45px;
cursor: pointer;
}
.infiniteCarousel .forward {
right: -90px;
}
.infiniteCarousel .back {
right: -40px;
}
.infiniteCarousel .forward:hover {
background-position: 0 -36px;
}
.infiniteCarousel .back:hover {
background-position: 0 -108px;
}
#menu { display:none;
position: relative;
width: 745px;
top: 0px;
clear:left;
margin: 0px auto;
padding: 0px;
z-index: 100;
background:url(images/menu_BG.png) repeat-x;
height:43px;
border-top: 1px #cdcdcd solid;
border-left: 1px #cdcdcd solid;
border-right: 1px #cdcdcd solid;
}
#menu li {
list-style-type: none;
float: left;
text-align: center;
height: 39px;
line-height: 37px;
background: url(images/sep.png) no-repeat top right;
width: 93px;
}
#menu li:last-child {
background: none;
}
#menu li a {
padding: 0 0 7px 0;
height: 43px;
color: #000;
font-size:12px;
font-family:HelveticaRegular;
}
#menu li a:hover {
color:#999;
}
#menu .current {
color: #fff;
background: url(img/hover.png) no-repeat;
height: 100px;
list-style-type: none;
float: left;
text-align: center;
line-height: 47px;
width: 105%;
margin: -7px 0 0 -3px;
background-size: contain;
}
/* Drop-Down Navigation */
ul#menu li:hover > .sub-menu
{
visibility:visible;
opacity:1;
}
ul#menu .sub-menu, ul#menu .sub-menu li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .sub-menu {
top: 43px;
left: 120px;
}
ul#menu .sub-menu li ul {
top: 0;
left: 181px;
}
ul#menu .sub-menu li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .sub-menu li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .sub-menu li a.first {
border-left: 0 none;
}
ul#menu .sub-menu li a.last {
border-right: 0 none;
}
ul#menu li:hover > .sub-menu
{
visibility:visible;
opacity:1;
}
ul#menu .sub-menu, ul#menu .sub-menu li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul#menu .sub-menu {
top: 43px;
left: 90px;
}
ul#menu .sub-menu li ul {
top: 0;
left: 181px;
}
ul#menu .sub-menu li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .sub-menu li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .sub-menu li a.first {
border-left: 0 none;
}
ul#menu .sub-menu li a.last {
border-right: 0 none;
}
ul#menu li:hover > .ul2
{
visibility:visible;
opacity:1;
}
ul#menu .ul2, ul#menu .ul2 li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .ul2 {
top: 43px;
left: 242px;
}
ul#menu .sub-menu li ul {
top: 0;
left: 181px;
}
ul#menu .ul2 li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .ul2 li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .ul2 li a.first {
border-left: 0 none;
}
ul#menu .ul2 li a.last {
border-right: 0 none;
}
ul#menu li:hover > .ul2
{
visibility:visible;
opacity:1;
}
ul#menu .ul2, ul#menu .ul2 li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .ul2 {
top: 43px;
left: 185px;
}
ul#menu .ul2 li ul {
top: 0;
left: 181px;
}
ul#menu .ul2 li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .ul2 li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .ul2 li a.first {
border-left: 0 none;
}
ul#menu .ul2 li a.last {
border-right: 0 none;
}
#area {
height: 155px;
background: url(images/bottomBG.png) repeat-x;
margin: 30px auto 0 auto;
clear: left;
padding-top: 60px;
}
#area2 {
height: 155px;
background: url(images/bottomBG.png) repeat-x;
margin: 30px auto 0 auto;
clear: left;
padding-top: 60px;

}
#main {
margin: 0 auto;
background: none;
width: 768px;
height: auto;
}
#content_left_a {
padding: 0px 15px 20px 15px;
width: 517px;
background: #ececec;
border: 1px solid #fff;
height: 78px;
margin-left: auto;
margin-top: -227px;
margin-bottom: 40px;
margin-right: auto;
float: left;
}
#content_left_a p {
font-family: HelveticaRegular;
font-size: 15px;
line-height: 17px;
}
#content_left {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 1080px;
margin-left: auto;
margin-top: px;
margin-bottom: 40px;
margin-right: auto;
}
#content_left p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_left_b {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 260px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 40px;
margin-right: auto;
}
#content_left_b p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_right{
float: left;
padding: 5px;
width: 200px;
height: auto;
position: relative;
margin: -5px 0 0px 10px;
}
#content_right .img1{ 
margin-bottom:20px !important;
}
#content_right .img2{ 
margin: 0 0 29px 2px !important;
}
#content_right img{
width: 100%;
}
#content_right .hiphopimg{
margin: 0 0 29px -4px; 
width:105%;
}
#content_right_a{
clear: left;
float: left;
padding: 5px;
width: 549px;
height: auto;
position: relative;
margin: -124px 0 30px -5px;
}
#content_right_a img{
width: 31.5%;
}
#welcome {
padding:10px;
width: 668px;
height:60px; 	
font-family: HelveticaRegular;
font-size:18px;
line-height:20px;
clear:left;
}
#welcome h1 {
font-family: HelveticaRegular;
position: absolute;
margin: 20px 0px 0px 0px;
clear: left;
color:#b31535;
font-size:30px;
}
.item_box{
width:auto;
height:auto;
padding:10px 0 5px 0;
border-bottom:1px #666666 dashed;
}
.item_box_1{
width: 45%;
height: 145px;margin-left: 38px;
padding: 10px 0 5px 0;float: left;
background: url(images/subscribe_bG.png) no-repeat;
background-size:contain;
}
.item_box_1 .heading_one{
font-family: 'SegoeUILight';
font-size: 16px;
color: #fff;
padding-left: 28px;
}
.item_box_1 input[type="email"]{
margin-left: 32px;
height: 19px;
width: 175px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
margin-top: -5px;
float: left;
padding-left: 10px;
}

.item_box_1 input[type="text"]{
margin-left: 42px;
height: 30px;
width: 265px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
margin-top: -5px;
float: left;
padding-left: 10px;
}
.subs{
border-style: none !important;
float: left !important;
margin-top: -8px !important;
width: 28% !important;
}
.item_box_2{
width: 45%;
height: 139px;
padding: 10px 0 5px 0;
margin-top: 8px;
float: left;
background: url(images/fb.png) no-repeat;
background-size:contain;
}
/*team*/
.div1{
width: 250px;
height: 480px;
background-color: #fff;
border-radius: 4px;
float: left;
margin-left: 56px;
margin-top: 30px;
margin-bottom: 30px;
}
.div2{
width: 230px;
height: 462px;
background-color: #eee;
border-radius: 4px;
float: left;
margin-left: 10px;
margin-top: 9px;
}
.div2 p {
font-family: HelveticaRegular;
font-size: 13px;
line-height: 15px;
text-align:left;
width:220px;
margin-left:8px;
}
.div1_img{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 92px;
margin-top: 480px;
position: absolute;
}
.div1_img p{
margin: 5px 0 0 0px;
color:#fff;
text-align:center;
}
.div1_img_1{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 400px;
margin-top: 480px;
position: absolute;
}
.div1_img_1 p{
margin: 5px 0 0 0px;
color:#fff; text-align:center
}
.div1_img_2{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 400px;
margin-top: 1018px;
position: absolute;
}
.div1_img_2 p{
margin: 5px 0 0 0px;
color:#fff; 
text-align:center;
}
.div1_img_3{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 92px;
margin-top: 1018px;
position: absolute;
}
.div1_img_3 p{
margin: 5px 0 0 0px;
color:#fff; 
text-align:center;
}
.div1_img p .p1{font-size:18px;}
.div1_img p .p2{font-size:13px;}
.div1_img_1 p .p1{font-size:18px;}
.div1_img_1 p .p2{font-size:13px;}
.div1_img_2 p .p1{font-size:18px;}
.div1_img_2 p .p2{font-size:13px;}
.div1_img_3 p .p1{font-size:18px;}
.div1_img_3 p .p2{font-size:13px;}
/* Career */
.career {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 950px;
margin-left: auto;
margin-top: 30px;
margin-right: auto;
}
.career p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.career ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.career img{
margin: 0 25px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
/* hiphop */
.hiphop {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 525px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 0px;
margin-right: auto;
}
.hiphop p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.hiphop img{
margin: 0 60px;
}
/* earlystage1 */
.earlystage1 {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 510px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
}
.earlystage1 p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.earlystage1 h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1 ul{
width: 450px;
float: left;
clear: left;
}
.earlystage1 ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.earlystage1 img{
margin:25px 0 0 400px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
position:absolute;
width: 35%;
}
.earlystage1_a {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 110px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 30px;
margin-right: auto;
}
.earlystage1_a h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1_a ul{
width: 450px;
float: left;
clear: left;
}
.earlystage1_a ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.earlystage1_b {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 220px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 30px;
margin-right: auto;
}
.earlystage1_b h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1_b ul{
width: 450px;
float: left;
clear: left;
}
.earlystage1_b ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}


/* SchoolPerformances */
.SchoolPerformances {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 525px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolPerformances p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolPerformances img{
margin: 0 50px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 85%;
}
/* SchoolConcerts */
.SchoolConcerts {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 580px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolConcerts p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolConcerts h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.SchoolConcerts ul{
}
.SchoolConcerts ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.SchoolConcerts img{
margin: 25px 14px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 45%;
}
/* SchoolDiscos */
.SchoolDiscos {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 760px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolDiscos p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolDiscos h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.SchoolDiscos ul{
}
.SchoolDiscos ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.SchoolDiscos img{
margin: 25px 30px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 40%;
}
/* Yr6FarewellsFormals */
.Yr6FarewellsFormals {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 500px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.Yr6FarewellsFormals p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.Yr6FarewellsFormals h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.Yr6FarewellsFormals ul{
}
.Yr6FarewellsFormals ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#555;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.Yr6FarewellsFormals img{
margin: 25px 30px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width:40%;
}
/* Overview */
.Overview {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 350px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.Overview p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
color:#555
}
.Overview ul{
}
.Overview ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#555;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.Overview_a {
padding: 10px 30px 40px 30px;
width: 668px;
height: 125px;
margin-left: auto;
margin-top: -20px;
margin-bottom: 30px;
margin-right: auto;
}
.Overview_a p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
color:#555
}
.Overview_a ul {
margin: 0 0 20px 0;
padding: 0px;
list-style-type: none;
}
.contact_info{
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 300px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 0px;
margin-right: auto;
}

.contact_info p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.contact_info h3 {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 16px;
font-weight:bold;
color:#000;
float:left;
clear:left;
padding:0;
margin: 20px 0 0 0;
}
.contact_info ul{
width: 450px;
float: left;
clear: left;
}
.contact_info ul li{ 
list-style: none;	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-top: 6px;
line-height: 20px;

}
#map-canvas{
margin: 25px 0 0 265px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
position:absolute;width: 40%;
height:18%;
}
.contact_info p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
width: 560px;
}
.contact_info_a {
float: left;
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 110px;
margin-left: 40px;
margin-top: 0px;
margin-bottom: 30px;
}
.contact_info_a h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.contact_info_a ul{
width: 450px;
float: left;
clear: left;
}
.contact_info_a ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.contact_info_b {
float: left;
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 180px;
margin-left: 40px;
margin-top: 0px;
margin-bottom: 30px;
}
.contact_info_b h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.contact_info_b ul{
width: 450px;
float: left;
clear: left;
}
.contact_info_b ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
/*testimonial_con*/
#testimonial_con {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 100%;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
#testimonial_con p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
width:550px;
height: auto;
margin-left: 0px;
}
.testimonial_logo{ 
margin:-34px 0 0 249px;
}
#testimonials .carousel-nav {
display: block;
width: 692px !important;
margin:195px 70px 0 -14px !important;
position: absolute;
}
#testimonials .carousel-nav img {
cursor: pointer;
width: 5%  !important;
}
/*booknow*/
#booknow {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 650px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
#booknow p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
margin-left: 0px;
}
#form {
padding: 0px;
margin: 0px;
}
#fields label {
width: 180px;
display: block;
padding: 0px;
float:left;
clear:left;
height: 22px;
line-height: 22px;

}
#fields input {
border: 1px solid #C8D2D9;
margin: 0 0 5px 0;
width: 260px;
float:left;
height: 22px;
padding-left: 5px;

}
#fields textarea {
border: 1px solid #C8D2D9;
margin: 0 0 3px 0;
width: 260px;
height: 100px;
float:left;
padding-left: 5px;
}
#send input {
width: 109px;
height: 28px;
margin: 10px 0 0 180px;
float: left;
clear: left;
}
.styled-select {
width: 265px;margin: 0 0 5px 0;
height: 24px;
overflow: hidden;
background: url(images/dropdownarrow.png) no-repeat right #fff;
border: 1px solid #ccc;float:left;
}
.styled-select select {
background-color:transparent;
border: 1px solid #C8D2D9;
width: 265px;
padding: 5px;
font-size: 16px;
line-height: 13px; font-size:12px; color:#555;
border: 0;
border-radius: 0;
height: 24px;padding-left: 5px;
-webkit-appearance: none;float:left;
}
#footer {
text-align:center;
font-size:10px;
color:#fff;
background:#000;
padding-top:10px;
height:85px;
}
#footer a {
background: none;
padding: 0px;
}
.footer_text{width: 768px;margin-top: 27px;}

} 


/*
for ipad 1,2,3,4,5
*/
@media only screen 
and (min-width: 481px) 
and (max-width: 919px) 
and (orientation : portrait) 
{
/*.dl-menuwrapper {
	display:none;

}	
.menu-toggle{ display:none;}*/
#banner{
float:left;
text-align:left;
margin-bottom:-20px;
}
.box_skitter_large {
width: 548px !important;
height: 300px !important;
float: left;
}
.box_skitter .container_skitter {
overflow: hidden;
position: relative;
height: 300px !important;
}
.box_skitter .image img {
display: none ;
width: 100% !important;
}
#welcome h1{
padding:5px 0 0 20px;
margin:0px;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}
h3{
font-size:14px;
color: #003366;
}
#head {
width: 768px;
height: 192px;
background: url(images/logo_BG.png) no-repeat;
}
#head h1 {
font-family: HelveticaRegular;
position: absolute;
margin: 210px 0px 0px 360px;
clear: left;
color:#000;
font-size:20px;
line-height:26px;
}
#head h3 {
font-family: HelveticaRegular;
/*position: absolute;*/
margin: 20px 0px 0px 60px;
clear: left;
color:#000;
font-size:25px;
text-transform:uppercase;
line-height:31px;
}
#head .logo {
float:left;
position: relative;
margin: 0px 0 0 36px;
width: 355px;
height: 270px;
background: url(images/logo.png) no-repeat;
}
#head .logo a {
text-indent: -2000px;
width: 355px;
height: 270px;
display: block;
background: url(images/logo.png) no-repeat;
}
.contactnum{ 
background: url(images/dance2bfit_contact.png) no-repeat;
float: right;
}
h4{
font-size:13px;
padding:2px;
margin:0px;
color: #003366;
border-bottom:1px #999999 dashed;
}
#container {
position: relative;
width: 768px;
margin: 0 auto;
padding: 0px;
text-align: left;
}
#header_container {
position: relative;
width: 768px;
margin: 0 auto;
padding: 0px;
text-align: left;
background:#ececec;
height:320px;
margin-right: 30px;
background-size: contain;
}
.contactnum{
background: url(images/dance2bfit_contact.png) no-repeat;
float: right;
width: 28%;
height: 72px;
margin-right: 28px;
margin-top: 63px;
background-size: contain;
}
.contactnum p{ 
font-size: 15px !important;
margin: 20px 0 0 55px !important;
}
.top_head_banner{
float:right;
width:200px;
height:120px;
background:url(images/top_head.gif) no-repeat right;
background-position:-12px 12px;
}
.infiniteCarousel {
width: 568px;
position: relative;
height: 200px;
margin: 85px auto 0 auto;
}

.infiniteCarousel .wrapper {
width: 588px;
min-height: 10em;
margin: 0 -20px;
position: absolute;
top: 0;
height: 200px;
}
.infiniteCarousel ul a img {
border: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.infiniteCarousel .wrapper ul {
width: 9999px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position: absolute;
top: 0;
}
.infiniteCarousel ul li {
display:block;
float:left;
padding: 10px;
height: 200px;
width: 352px;
}

.infiniteCarousel ul li a img {
display:block;
}
.infiniteCarousel .arrow {
display: block;
height: 36px;
width: 37px;
position: absolute;
top: -45px;
cursor: pointer;
}
.infiniteCarousel .forward {
right: -90px;
}
.infiniteCarousel .back {
right: -40px;
}
.infiniteCarousel .forward:hover {
background-position: 0 -36px;
}
.infiniteCarousel .back:hover {
background-position: 0 -108px;
}
#menu {display:none;
position: relative;
width: 745px;
top: 0px;
clear:left;
margin: 0px auto;
padding: 0px;
z-index: 100;
background:url(images/menu_BG.png) repeat-x;
height:43px;
border-top: 1px #cdcdcd solid;
border-left: 1px #cdcdcd solid;
border-right: 1px #cdcdcd solid;
}
#menu li {
list-style-type: none;
float: left;
text-align: center;
height: 39px;
line-height: 37px;
background: url(images/sep.png) no-repeat top right;
width: 93px;
}
#menu li:last-child {
background: none;
}
#menu li a {
padding: 0 0 7px 0;
height: 43px;
color: #000;
font-size:12px;
font-family:HelveticaRegular;
}
#menu li a:hover {
color:#999;
}
#menu .current {
color: #fff;
background: url(img/hover.png) no-repeat;
height: 100px;
list-style-type: none;
float: left;
text-align: center;
line-height: 47px;
width: 105%;
margin: -7px 0 0 -3px;
background-size: contain;
}
/* Drop-Down Navigation */
ul#menu li:hover > .sub-menu
{
visibility:visible;
opacity:1;
}
ul#menu .sub-menu, ul#menu .sub-menu li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .sub-menu {
top: 43px;
left: 120px;
}
ul#menu .sub-menu li ul {
top: 0;
left: 181px;
}
ul#menu .sub-menu li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .sub-menu li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .sub-menu li a.first {
border-left: 0 none;
}
ul#menu .sub-menu li a.last {
border-right: 0 none;
}
ul#menu li:hover > .sub-menu
{
visibility:visible;
opacity:1;
}
ul#menu .sub-menu, ul#menu .sub-menu li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul#menu .sub-menu {
top: 43px;
left: 90px;
}
ul#menu .sub-menu li ul {
top: 0;
left: 181px;
}
ul#menu .sub-menu li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .sub-menu li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .sub-menu li a.first {
border-left: 0 none;
}
ul#menu .sub-menu li a.last {
border-right: 0 none;
}
ul#menu li:hover > .ul2
{
visibility:visible;
opacity:1;
}
ul#menu .ul2, ul#menu .ul2 li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .ul2 {
top: 43px;
left: 242px;
}
ul#menu .sub-menu li ul {
top: 0;
left: 181px;
}
ul#menu .ul2 li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .ul2 li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .ul2 li a.first {
border-left: 0 none;
}
ul#menu .ul2 li a.last {
border-right: 0 none;
}
ul#menu li:hover > .ul2
{
visibility:visible;
opacity:1;
}
ul#menu .ul2, ul#menu .ul2 li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .ul2 {
top: 43px;
left: 185px;
}
ul#menu .ul2 li ul {
top: 0;
left: 181px;
}
ul#menu .ul2 li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .ul2 li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .ul2 li a.first {
border-left: 0 none;
}
ul#menu .ul2 li a.last {
border-right: 0 none;
}
#area {
height: 155px;
background: url(images/bottomBG.png) repeat-x;
margin: 30px auto 0 auto;
clear: left;
padding-top: 60px;
}
#area2 {
height: 155px;
background: url(images/bottomBG.png) repeat-x;
margin: 30px auto 0 auto;
clear: left;
padding-top: 60px;

}
#main {
margin: 0 auto;
background: none;
width: 768px;
height: auto;
}
#content_left_a {
padding: 0px 15px 20px 15px;
width: 517px;
background: #ececec;
border: 1px solid #fff;
height: 78px;
margin-left: auto;
margin-top: -227px;
margin-bottom: 40px;
margin-right: auto;
float: left;
}
#content_left_a p {
font-family: HelveticaRegular;
font-size: 15px;
line-height: 17px;
}
#content_left {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 1080px;
margin-left: auto;
margin-top: px;
margin-bottom: 40px;
margin-right: auto;
}
#content_left p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_left_b {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 260px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 40px;
margin-right: auto;
}
#content_left_b p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_right{
float: left;
padding: 5px;
width: 200px;
height: auto;
position: relative;
margin: -5px 0 0px 10px;
}
#content_right .img1{ 
margin-bottom:20px !important;
}
#content_right .img2{ 
margin: 0 0 29px 2px !important;
}
#content_right img{
width: 100%;
}
#content_right .hiphopimg{
margin: 0 0 29px -4px; 
width:105%;
}
#content_right_a{
clear: left;
float: left;
padding: 5px;
width: 549px;
height: auto;
position: relative;
margin: -124px 0 30px -5px;
}
#content_right_a img{
width: 31.5%;
}
#welcome {
padding:10px;
width: 668px;
height:60px; 	
font-family: HelveticaRegular;
font-size:18px;
line-height:20px;
clear:left;
}
#welcome h1 {
font-family: HelveticaRegular;
position: absolute;
margin: 20px 0px 0px 0px;
clear: left;
color:#b31535;
font-size:30px;
}
.item_box{
width:auto;
height:auto;
padding:10px 0 5px 0;
border-bottom:1px #666666 dashed;
}
.item_box_1{
width: 45%;
height: 145px;margin-left: 38px;
padding: 10px 0 5px 0;float: left;
background: url(images/subscribe_bG.png) no-repeat;
background-size:contain;
}
.item_box_1 .heading_one{
font-family: 'SegoeUILight';
font-size: 16px;
color: #fff;
padding-left: 28px;
}
.item_box_1 input{
margin-left: 32px;
height: 19px;
width: 175px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
margin-top: -5px;
float: left;
padding-left: 10px;
}
.subs{
border-style: none !important;
float: left !important;
margin-top: -8px !important;
width: 28% !important;
}
.item_box_2{
width: 45%;
height: 139px;
padding: 10px 0 5px 0;
margin-top: 8px;
float: left;
background: url(images/fb.png) no-repeat;
background-size:contain;
}
/*team*/
.div1{
width: 250px;
height: 480px;
background-color: #fff;
border-radius: 4px;
float: left;
margin-left: 56px;
margin-top: 30px;
margin-bottom: 30px;
}
.div2{
width: 230px;
height: 462px;
background-color: #eee;
border-radius: 4px;
float: left;
margin-left: 10px;
margin-top: 9px;
}
.div2 p {
font-family: HelveticaRegular;
font-size: 13px;
line-height: 15px;
text-align:left;
width:220px;
margin-left:8px;
}
.div1_img{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 92px;
margin-top: 480px;
position: absolute;
}
.div1_img p{
margin: 5px 0 0 0px;
color:#fff;
text-align:center;
}
.div1_img_1{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 400px;
margin-top: 480px;
position: absolute;
}
.div1_img_1 p{
margin: 5px 0 0 0px;
color:#fff; text-align:center
}
.div1_img_2{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 400px;
margin-top: 1018px;
position: absolute;
}
.div1_img_2 p{
margin: 5px 0 0 0px;
color:#fff; 
text-align:center;
}
.div1_img_3{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 92px;
margin-top: 1018px;
position: absolute;
}
.div1_img_3 p{
margin: 5px 0 0 0px;
color:#fff; 
text-align:center;
}
.div1_img p .p1{font-size:18px;}
.div1_img p .p2{font-size:13px;}
.div1_img_1 p .p1{font-size:18px;}
.div1_img_1 p .p2{font-size:13px;}
.div1_img_2 p .p1{font-size:18px;}
.div1_img_2 p .p2{font-size:13px;}
.div1_img_3 p .p1{font-size:18px;}
.div1_img_3 p .p2{font-size:13px;}
/* Career */
.career {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 950px;
margin-left: auto;
margin-top: 30px;
margin-right: auto;
}
.career p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.career ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.career img{
margin: 0 25px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
/* hiphop */
.hiphop {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 565px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 0px;
margin-right: auto;
}
.hiphop p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.hiphop img{
margin: 0 60px;
}
/* earlystage1 */
.earlystage1 {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 570px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
}
.earlystage1 p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.earlystage1 h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1 ul{
width: 350px;
float: left;
clear: left;
}
.earlystage1 ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.earlystage1 img{
margin:25px 0 0 400px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
position:absolute;
width: 35%;
}
.earlystage1_a {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 140px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 30px;
margin-right: auto;
}
.earlystage1_a h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1_a ul{
width: 450px;
float: left;
clear: left;
}
.earlystage1_a ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.earlystage1_b {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 220px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 30px;
margin-right: auto;
}
.earlystage1_b h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1_b ul{
width: 450px;
float: left;
clear: left;
}
.earlystage1_b ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}


/* SchoolPerformances */
.SchoolPerformances {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 525px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolPerformances p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolPerformances img{
margin: 0 50px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 85%;
}
/* SchoolConcerts */
.SchoolConcerts {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 580px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolConcerts p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolConcerts h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.SchoolConcerts ul{
}
.SchoolConcerts ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.SchoolConcerts img{
margin: 25px 14px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 45%;
}
/* SchoolDiscos */
.SchoolDiscos {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 760px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolDiscos p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolDiscos h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.SchoolDiscos ul{
}
.SchoolDiscos ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.SchoolDiscos img{
margin: 25px 30px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 40%;
}
/* Yr6FarewellsFormals */
.Yr6FarewellsFormals {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 500px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.Yr6FarewellsFormals p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.Yr6FarewellsFormals h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.Yr6FarewellsFormals ul{
}
.Yr6FarewellsFormals ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#555;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.Yr6FarewellsFormals img{
margin: 25px 30px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width:40%;
}
/* Overview */
.Overview {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 350px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.Overview p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
color:#555
}
.Overview ul{
}
.Overview ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#555;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.Overview_a {
padding: 10px 30px 40px 30px;
width: 668px;
height: 125px;
margin-left: auto;
margin-top: -20px;
margin-bottom: 30px;
margin-right: auto;
}
.Overview_a p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
color:#555
}
.Overview_a ul {
margin: 0 0 20px 0;
padding: 0px;
list-style-type: none;
}
.contact_info{
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 300px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 0px;
margin-right: auto;
}

.contact_info p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.contact_info h3 {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 16px;
font-weight:bold;
color:#000;
float:left;
clear:left;
padding:0;
margin: 20px 0 0 0;
}
.contact_info ul{
width: 450px;
float: left;
clear: left;
}
.contact_info ul li{ 
list-style: none;	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-top: 6px;
line-height: 20px;
}
#map-canvas{
margin: 25px 0 0 265px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
position:absolute;width: 40%;
height:18%;

}
.contact_info p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
width: 560px;
}
.contact_info_a {
float: left;
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 110px;
margin-left: 40px;
margin-top: 0px;
margin-bottom: 30px;
}
.contact_info_a h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.contact_info_a ul{
width: 450px;
float: left;
clear: left;
}
.contact_info_a ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
.contact_info_b {
float: left;
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 180px;
margin-left: 40px;
margin-top: 0px;
margin-bottom: 30px;
}
.contact_info_b h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.contact_info_b ul{
width: 450px;
float: left;
clear: left;
}
.contact_info_b ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
line-height: 20px;
}
/*testimonial_con*/
#testimonials .carousel-wrap ul li {
display: block;
float: left;
position: relative;
width: 624px;
margin: 20px 0 0 -5px !important;
}

#testimonial-list.carousel-wrap img { display:block; right:260px !important;position:absolute; bottom:-35px;}

#testimonial-list {
background: url(../images/testimonial.png) no-repeat;
width: 550px !important;
height: 367px;
box-shadow: none !important;
}

#testimonial_con {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 640px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
#testimonial_con p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
width:550px;
height:250px;
margin-left: 0px;
}
.testimonial_logo{ 
margin:-34px 0 0 247px;
}
#testimonials .carousel-nav {
display: block;
width: 692px !important;
margin:205px 70px 0 -14px !important;
position: absolute;
}
#testimonials .carousel-nav img {
cursor: pointer;
width: 5%  !important;
}
/*booknow*/
#booknow {
padding: 10px 30px 40px 30px;
width: 668px;
background: #ececec;
border: 1px solid #fff;
height: 650px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
#booknow p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
margin-left: 0px;
}
#form {
padding: 0px;
margin: 0px;
}
#fields label {
width: 180px;
display: block;
padding: 0px;
float:left;
clear:left;
height: 22px;
line-height: 22px;
font-size:11px;

}
#fields input {
border: 1px solid #C8D2D9;
margin: 0 0 5px 0;
width: 260px;
float:left;
height: 22px;
padding-left: 5px;

}
#fields textarea {
border: 1px solid #C8D2D9;
margin: 0 0 3px 0;
width: 260px;
height: 100px;
float:left;
padding-left: 5px;
}
#send input {
width: 109px;
height: 28px;
margin: 10px 0 0 180px;
float: left;
clear: left;
}
.styled-select {
width: 265px;margin: 0 0 5px 0;
height: 24px;
overflow: hidden;
background: url(images/dropdownarrow.png) no-repeat right #fff;
border: 1px solid #ccc;float:left;
}
.styled-select select {
background-color:transparent;
border: 1px solid #C8D2D9;
width: 265px;
padding: 5px;
font-size: 16px;
line-height: 13px; font-size:12px; color:#555;
border: 0;
border-radius: 0;
height: 24px;padding-left: 5px;
-webkit-appearance: none;float:left;
}
#footer {
text-align:center;
font-size:10px;
color:#fff;
background:#000;
padding-top:10px;
height:85px;
}
#footer a {
background: none;
padding: 0px;
}
.footer_text{width: 768px;margin-top: 27px;}

} 


/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 300px)
and (max-width : 480px)
and (orientation : landscape)

{
.box_skitter .label_skitter p {
padding: 10px;
margin: 0;
font: normal 22px arial,tahoma;
letter-spacing: -1px;
font-size: 12px !important;
}
skitter-clean .info_slide_dots {
/* bottom: 10px; */
background: rgba(255,255,255,0.8);
box-shadow: rgba(0,0,0,0.3) 1px 1px 0;
left: 120.5px !important;
}
.skitter-clean .prev_button {
background-position: 0px 0px;
width: 47px;
height: 46px;
margin-left: -28px;
}
.skitter-clean .next_button {
background-position: 0px -46px;
width: 47px;
height: 46px;
margin-right: -28px;
}
.box_skitter_large {
width: 350px !important;
height: 195px !important;
float: left;
margin-top: -140px;
}
.box_skitter .container_skitter {
overflow: hidden;
position: relative;
height: 195px !important;
}
.box_skitter .image img {
display: none ;
width: 100% !important;
}
#welcome h1{
padding:5px 0 0 20px;
margin:0px;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}
h3{
font-size:14px;
color: #003366;
}
h4{
font-size:13px;
padding:2px;
margin:0px;
color: #003366;
border-bottom:1px #999999 dashed;
}
#container {
position: relative;
width: 480px;
margin: 0 auto;
padding: 0px;
text-align: left;
}
#header_container {
position: relative;
width: 480px;
margin: 0 auto;
padding: 0px;
text-align: left;
background:#ececec;
height:500px;
}
#head {
width: 480px;
height: 192px;
background: none !important;
}
#head h1 {
font-family: HelveticaRegular;
position: absolute;
margin: 310px 0px 0px 60px;
clear: left;
color:#000;
font-size:20px;
line-height:26px;
}
#head h3 {
font-family: HelveticaRegular;
position: absolute;
margin: 450px 0px 0px 60px;
clear: left;
color:#000;
font-size:25px;
text-transform:uppercase;
line-height:31px;
}
#head .logo {
float:left;
position: relative;
margin: 0px 0 0 62px;
width: 355px;
height: 270px;
background: url(images/logo.png) no-repeat;
}
#head .logo a {
text-indent: -2000px;
width: 355px;
height: 270px;
display: block;
background: url(images/logo.png) no-repeat;
}
.contactnum{
background: url(images/dance2bfit_contact.png) no-repeat;
float: right;
width: 45%;
clear: both;
height: 72px;
margin-right: 120px;
margin-top: -22px;
background-size: contain;
}
.contactnum p{ 
font-size: 15px !important;
margin: 20px 0 0 55px !important;
}
.top_head_banner{
float:right;
width:200px;
height:120px;
background:url(images/top_head.gif) no-repeat right;
background-position:-12px 12px;
}
.infiniteCarousel {
width: 280px;
position: relative;
height: 200px;
margin: 85px auto 0 auto;
}
.infiniteCarousel .wrapper {
width: 300px;
min-height: 10em;
margin: 0 -20px;
position: absolute;
top: 0;
height: 200px;
}
.infiniteCarousel ul a img {
border: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.infiniteCarousel .wrapper ul {
width: 9999px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position: absolute;
top: 0;
}
.infiniteCarousel ul li {
display:block;
float:left;
padding: 10px;
height: 200px;
width: 352px;
}
.infiniteCarousel ul li a img {
display:block;
}
.infiniteCarousel .arrow {
display: block;
height: 36px;
width: 37px;
position: absolute;
top: -45px;
cursor: pointer;
}
.infiniteCarousel .forward {
right: -90px;
}
.infiniteCarousel .back {
right: -40px;
}

.infiniteCarousel .forward:hover {
background-position: 0 -36px;
}
.infiniteCarousel .back:hover {
background-position: 0 -108px;
}
/*MAIN MENU*/
.menu-toggle{
display:block;
padding:10px;
margin:20px 0 0;
background:#666;
color:#fff;
cursor:pointer;
text-transform:uppercase;
font-size:20px;
margin-top:50px;
width: 68.5%;
margin-left: 66px;
float: left;
}
.menu-toggle.toggled-on{
background:#0099ff;
}
.srt-menu{
display:none;
}
.srt-menu.toggled-on{
display:block;
position: relative;
z-index:500;
width: 72.7%;
margin-left: 66px;
}
.srt-menu{
clear:both;
margin-bottom:60px;
}
.srt-menu li a {
background:#fff;
display:block;
margin:1px 0;
padding:10px;
text-decoration:none;
color:#999;
border:1px #ccc solid;
}
.srt-menu li a:hover{
background:#0099ff;
color:#fff;
}
.srt-menu li li a {
background:#e8e8e8;
padding-left:40px;
}
.srt-menu li li li a {
background:#efefef;
padding-left:80px;
}
/* Drop-Down Navigation */
ul#menu li:hover > .sub-menu
{
visibility:visible;
opacity:1;
}
ul#menu .sub-menu, ul#menu .sub-menu li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .sub-menu {
top: 43px;
left: 120px;
}
ul#menu .sub-menu li ul {
top: 0;
left: 181px;
}
ul#menu .sub-menu li {
clear:both;
width:100%;
border:none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .sub-menu li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:none;
float:left;
clear:both;
width:150px;
}
ul#menu .sub-menu li a.first {
border-left: none;
}
ul#menu .sub-menu li a.last {
border-right: none;
}
ul#menu li:hover > .sub-menu
{
visibility:visible;
opacity:1;
}
ul#menu .sub-menu, ul#menu .sub-menu li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul#menu .sub-menu {
top: 43px;
left: 90px;
}
ul#menu .sub-menu li ul {
top: 0;
left: 181px;
}
ul#menu .sub-menu li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}

ul#menu .sub-menu li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .sub-menu li a.first {
border-left: 0 none;
}
ul#menu .sub-menu li a.last {
border-right: none;
}
ul#menu li:hover > .ul2
{
visibility:visible;
opacity:1;
}
ul#menu .ul2, ul#menu .ul2 li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .ul2 {
top: 43px;
left: 242px;
}
ul#menu .sub-menu li ul {
top: 0;
left: 181px;
}
ul#menu .ul2 li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .ul2 li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .ul2 li a.first {
border-left: none;
}
ul#menu .ul2 li a.last {
border-right: none;
}
ul#menu li:hover > .ul2
{
visibility:visible;
opacity:1;
}
ul#menu .ul2, ul#menu .ul2 li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .ul2 {
top: 43px;
left: 185px;
}
ul#menu .ul2 li ul {
top: 0;
left: 181px;
}
ul#menu .ul2 li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .ul2 li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .ul2 li a.first {
border-left: none;
}
ul#menu .ul2 li a.last {
border-right: none;
}
#area {
height: 155px;
background: url(images/bottomBG.png) repeat-x;
margin: 30px auto 0 auto;
clear: left;
padding-top: 60px;
}
#area2 {
height: 155px;
background: url(images/bottomBG.png) repeat-x;
margin: 30px auto 0 auto;
clear: left;
padding-top: 60px;

}
#main {
margin: 0 auto;
background: none;
width: 350px;
height: auto;
}
#content_left_a {
padding: 0px 15px 50px 15px;
width: 318px;
background: #ececec;
border: 1px solid #fff;
height: 78px;
margin-left: auto;
margin-top: -364px;
margin-bottom: 40px;
margin-right: auto;
float: left;
}
#content_left_a p {
font-family: HelveticaRegular;
font-size: 15px;
line-height: 17px;
}

#content_left {
padding: 10px 30px 40px 30px;
width: 280px;
background: #ececec;
border: 1px solid #fff;
height: 2140px;
margin-left: auto;
margin-top: px;
margin-bottom: 40px;
margin-right: auto;
}
#content_left p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_left_b {
padding: 10px 30px 40px 30px;
width: 250px;
background: #ececec;
border: 1px solid #fff;
height: 530px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 40px;
margin-right: auto;
}
#content_left_b p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_right{
float: left;
padding: 5px;
width: 350px;
height: auto;
position: relative;
margin: 155px 0 0px 0px;
}
#content_right .img1{
margin-bottom: 20px !important;
float: left;
}
#content_right .img2{ 
margin: -20px 0 29px 0px !important;
clear: left;
float: left;
}
#content_right .img3{ 
margin: -20px 0 29px 10px !important;
float: left;
width: 38%;
}
#content_right img{
width: 48%;
}
#content_right .hiphopimg{
margin: -11px 0 29px 6px;
width: 50%;
float: left;}
#content_right_a{
clear: left;
float: left;
padding: 5px;
width: 350px;
height: auto;
position: relative;
margin: -28px 0 30px 0px;
}
#content_right_a img{
width: 48.2%;
}
#content_right_a .img4{ 
margin-right: 4px !important;
}
#content_right_a .img5{ 
margin-top: 8px !important;
}
#welcome {
padding:10px;
width: 350px;
height:60px; 	
font-family: HelveticaRegular;
font-size:18px;
line-height:20px;
clear:left;
}
#welcome h1 {
font-family: HelveticaRegular;
position: absolute;
margin: 0px 0px 0px -22px;
clear: left;
color: #b31535;
font-size: 27px;
line-height: 28px;
width: 370px;
}
.item_box{
width:auto;
height:auto;
padding:10px 0 5px 0;
border-bottom:1px #666666 dashed;
}
.item_box_1{
width: 100%;
height: 145px;
margin-left: 0px;
padding: 10px 0 5px 0;
float: left;
background: url(images/subscribe_bG.png) no-repeat;
background-size:contain;
margin-top: -35px;
}
.item_box_1 .heading_one{
font-family: 'SegoeUILight';
font-size: 16px;
color: #fff;
padding-left: 28px;
}
.item_box_1 input[type="email"]{
margin-left: 32px;
height: 19px;
width: 175px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
margin-top: -5px;
float: left;
padding-left: 10px;
}
.item_box_1 input[type="text"]{
margin-left: 32px;
height: 19px;
width: 175px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
margin-top: -5px;
float: left;
padding-left: 10px;
}
.subs{
border-style: none !important;
float: left !important;
margin-top: -8px !important;
width: 28% !important;
}
.item_box_2{
width: 100%;
height: 139px;
padding: 10px 0 5px 0;
margin: -62px 0 0 -3px;
float: left;
clear: left;
background: url(images/fb.png) no-repeat;
background-size: contain;
}
/*team*/
.div1{width: 250px;
height: 480px;
background-color: #fff;
border-radius: 4px;
float: left;
margin-left: 16px;
margin-top: 30px;
margin-bottom: 30px;
}
.div2{
width: 230px;
height: 462px;
background-color: #eee;
border-radius: 4px;
float: left;
margin-left: 10px;
margin-top: 9px;
}
.div2 p {
font-family: HelveticaRegular;
font-size: 13px;
line-height: 15px;
text-align:left;
width:220px;
margin-left:8px;
}
.div1_img{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 53px;
margin-top: 480px;
position: absolute;
}
.div1_img p{
margin: 5px 0 0 0px;
color:#fff;
text-align:center;
}
.div1_img_1{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 53px;
margin-top: 1020px;
position: absolute;
}
.div1_img_1 p{
margin: 5px 0 0 0px;
color:#fff; 
text-align:center;
}
.div1_img_2{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 53px;
margin-top: 1556px;
position: absolute;
}
.div1_img_2 p{
margin: 5px 0 0 0px;
color:#fff; 
text-align:center;
}
.div1_img_3{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 53px;
margin-top: 2096px;
position: absolute;
}
.div1_img_3 p{
margin: 5px 0 0 0px;
color:#fff; 
text-align:center;
}
.div1_img p .p1{font-size:18px;}
.div1_img p .p2{font-size:13px;}
.div1_img_1 p .p1{font-size:18px;}
.div1_img_1 p .p2{font-size:13px;}
.div1_img_2 p .p1{font-size:18px;}
.div1_img_2 p .p2{font-size:13px;}
.div1_img_3 p .p1{font-size:18px;}
.div1_img_3 p .p2{font-size:13px;}
/* Career */
.career {
padding: 10px 30px 40px 30px;
width: 280px;
background: #ececec;
border: 1px solid #fff;
height: 980px;
margin-left: auto;
margin-top: 30px;
margin-right: auto;
}
.career p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.career ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
.career img{
margin: 0 0px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width:100%;
}
/* hiphop */
.hiphop {
padding: 10px 30px 40px 30px;
width: 280px;
background: #ececec;
border: 1px solid #fff;
height: 525px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 0px;
margin-right: auto;
}
.hiphop p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
text-align: left;
}
.hiphop img{
margin: 0 -20px;
width: 115%;
}
/* earlystage1 */
.earlystage1 {
padding: 10px 30px 40px 30px;
width: 280px;
background: #ececec;
border: 1px solid #fff;
height: 1140px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
}
.earlystage1 p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.earlystage1 h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1 ul{
width: 250px;
float: left;
clear: left;
}
.earlystage1 ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 0px;
margin-top: 2px;
}
.earlystage1 img{
margin: 490px 0 0 -17px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
position: absolute;
width: 65%;
}
.earlystage1_a {
padding: 10px 30px 40px 30px;
width: 280px;
background: #ececec;
border: 1px solid #fff;
height: 140px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 30px;
margin-right: auto;
}
.earlystage1_a h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1_a ul{
width: 300px;
float: left;
clear: left;
}
.earlystage1_a ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
.earlystage1_b {
padding: 10px 30px 40px 30px;
width: 280px;
background: #ececec;
border: 1px solid #fff;
height: 250px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 30px;
margin-right: auto;
}
.earlystage1_b h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1_b ul{
width: 300px;
float: left;
clear: left;
}
.earlystage1_b ul li{
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 0px;
margin-top: 2px;
}


/* SchoolPerformances */
.SchoolPerformances {
padding: 10px 30px 40px 30px;
width: 280px;
background: #ececec;
border: 1px solid #fff;
height: 525px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolPerformances p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolPerformances img{
margin: 0 0px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 100%;
}
/* SchoolConcerts */
.SchoolConcerts {
padding: 10px 30px 40px 30px;
width: 280px;
background: #ececec;
border: 1px solid #fff;
height: 1028px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolConcerts p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolConcerts h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.SchoolConcerts ul{
}
.SchoolConcerts ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 0px;
margin-top: 2px;
}
.SchoolConcerts img{
margin: 5px 0px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 100%;
}
/* SchoolDiscos */
.SchoolDiscos {
padding: 10px 30px 40px 30px;
width: 280px;
background: #ececec;
border: 1px solid #fff;
height: 1240px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolDiscos p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolDiscos h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.SchoolDiscos ul{
}
.SchoolDiscos ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 0px;
margin-top: 2px;
}
.SchoolDiscos img{
margin: 25px 0px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 100%;
}
/* Yr6FarewellsFormals */
.Yr6FarewellsFormals {
padding: 10px 30px 40px 30px;
width: 280px;
background: #ececec;
border: 1px solid #fff;
height: 740px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.Yr6FarewellsFormals p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.Yr6FarewellsFormals h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.Yr6FarewellsFormals ul{
}
.Yr6FarewellsFormals ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#555;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
.Yr6FarewellsFormals img{
margin: 25px 0px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width:100%;
}
/* Overview */
.Overview {
padding: 10px 30px 40px 30px;
width: 280px;
background: #ececec;
border: 1px solid #fff;
height: 670px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.Overview p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
color:#555;
}
.Overview ul{
}
.Overview ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#555;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
.Overview_a {
padding: 10px 30px 40px 30px;
width: 280px;
height: 310px;
margin-left: auto;
margin-top: -20px;
margin-bottom: 30px;
margin-right: auto;
}
.Overview_a p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
color:#555
}
.Overview_a ul {
margin: 0 0 20px 0;
padding: 0px;
list-style-type: none;
}
.contact_info{
padding: 10px 30px 40px 30px;
width: 280px;
background: #ececec;
border: 1px solid #fff;
height: 500px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 0px;
margin-right: auto;
}
.contact_info p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.contact_info h3 {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 16px;
font-weight:bold;
color:#000;
float:left;
clear:left;
padding:0;
margin: 20px 0 0 0;
}
.contact_info ul{
width: 280px;
float: left;
clear: left;
}
.contact_info ul li{ 
list-style: none;	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-top: 6px;
}
#map-canvas{
margin: 345px 0 0 -4px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
position: absolute;
width: 60%;
clear: both;
height: 12%;
}
.contact_info p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
width: 560px;
}
.contact_info_a {
float: left;
padding: 10px 30px 40px 30px;
width: 280px;
background: #ececec;
border: 1px solid #fff;
height: 110px;
margin-left: 40px;
margin-top: 0px;
margin-bottom: 30px;
}
.contact_info_a h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.contact_info_a ul{
width: 450px;
float: left;
clear: left;
}
.contact_info_a ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
.contact_info_b {
float: left;
padding: 10px 30px 40px 30px;
width: 280px;
background: #ececec;
border: 1px solid #fff;
height: 180px;
margin-left: 40px;
margin-top: 0px;
margin-bottom: 30px;
}
.contact_info_b h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.contact_info_b ul{
width: 450px;
float: left;
clear: left;
}
.contact_info_b ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
/*testimonial_con*/
#testimonial_con {
padding: 10px 30px 40px 30px;
width: 280px;
background: #ececec;
border: 1px solid #fff;
height: 840px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
#testimonial_con p {
font-family: HelveticaRegular;
font-size: 15px;
line-height: 20px;
width: 220px;
height: 510px;
margin-left: -40px;
}
.testimonial_logo{ 
margin:-34px 0 0 52px;
}
#testimonials .carousel-nav {
display: block;
width: 327px !important;
margin: 175px 70px 0 -24px !important;
position: absolute;
}
#testimonials .carousel-wrap ul li {
display: block;
float: left;
position: relative;
width: 234px !important;
margin: 20px 0 0 15px !important;
}
#testimonials .carousel-wrap {
display: block;
width: 250px !important;
height: 665px !important;
margin: 0 auto;
overflow: hidden;
}
#testimonial-list {
background: #fff !important;
width: 248px !important;
height: 665px !important;
box-shadow: 0px 0px 5px rgba(0,0,0,0.5) !important;
border-radius: 10px;
}
#testimonials .carousel-nav img {
cursor: pointer;
width: 10%  !important;
}
/*booknow*/
#booknow {
padding: 10px 30px 40px 30px;
width: 280px;
background: #ececec;
border: 1px solid #fff;
height: 1000px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
#booknow p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
margin-left: 0px;
}
#form {
padding: 0px;
margin: 0px;
}
#fields label {
width: 180px;
display: block;
padding: 0px;
float:left;
clear:left;
height: 22px;
line-height: 22px;
font-size:11px;

}
#fields input {
border: 1px solid #C8D2D9;
margin: 0 0 5px 0;
width: 260px;
float:left;
height: 22px;
padding-left: 5px;
}
#fields textarea {
border: 1px solid #C8D2D9;
margin: 0 0 3px 0;
width: 260px;
height: 100px;
float:left;padding-left: 5px;
}
#send input {
width: 109px;
height: 28px;
margin: 10px 0 0 160px;
float: left;
clear: left;
}
.styled-select {
width: 265px;
margin: 0 0 5px 0;
height: 24px;
overflow: hidden;
background: url(images/dropdownarrow.png) no-repeat right #fff;
border: 1px solid #ccc;
float:left;
}
.styled-select select {
background-color:transparent;
border: 1px solid #C8D2D9;
width: 265px;
padding: 5px;
font-size: 16px;
line-height: 13px; font-size:12px; color:#555;
border: 0;
border-radius: 0;
height: 24px;padding-left: 5px;
-webkit-appearance: none;float:left;
}
#footer {
text-align:center;
font-size:10px;
color:#fff;
background:#000;
padding-top:10px;
height:85px;
}
#footer a {
background: none;
padding: 0px;
}
.footer_text{width: 455px;margin-top: 27px; }


} 



/* Smartphones (portrait) ----------- */
@media only screen
and (min-width : 300px)
and (max-width : 480px)
and (orientation : portrait)

{
.box_skitter_large {
width: 296px !important;
height: 166px !important;
float: left;
margin-top: -140px;
}
.box_skitter .container_skitter {
overflow: hidden;
position: relative;
height: 166px !important;
}
.box_skitter .image img {
display: none ;
width: 100% !important;
}
#welcome h1{
padding:5px 0 0 20px;
margin:0px;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}
h3{
font-size:14px;
color: #003366;
}
h4{
font-size:13px;
padding:2px;
margin:0px;
color: #003366;
border-bottom:1px #999999 dashed;
}
#container {
position: relative;
width: 320px;
margin: 0 auto;
padding: 0px;
text-align: left;
}
#header_container {
position: relative;
width: 320px;
margin: 0 auto;
padding: 0px;
text-align: left;
background:#ececec;
height:500px;
}
#head {
width: 320px;
height: 192px;
background: none !important;
}
#head h1 {
font-family: HelveticaRegular;
position: absolute;
margin: 290px 0px 0px 0px;
clear: left;
color: #000;
font-size: 20px;
text-align: center;
line-height: 26px;
}
#head h3 {
font-family: HelveticaRegular;
position: absolute;
margin: 430px 0px 0px 30px;
clear: left;
color: #000;
font-size: 22px;
text-transform: uppercase;
line-height:26px;
}
#head .logo {
float: left;
position: relative;
margin: 0px 0 0 30px;
width: 100%;
height: 230px;
background: none !important;
}
#head .logo a {
text-indent: -2000px;
height: 230px;
width: 80%;
display: block;
background: url(images/logo.png) no-repeat;
background-size: contain;
}
.contactnum{
background: url(images/dance2bfit_contact.png) no-repeat;
float: right;
width: 69%;
clear: both;
height: 72px;
margin-right: 52px;
margin-top: -22px;
background-size: contain;
}
.contactnum p{ 
font-size: 15px !important;
margin: 25px 0 0 55px !important;
}
.top_head_banner{
float:right;
width:200px;
height:120px;
background:url(images/top_head.gif) no-repeat right;
background-position:-12px 12px;
}
.infiniteCarousel {
width: 280px;
position: relative;
height: 200px;
margin: 85px auto 0 auto;
}
.infiniteCarousel .wrapper {
width: 300px;
min-height: 10em;
margin: 0 -15px;
position: absolute;
top: 0;
height: 200px;
}
.infiniteCarousel ul a img {
border: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.infiniteCarousel .wrapper ul {
width: 9999px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position: absolute;
top: 0;
}
.infiniteCarousel ul li {
display:block;
float:left;
padding: 10px;
height: 200px;
width: 352px;
}
.infiniteCarousel ul li a img {
display:block;
width:84%;
}
.infiniteCarousel .arrow {
display: block;
height: 36px;
width: 37px;
position: absolute;
top: -45px;
cursor: pointer;
}
.infiniteCarousel .forward {
right: 0px;
}
.infiniteCarousel .back {
right: 46px;
}

.infiniteCarousel .forward:hover {
background-position: 0 -36px;
}
.infiniteCarousel .back:hover {
background-position: 0 -108px;
}
/*MAIN MENU*/
.menu-toggle{
display: block;
padding: 10px;
margin: 20px 0 0;
background: #666;
color: #fff;
cursor: pointer;
text-transform: uppercase;
font-size: 20px;
margin-top: 90px;
width: 68.5%;
margin-left: 41px;
float: left;
}
.menu-toggle.toggled-on{
background:#0099ff;
}
.srt-menu{
display:none;
}
.srt-menu.toggled-on{
display:block;
position: relative;
z-index:500;
width: 72.7%;
margin-left: 66px;
}
.srt-menu{
clear:both;
margin-bottom:60px;
}
.srt-menu li a {
background:#fff;
display:block;
margin:1px 0;
padding:10px;
text-decoration:none;
color:#999;
border:1px #ccc solid;
}
.srt-menu li a:hover{
background:#0099ff;
color:#fff;
}
.srt-menu li li a {
background:#e8e8e8;
padding-left:40px;
}
.srt-menu li li li a {
background:#efefef;
padding-left:80px;
}
/* Drop-Down Navigation */
ul#menu li:hover > .sub-menu
{
visibility:visible;
opacity:1;
}
ul#menu .sub-menu, ul#menu .sub-menu li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .sub-menu {
top: 43px;
left: 120px;
}
ul#menu .sub-menu li ul {
top: 0;
left: 181px;
}
ul#menu .sub-menu li {
clear:both;
width:100%;
border:none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .sub-menu li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:none;
float:left;
clear:both;
width:150px;
}
ul#menu .sub-menu li a.first {
border-left: none;
}
ul#menu .sub-menu li a.last {
border-right: none;
}
ul#menu li:hover > .sub-menu
{
visibility:visible;
opacity:1;
}
ul#menu .sub-menu, ul#menu .sub-menu li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul#menu .sub-menu {
top: 43px;
left: 90px;
}
ul#menu .sub-menu li ul {
top: 0;
left: 181px;
}
ul#menu .sub-menu li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}

ul#menu .sub-menu li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .sub-menu li a.first {
border-left: 0 none;
}
ul#menu .sub-menu li a.last {
border-right: none;
}
ul#menu li:hover > .ul2
{
visibility:visible;
opacity:1;
}
ul#menu .ul2, ul#menu .ul2 li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .ul2 {
top: 43px;
left: 242px;
}
ul#menu .sub-menu li ul {
top: 0;
left: 181px;
}
ul#menu .ul2 li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .ul2 li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .ul2 li a.first {
border-left: none;
}
ul#menu .ul2 li a.last {
border-right: none;
}
ul#menu li:hover > .ul2
{
visibility:visible;
opacity:1;
}
ul#menu .ul2, ul#menu .ul2 li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .ul2 {
top: 43px;
left: 185px;
}
ul#menu .ul2 li ul {
top: 0;
left: 181px;
}
ul#menu .ul2 li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .ul2 li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .ul2 li a.first {
border-left: none;
}
ul#menu .ul2 li a.last {
border-right: none;
}
#area {
height: 155px;
background: url(images/bottomBG.png) repeat-x;
margin: 30px auto 0 auto;
clear: left;
padding-top: 60px;
}
#area2 {
height: 155px;
background: url(images/bottomBG.png) repeat-x;
margin: 30px auto 0 auto;
clear: left;
padding-top: 60px;

}
#main {
margin: 0 auto;
background: none;
width: 300px;
height: auto;
}
#content_left_a {
padding: 0px 15px 50px 15px;
width: 268px;
background: #ececec;
border: 1px solid #fff;
height: 108px;
margin-left: auto;
margin-top: -756px;
margin-bottom: 40px;
margin-right: auto;
float: left;
}
#content_left_a p {
font-family: HelveticaRegular;
font-size: 15px;
line-height: 17px;
}

#content_left {
padding: 10px 30px 40px 30px;
width: 230px;
background: #ececec;
border: 1px solid #fff;
height: 2140px;
margin-left: auto;
margin-top: px;
margin-bottom: 40px;
margin-right: auto;
}
#content_left p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_left_b {
padding: 10px 30px 40px 30px;
width: 230px;
background: #ececec;
border: 1px solid #fff;
height: 550px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 40px;
margin-right: auto;
}
#content_left_b p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_right{
float: left;
padding: 5px;
width: 230px;
height: auto;
position: relative;
margin: 185px 0 0px 30px;
}
#content_right .img1{
margin-bottom: 20px !important;
float: left;
}
#content_right .img2{ 
margin: -20px 0 29px 0px !important;
clear: left;
float: left;
}
#content_right .img3{ 
margin: -20px 0 29px 0px !important;
float: left;
width: 100%;
}
#content_right img{
width: 100%;
}
#content_right .hiphopimg{
margin: -11px 0 29px -6px;
width: 105%;
float: left;}

#content_right_a{
clear: left;
float: left;
padding: 5px;
width: 230px;
height: auto;
position: relative;
margin: -28px 0 30px 30px;
}
#content_right_a img{
width: 100%;
}
#content_right_a #img4{ 
margin-right: 4px !important;
margin-bottom: 10px;
}
#content_right_a .img4{ 
margin-right: 4px !important;
}
#content_right_a .img5{ 
margin-top: 8px !important;
margin-bottom: 10px;

}
#welcome {
padding:10px;
width: 230px;
height:60px; 	
font-family: HelveticaRegular;
font-size:18px;
line-height:20px;
clear:left;
}
#welcome h1 {
font-family: HelveticaRegular;
position: absolute;
margin: 0px 0px 0px -36px;
clear: left;
color: #b31535;
font-size: 27px;
line-height: 28px;
width: 310px;
text-align: center;
}
.item_box{
width:auto;
height:auto;
padding:10px 0 5px 0;
border-bottom:1px #666666 dashed;
}
.item_box_1{
width: 100%;
height: 145px;
margin-left: 0px;
padding: 10px 0 5px 0;
float: left;
background: url(images/subscribe_bG.png) no-repeat;
background-size:contain;
margin-top: -35px;
}
.item_box_1 .heading_one{
font-family: 'SegoeUILight';
font-size: 15px;
color: #fff;
padding-left: 18px;
}
.item_box_1 input[type="email"]{margin-left: 22px;
height: 15px;
width: 162px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
margin-top: -5px;
float: left;
padding-left: 10px;
}
.item_box_1 input[type="text"]{
margin-left: 22px;
height: 15px;
width: 162px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
margin-top: -5px;
float: left;
padding-left: 10px;
}
.subs{
border-style: none !important;
float: left !important;
margin-top: -8px !important;
width: 28% !important;
}
.item_box_2{
width: 100%;
height: 139px;
padding: 10px 0 5px 0;
margin: -62px 0 0 -3px;
float: left;
clear: left;
background: url(images/fb.png) no-repeat;
background-size: contain;
}
/*team*/
.div1{width: 250px;
height: 480px;
background-color: #fff;
border-radius: 4px;
float: left;
margin-left: -10px;
margin-top: 30px;
margin-bottom: 30px;
}
.div2{
width: 230px;
height: 462px;
background-color: #eee;
border-radius: 4px;
float: left;
margin-left: 10px;
margin-top: 9px;
}
.div2 p {
font-family: HelveticaRegular;
font-size: 13px;
line-height: 15px;
text-align:left;
width:220px;
margin-left:8px;
}
.div1_img{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 26px;
margin-top: 480px;
position: absolute;
}
.div1_img p{
margin: 5px 0 0 0px;
color:#fff;
text-align:center;
}
.div1_img_1{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 26px;
margin-top: 1020px;
position: absolute;
}
.div1_img_1 p{
margin: 5px 0 0 0px;
color:#fff; 
text-align:center;
}
.div1_img_2{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 26px;
margin-top: 1556px;
position: absolute;
}
.div1_img_2 p{
margin: 5px 0 0 0px;
color:#fff; 
text-align:center;
}
.div1_img_3{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 26px;
margin-top: 2096px;
position: absolute;
}
.div1_img_3 p{
margin: 5px 0 0 0px;
color:#fff; 
text-align:center;
}
.div1_img p .p1{font-size:18px;}
.div1_img p .p2{font-size:13px;}
.div1_img_1 p .p1{font-size:18px;}
.div1_img_1 p .p2{font-size:13px;}
.div1_img_2 p .p1{font-size:18px;}
.div1_img_2 p .p2{font-size:13px;}
.div1_img_3 p .p1{font-size:18px;}
.div1_img_3 p .p2{font-size:13px;}
/* Career */
.career {
padding: 10px 30px 40px 30px;
width: 230px;
background: #ececec;
border: 1px solid #fff;
height: 1000px;
margin-left: auto;
margin-top: 30px;
margin-right: auto;
}
.career p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.career ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 0px;
margin-top: 2px;
line-height:20px;
}
.career img{
margin: 0 0px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width:100%;
}
/* hiphop */
.hiphop {
padding: 10px 30px 40px 30px;
width: 230px;
background: #ececec;
border: 1px solid #fff;
height: 555px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 0px;
margin-right: auto;
}
.hiphop p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
text-align: left;
}
.hiphop img{
margin: 0 -18px;
width: 115%;
}
/* earlystage1 */
.earlystage1 {
padding: 10px 30px 40px 30px;
width: 230px;
background: #ececec;
border: 1px solid #fff;
height: 1210px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
}
.earlystage1 p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.earlystage1 h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1 ul{
width: 200px;
float: left;
clear: left;
}
.earlystage1 ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 0px;
margin-top: 2px;
line-height:20px;

}
.earlystage1 img{
margin: 610px 0 0 11px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
position: absolute;
width: 65%;
}
.earlystage1_a {
padding: 10px 30px 40px 30px;
width: 230px;
background: #ececec;
border: 1px solid #fff;
height: 160px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 30px;
margin-right: auto;
}
.earlystage1_a h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1_a ul{
width: 300px;
float: left;
clear: left;
}
.earlystage1_a ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
.earlystage1_b {
padding: 10px 30px 40px 30px;
width: 230px;
background: #ececec;
border: 1px solid #fff;
height: 240px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 30px;
margin-right: auto;
}
.earlystage1_b h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1_b ul{
width: 300px;
float: left;
clear: left;
}
.earlystage1_b ul li{
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 0px;
margin-top: 2px;
}


/* SchoolPerformances */
.SchoolPerformances {
padding: 10px 30px 40px 30px;
width: 230px;
background: #ececec;
border: 1px solid #fff;
height: 485px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolPerformances p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolPerformances img{
margin: 0 0px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 100%;
}
/* SchoolConcerts */
.SchoolConcerts {
padding: 10px 30px 40px 30px;
width: 230px;
background: #ececec;
border: 1px solid #fff;
height: 1060px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolConcerts p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolConcerts h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.SchoolConcerts ul{
}
.SchoolConcerts ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 0px;
margin-top: 2px;
line-height:20px;

}
.SchoolConcerts img{
margin: 5px 0px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 100%;
}
/* SchoolDiscos */
.SchoolDiscos {
padding: 10px 30px 40px 30px;
width: 230px;
background: #ececec;
border: 1px solid #fff;
height: 1250px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolDiscos p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolDiscos h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.SchoolDiscos ul{
}
.SchoolDiscos ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 0px;
margin-top: 2px;
line-height:20px;

}
.SchoolDiscos img{
margin: 25px 0px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 100%;
}
/* Yr6FarewellsFormals */
.Yr6FarewellsFormals {
padding: 10px 30px 40px 30px;
width: 230px;
background: #ececec;
border: 1px solid #fff;
height: 740px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.Yr6FarewellsFormals p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.Yr6FarewellsFormals h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.Yr6FarewellsFormals ul{
}
.Yr6FarewellsFormals ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#555;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
.Yr6FarewellsFormals img{
margin: 25px 0px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width:100%;
}
/* Overview */
.Overview {
padding: 10px 30px 40px 30px;
width: 230px;
background: #ececec;
border: 1px solid #fff;
height: 800px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.Overview p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
color:#555;
}
.Overview ul{
}
.Overview ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#555;
font-size:16px;
margin-left: 0px;
margin-top: 2px;
line-height:20px;

}
.Overview_a {
padding: 10px 30px 40px 30px;
width: 230px;
height: 350px;
margin-left: auto;
margin-top: -20px;
margin-bottom: 30px;
margin-right: auto;
}
.Overview_a p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
color:#555
}
.Overview_a ul {
margin: 0 0 20px 0;
padding: 0px;
list-style-type: none;
}
.contact_info{
padding: 10px 30px 40px 30px;
width: 230px;
background: #ececec;
border: 1px solid #fff;
height: 500px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 0px;
margin-right: auto;
}
.contact_info p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.contact_info h3 {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 16px;
font-weight:bold;
color:#000;
float:left;
clear:left;
padding:0;
margin: 20px 0 0 0;
}
.contact_info ul{
width: 230px;
float: left;
clear: left;
margin-left: -30px;
}
.contact_info ul li{ 
list-style: none;	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-top: 6px;
line-height:20px;

}
#map-canvas{
margin: 372px 0 0 -4px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
position: absolute;
width: 74%;
clear: both;
height: 10%;
}
.contact_info p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
width: 560px;
}
.contact_info_a {
float: left;
padding: 10px 30px 40px 30px;
width: 230px;
background: #ececec;
border: 1px solid #fff;
height: 110px;
margin-left: 40px;
margin-top: 0px;
margin-bottom: 30px;
}
.contact_info_a h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.contact_info_a ul{
width: 450px;
float: left;
clear: left;
}
.contact_info_a ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
.contact_info_b {
float: left;
padding: 10px 30px 40px 30px;
width: 230px;
background: #ececec;
border: 1px solid #fff;
height: 180px;
margin-left: 40px;
margin-top: 0px;
margin-bottom: 30px;
}
.contact_info_b h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.contact_info_b ul{
width: 450px;
float: left;
clear: left;
}
.contact_info_b ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
/*testimonial_con*/
#testimonial_con {
padding: 10px 30px 40px 30px;
width: 230px;
background: #ececec;
border: 1px solid #fff;
height: 1000px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
#testimonial_con p {
font-family: HelveticaRegular;
font-size: 15px;
line-height: 20px;
width: 170px;
height: 690px;
margin-left: -40px;
margin-top: -10px;
}
.testimonial_logo{ 
margin:-34px 0 0 28px;
}
#testimonials .carousel-nav {
display: block;
width: 267px !important;
margin: 175px 70px 0 -18px !important;
position: absolute;
}
#testimonials .carousel-wrap ul li {
display: block;
float: left;
position: relative;
width: 234px !important;
margin: 20px 0 0 15px !important;
}
#testimonials .carousel-wrap {
display: block;
width: 250px !important;
height: 840px !important;
margin: 0 auto;
overflow: hidden;
}
#testimonial-list {
background: #fff !important;
width: 160px !important;
height: 820px !important;
box-shadow: 0px 0px 5px rgba(0,0,0,0.5) !important;
border-radius: 10px;
margin-left: 15px;
}
#testimonials .carousel-nav img {
cursor: pointer;
width: 10%  !important;
}
/*booknow*/
#booknow {
padding: 10px 30px 40px 30px;
width: 230px;
background: #ececec;
border: 1px solid #fff;
height: 1020px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
#booknow p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
margin-left: 0px;
}
#form {
padding: 0px;
margin: 0px;
}
#fields label {
width: 180px;
display: block;
padding: 0px;
float:left;
clear:left;
height: 22px;
line-height: 22px;
font-size:11px;

}
#fields input {
border: 1px solid #C8D2D9;
margin: 0 0 5px 0;
width: 225px;
float:left;
height: 22px;
padding-left: 5px;
}
#fields textarea {
border: 1px solid #C8D2D9;
margin: 0 0 3px 0;
width: 223px;
height: 100px;
float:left;padding-left: 5px;
}
#send input {
width: 109px;
height: 28px;
margin: 10px 0 0 123px;
float: left;
clear: left;
}
.styled-select {
width: 229px;
margin: 0 0 5px 0;
height: 24px;
overflow: hidden;
background: url(images/dropdownarrow.png) no-repeat right #fff;
border: 1px solid #ccc;
float:left;
}
.styled-select select {
background-color:transparent;
border: 1px solid #C8D2D9;
width: 229px;
padding: 5px;
font-size: 16px;
line-height: 13px; font-size:12px; color:#555;
border: 0;
border-radius: 0;
height: 24px;padding-left: 5px;
-webkit-appearance: none;float:left;
}
#footer {
text-align:center;
font-size:10px;
color:#fff;
background:#000;
padding-top:10px;
height:85px;
}
#footer a {
background: none;
padding: 0px;
}
.footer_text{width: 305px;margin-top: 27px; }


} 

/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {


} 

/*
iPHONE 5 MEDIA QUERY
iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want)
*/
/*@media (device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { 
*/
@media only screen 
and (min-width: 481px) 
and (max-width: 599px) 
and (orientation : landscape) 
{
.box_skitter .label_skitter p {
padding: 10px;
margin: 0;
font: normal 22px arial,tahoma;
letter-spacing: -1px;
font-size: 12px !important;
}
skitter-clean .info_slide_dots {
/* bottom: 10px; */
background: rgba(255,255,255,0.8);
box-shadow: rgba(0,0,0,0.3) 1px 1px 0;
left: 120.5px !important;
}
.skitter-clean .prev_button {
background-position: 0px 0px;
width: 47px;
height: 46px;
margin-left: -28px;
}
.skitter-clean .next_button {
background-position: 0px -46px;
width: 47px;
height: 46px;
margin-right: -28px;
}
.box_skitter_large {
width: 500px !important;
height: 195px !important;
float: left;
margin-top: -120px;
}
.box_skitter .container_skitter {
overflow: hidden;
position: relative;
height: 195px !important;
}
.box_skitter .image img {
display: none ;
width: 100% !important;
}
#welcome h1{
padding:5px 0 0 20px;
margin:0px;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}
h3{
font-size:14px;
color: #003366;
}
h4{
font-size:13px;
padding:2px;
margin:0px;
color: #003366;
border-bottom:1px #999999 dashed;
}
#container {
position: relative;
width: 564px;
margin: 0 auto;
padding: 0px;
text-align: left;
}
#header_container {
position: relative;
width: 564px;
margin: 0 auto;
padding: 0px;
text-align: left;
background:#ececec;
height:500px;
}
#head {
width: 564px;
height: 192px;
background: none !important;
}
#head h1 {
font-family: HelveticaRegular;
position: absolute;
margin: 330px 0px 0px 90px;
clear: left;
color:#000;
font-size:20px;
line-height:26px;
}
#head h3 {
font-family: HelveticaRegular;
position: absolute;
margin: 450px 0px 0px 60px;
clear: left;
color:#000;
font-size:25px;
text-transform:uppercase;
line-height:31px;
}
#head .logo {
float:left;
position: relative;
margin: 0px 0 0 104px;
width: 355px;
height: 270px;
background: url(images/logo.png) no-repeat;
}
#head .logo a {
text-indent: -2000px;
width: 355px;
height: 270px;
display: block;
background: url(images/logo.png) no-repeat;
}
.contactnum{
background: url(images/dance2bfit_contact.png) no-repeat;
float: right;
width: 45%;
clear: both;
height: 72px;
margin-right: 153px;
margin-top: -22px;
background-size: contain;
}
.contactnum p{ 
font-size: 15px !important;
margin: 20px 0 0 55px !important;
}
.top_head_banner{
float:right;
width:200px;
height:120px;
background:url(images/top_head.gif) no-repeat right;
background-position:-12px 12px;
}
.infiniteCarousel {
width: 500px;
position: relative;
height: 200px;
margin: 85px auto 0 auto;
}
.infiniteCarousel .wrapper {
width: 500px;
min-height: 10em;
margin: 0 -20px;
position: absolute;
top: 0;
height: 200px;
}
.infiniteCarousel ul a img {
border: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.infiniteCarousel .wrapper ul {
width: 9999px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position: absolute;
top: 0;
}
.infiniteCarousel ul li {
display:block;
float:left;
padding: 10px;
height: 200px;
width: 352px;
}
.infiniteCarousel ul li a img {
display:block;
}
.infiniteCarousel .arrow {
display: block;
height: 36px;
width: 37px;
position: absolute;
top: -45px;
cursor: pointer;
}
.infiniteCarousel .forward {
right: -27px;
}
.infiniteCarousel .back {
right: 20px;
}

.infiniteCarousel .forward:hover {
background-position: 0 -36px;
}
.infiniteCarousel .back:hover {
background-position: 0 -108px;
}
/*MAIN MENU*/
.menu-toggle{
display:block;
padding:10px;
margin:20px 0 0;
background:#666;
color:#fff;
cursor:pointer;
text-transform:uppercase;
font-size:20px;
margin-top:50px;
width: 68.5%;
margin-left: 66px;
float: left;
}
.menu-toggle.toggled-on{
background:#0099ff;
}
.srt-menu{
display:none;
}
.srt-menu.toggled-on{
display:block;
position: relative;
z-index:500;
width: 72.7%;
margin-left: 66px;
}
.srt-menu{
clear:both;
margin-bottom:60px;
}
.srt-menu li a {
background:#fff;
display:block;
margin:1px 0;
padding:10px;
text-decoration:none;
color:#999;
border:1px #ccc solid;
}
.srt-menu li a:hover{
background:#0099ff;
color:#fff;
}
.srt-menu li li a {
background:#e8e8e8;
padding-left:40px;
}
.srt-menu li li li a {
background:#efefef;
padding-left:80px;
}
/* Drop-Down Navigation */
ul#menu li:hover > .sub-menu
{
visibility:visible;
opacity:1;
}
ul#menu .sub-menu, ul#menu .sub-menu li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .sub-menu {
top: 43px;
left: 120px;
}
ul#menu .sub-menu li ul {
top: 0;
left: 181px;
}
ul#menu .sub-menu li {
clear:both;
width:100%;
border:none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .sub-menu li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:none;
float:left;
clear:both;
width:150px;
}
ul#menu .sub-menu li a.first {
border-left: none;
}
ul#menu .sub-menu li a.last {
border-right: none;
}
ul#menu li:hover > .sub-menu
{
visibility:visible;
opacity:1;
}
ul#menu .sub-menu, ul#menu .sub-menu li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul#menu .sub-menu {
top: 43px;
left: 90px;
}
ul#menu .sub-menu li ul {
top: 0;
left: 181px;
}
ul#menu .sub-menu li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}

ul#menu .sub-menu li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .sub-menu li a.first {
border-left: 0 none;
}
ul#menu .sub-menu li a.last {
border-right: none;
}
ul#menu li:hover > .ul2
{
visibility:visible;
opacity:1;
}
ul#menu .ul2, ul#menu .ul2 li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .ul2 {
top: 43px;
left: 242px;
}
ul#menu .sub-menu li ul {
top: 0;
left: 181px;
}
ul#menu .ul2 li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .ul2 li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .ul2 li a.first {
border-left: none;
}
ul#menu .ul2 li a.last {
border-right: none;
}
ul#menu li:hover > .ul2
{
visibility:visible;
opacity:1;
}
ul#menu .ul2, ul#menu .ul2 li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: absolute;
z-index: 99999;
width:180px;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
opacity:0;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#menu .ul2 {
top: 43px;
left: 185px;
}
ul#menu .ul2 li ul {
top: 0;
left: 181px;
}
ul#menu .ul2 li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#menu .ul2 li a {
background:none;
padding:7px 15px;
color:#616161;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
float:left;
clear:both;
width:150px;
}
ul#menu .ul2 li a.first {
border-left: none;
}
ul#menu .ul2 li a.last {
border-right: none;
}
#area {
height: 245px;
background: url(images/bottomBG.png) repeat-x;
margin: 30px auto 0 auto;
clear: left;
padding-top: 60px;
}
#area2 {
height: 245px;
background: url(images/bottomBG.png) repeat-x;
margin: 30px auto 0 auto;
clear: left;
padding-top: 60px;

}
#main {
margin: 0 auto;
background: none;
width: 500px;
height: auto;
}
#content_left_a {
padding: 0px 15px 50px 15px;
width: 468px;
background: #ececec;
border: 1px solid #fff;
height: 50px;
margin-left: auto;
margin-top: -418px;
margin-bottom: 40px;
margin-right: auto;
float: left;
}
#content_left_a p {
font-family: HelveticaRegular;
font-size: 15px;
line-height: 17px;
}

#content_left {
padding: 10px 30px 40px 30px;
width: 435px;
background: #ececec;
border: 1px solid #fff;
height: 2140px;
margin-left: auto;
margin-top: px;
margin-bottom: 40px;
margin-right: auto;
}
#content_left p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_left_b {
padding: 10px 30px 40px 30px;
width: 435px;
background: #ececec;
border: 1px solid #fff;
height: 320px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 40px;
margin-right: auto;
}
#content_left_b p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
#content_right{
float: left;
padding: 5px;
width: 500px;
height: auto;
position: relative;
margin: 135px 0 0px 0px;
}
#content_right .img1{
margin-bottom: 20px !important;
float: left;
}
#content_right .img2{ 
margin: -20px 0 29px 0px !important;
clear: left;
float: left;
}
#content_right .img3{ 
margin: -13px 0 29px 10px !important;
float: left;
width: 38%;
}
#content_right img{
width: 48%;
}
#content_right .hiphopimg{
margin: -14px 0 29px 6px;
width: 50%;
float: left;}
#content_right_a{
clear: left;
float: left;
padding: 5px;
width: 500px;
height: auto;
position: relative;
margin: -28px 0 30px 0px;
}
#content_right_a img{
width: 48.2%;
}
#content_right_a .img4{ 
margin-right: 4px !important;
}
#content_right_a .img5{ 
margin-top: 8px !important;
}
#welcome {
padding:10px;
width: 350px;
height:60px; 	
font-family: HelveticaRegular;
font-size:18px;
line-height:20px;
clear:left;
}
#welcome h1 {
font-family: HelveticaRegular;
position: absolute;
margin: 0px 0px 0px -22px;
clear: left;
color: #b31535;
font-size: 27px;
line-height: 28px;
width: 370px;
}
.item_box{
width:auto;
height:auto;
padding:10px 0 5px 0;
border-bottom:1px #666666 dashed;
}
.item_box_1{
width: 100%;
height: 145px;
margin-left: 0px;
padding: 10px 0 5px 0;
float: left;
background: url(images/subscribe_bG.png) no-repeat;
background-size:contain;
margin-top: -35px;
}
.item_box_1 .heading_one{
font-family: 'SegoeUILight';
font-size: 26px;
color: #fff;
padding-left: 28px;
}
.item_box_1 input[type="email"]{
margin-left: 42px;
height: 30px;
width: 265px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
margin-top: -5px;
float: left;
padding-left: 10px;
}

.item_box_1 input[type="text"]{
margin-left: 42px;
height: 30px;
width: 265px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
margin-top: -5px;
float: left;
padding-left: 10px;
}
.subs{
border-style: none !important;
float: left !important;
margin-top: -10px !important;
width: 28% !important;
}
.item_box_2{
width: 100%;
height: 139px;
padding: 10px 0 5px 0;
margin: -22px 0 0 -3px;
float: left;
clear: left;
background: url(images/fb.png) no-repeat;
background-size: contain;
}
/*team*/
.div1{width: 250px;
height: 480px;
background-color: #fff;
border-radius: 4px;
float: left;
margin-left: 90px;
margin-top: 30px;
margin-bottom: 30px;
}
.div2{
width: 230px;
height: 462px;
background-color: #eee;
border-radius: 4px;
float: left;
margin-left: 10px;
margin-top: 9px;
}
.div2 p {
font-family: HelveticaRegular;
font-size: 13px;
line-height: 15px;
text-align:left;
width:220px;
margin-left:8px;
}
.div1_img{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 127px;
margin-top: 480px;
position: absolute;
}
.div1_img p{
margin: 5px 0 0 0px;
color:#fff;
text-align:center;
}
.div1_img_1{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 127px;
margin-top: 1020px;
position: absolute;
}
.div1_img_1 p{
margin: 5px 0 0 0px;
color:#fff; 
text-align:center;
}
.div1_img_2{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 127px;
margin-top: 1556px;
position: absolute;
}
.div1_img_2 p{
margin: 5px 0 0 0px;
color:#fff; 
text-align:center;
}
.div1_img_3{
background: url(images/team-button.png) no-repeat;
width: 179px;
height: 49px;
margin-left: 127px;
margin-top: 2096px;
position: absolute;
}
.div1_img_3 p{
margin: 5px 0 0 0px;
color:#fff; 
text-align:center;
}
.div1_img p .p1{font-size:18px;}
.div1_img p .p2{font-size:13px;}
.div1_img_1 p .p1{font-size:18px;}
.div1_img_1 p .p2{font-size:13px;}
.div1_img_2 p .p1{font-size:18px;}
.div1_img_2 p .p2{font-size:13px;}
.div1_img_3 p .p1{font-size:18px;}
.div1_img_3 p .p2{font-size:13px;}
/* Career */
.career {
padding: 10px 30px 40px 30px;
width: 435px;
background: #ececec;
border: 1px solid #fff;
height: 890px;
margin-left: auto;
margin-top: 30px;
margin-right: auto;
}
.career p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.career ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 0px;
margin-top: 2px;
}
.career img{
margin: 0 0px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width:100%;
}
/* hiphop */
.hiphop {
padding: 10px 30px 40px 30px;
width: 435px;
background: #ececec;
border: 1px solid #fff;
height: 555px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 0px;
margin-right: auto;
}
.hiphop p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
text-align: left;
}
.hiphop img{
margin: 0 -20px;
width: 108%;
}
/* earlystage1 */
.earlystage1 {
padding: 10px 30px 40px 30px;
width: 435px;
background: #ececec;
border: 1px solid #fff;
height: 1110px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
}
.earlystage1 p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.earlystage1 h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1 ul{
width: 350px;
float: left;
clear: left;
}
.earlystage1 ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 0px;
margin-top: 2px;
}
.earlystage1 img{
margin: 430px 0 0 -9px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
position: absolute;
width: 80%;
}
.earlystage1_a {
padding: 10px 30px 40px 30px;
width: 435px;
background: #ececec;
border: 1px solid #fff;
height: 150px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 30px;
margin-right: auto;
}
.earlystage1_a h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1_a ul{
width: 300px;
float: left;
clear: left;
}
.earlystage1_a ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
.earlystage1_b {
padding: 10px 30px 40px 30px;
width: 435px;
background: #ececec;
border: 1px solid #fff;
height: 200px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 30px;
margin-right: auto;
}
.earlystage1_b h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.earlystage1_b ul{
width: 300px;
float: left;
clear: left;
}
.earlystage1_b ul li{
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 0px;
margin-top: 2px;
}


/* SchoolPerformances */
.SchoolPerformances {
padding: 10px 30px 40px 30px;
width: 435px;
background: #ececec;
border: 1px solid #fff;
height: 425px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolPerformances p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolPerformances img{
margin: 0 0px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 100%;
}
/* SchoolConcerts */
.SchoolConcerts {
padding: 10px 30px 40px 30px;
width: 435px;
background: #ececec;
border: 1px solid #fff;
height: 1028px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolConcerts p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolConcerts h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.SchoolConcerts ul{
}
.SchoolConcerts ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 0px;
margin-top: 2px;
}
.SchoolConcerts img{
margin: 5px 0px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 100%;
}
/* SchoolDiscos */
.SchoolDiscos {
padding: 10px 30px 40px 30px;
width: 435px;
background: #ececec;
border: 1px solid #fff;
height: 1360px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.SchoolDiscos p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.SchoolDiscos h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.SchoolDiscos ul{
}
.SchoolDiscos ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 0px;
margin-top: 2px;
}
.SchoolDiscos img{
margin: 25px 0px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 100%;
}
/* Yr6FarewellsFormals */
.Yr6FarewellsFormals {
padding: 10px 30px 40px 30px;
width: 435px;
background: #ececec;
border: 1px solid #fff;
height: 970px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.Yr6FarewellsFormals p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.Yr6FarewellsFormals h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
}
.Yr6FarewellsFormals ul{
}
.Yr6FarewellsFormals ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#555;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
.Yr6FarewellsFormals img{
margin: 25px 0 5px 0px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width:100%;
}
/* Overview */
.Overview {
padding: 10px 30px 40px 30px;
width: 435px;
background: #ececec;
border: 1px solid #fff;
height: 460px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
.Overview p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
color:#555;
}
.Overview ul{
}
.Overview ul li{ 
list-style:url(images/bullet.png);
font-family: HelveticaRegular;
color:#555;
font-size:16px;
margin-left: 0px;
margin-top: 2px;
}
.Overview_a {
padding: 10px 30px 40px 30px;
width: 435px;
height: 200px;
margin-left: auto;
margin-top: -20px;
margin-bottom: 30px;
margin-right: auto;
}
.Overview_a p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
color:#555
}
.Overview_a ul {
margin: 0 0 20px 0;
padding: 0px;
list-style-type: none;
}
.contact_info{
padding: 10px 30px 40px 30px;
width: 435px;
background: #ececec;
border: 1px solid #fff;
height: 580px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 0px;
margin-right: auto;
}
.contact_info p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
}
.contact_info h3 {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 16px;
font-weight:bold;
color:#000;
float:left;
clear:left;
padding:0;
margin: 20px 0 0 0;
}
.contact_info ul{
width: 395px;
float: left;
clear: left;
}
.contact_info ul li{ 
list-style: none;	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-top: 6px;
}
#map-canvas{
margin: 345px 0 0 -8px;
border: 1px #fff solid;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
position: absolute;
width: 80%;
clear: both;
height: 15%;

}
.contact_info p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
width: 560px;
}
.contact_info_a {
float: left;
padding: 10px 30px 40px 30px;
width: 280px;
background: #ececec;
border: 1px solid #fff;
height: 110px;
margin-left: 40px;
margin-top: 0px;
margin-bottom: 30px;
}
.contact_info_a h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.contact_info_a ul{
width: 450px;
float: left;
clear: left;
}
.contact_info_a ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
.contact_info_b {
float: left;
padding: 10px 30px 40px 30px;
width: 280px;
background: #ececec;
border: 1px solid #fff;
height: 180px;
margin-left: 40px;
margin-top: 0px;
margin-bottom: 30px;
}
.contact_info_b h3 {
font-family: HelveticaRegular;
font-size: 21px;
line-height: 20px;
font-weight:bold;
color:#000;
float:left;
clear:left;
}
.contact_info_b ul{
width: 450px;
float: left;
clear: left;
}
.contact_info_b ul li{ 
list-style:url(images/bullet.png);	
font-family: HelveticaRegular;
color:#000;
font-size:16px;
margin-left: 30px;
margin-top: 2px;
}
/*testimonial_con*/
#testimonial_con {
padding: 10px 30px 40px 30px;
width: 435px;
background: #ececec;
border: 1px solid #fff;
height: 620px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
#testimonial_con p {
font-family: HelveticaRegular;
font-size: 15px;
line-height: 20px;
width: 360px;
height: 290px;
margin-left: -40px;
}
.testimonial_logo{ 
margin:-44px 0 0 132px;
}
#testimonials .carousel-nav {
display: block;
width: 480px !important;
margin: 225px 70px 0 -21px !important;
position: absolute;
}
#testimonials .carousel-wrap ul li {
display: block;
float: left;
position: relative;
width: 234px !important;
margin: 20px 0 0 15px !important;
}
#testimonials .carousel-wrap {
display: block;
width: 425px !important;
height: 455px !important;
margin: 0 auto;
overflow: hidden;
}
#testimonial-list {
background: #fff !important;
width: 348px !important;
height: 425px !important;
box-shadow: 0px 0px 5px rgba(0,0,0,0.5) !important;
border-radius: 10px;
margin-left: 20px;

}
#testimonials .carousel-nav img {
cursor: pointer;
width: 8%  !important;
}
/*booknow*/
#booknow {
padding: 10px 30px 40px 30px;
width: 435px;
background: #ececec;
border: 1px solid #fff;
height: 1000px;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
}
#booknow p {
font-family: HelveticaRegular;
font-size: 18px;
line-height: 20px;
margin-left: 0px;
}
#form {
padding: 0px;
margin: 0px;
}
#fields label {
width: 180px;
display: block;
padding: 0px;
float:left;
clear:left;
height: 22px;
line-height: 22px;
font-size:11px;

}
#fields input {
border: 1px solid #C8D2D9;
margin: 0 0 5px 0;
width: 260px;
float:left;
height: 22px;
padding-left: 5px;
}
#fields textarea {
border: 1px solid #C8D2D9;
margin: 0 0 3px 0;
width: 260px;
height: 100px;
float:left;padding-left: 5px;
}
#send input {
width: 109px;
height: 28px;
margin: 10px 0 0 160px;
float: left;
clear: left;
}
.styled-select {
width: 265px;
margin: 0 0 5px 0;
height: 24px;
overflow: hidden;
background: url(images/dropdownarrow.png) no-repeat right #fff;
border: 1px solid #ccc;
float:left;
}
.styled-select select {
background-color:transparent;
border: 1px solid #C8D2D9;
width: 265px;
padding: 5px;
font-size: 16px;
line-height: 13px; font-size:12px; color:#555;
border: 0;
border-radius: 0;
height: 24px;padding-left: 5px;
-webkit-appearance: none;float:left;
}
#footer {
text-align:center;
font-size:10px;
color:#fff;
background:#000;
padding-top:10px;
height:85px;
}
#footer a {
background: none;
padding: 0px;
}
.footer_text{width: 545px;margin-top: 27px; }
  
}

/*
PRINT STYLESHEET
*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

#sb-site {
	box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.3); /* Shadow cast onto the slidebars when opened. */
	padding: 0px !important;
}
.navbar{
background-color: #ff3971 !important;
border-color: #ff1859 !important;
	box-shadow: /* Shadow beneath the bar and edge highlights. */
		/* Layered single pixel shadows to create a one sided shadow effect. */
		0 5px 0 0 rgba(0, 0, 0, 0.01),
		0 4px 0 0 rgba(0, 0, 0, 0.02),
		0 3px 0 0 rgba(0, 0, 0, 0.04),
		0 2px 0 0 rgba(0, 0, 0, 0.06),
		0 1px 0 0 rgba(0, 0, 0, 0.08),
		/* Top highlight */
		0 1px 0 0 rgba(255, 255, 255, 0.1) inset,
		/* Left highlight */
		1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
		/* Right highlight */
		-1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
		/* Bottom lowlight */
		0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
		
	/* Glass gradient overlay. */
	background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.05) 50%, rgba(0,0,0, 0.02) 51%); /*  Webkit syntax. */
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0.02) 51%); /* Final syntax. */
	background-size: 100%;
	background-repeat: no-repeat;
	
	/* Bootstrap Changes */
	border: none;
	width: 100%;
	left: auto;
	right: auto;
}

.sb-android .navbar {
	position: absolute;
}

.sb-toggle-left {
	width: 58px;
	float: left;
	padding: 14px;
}

.sb-toggle-right {
	width: 58px;
	float: right;
	padding: 14px;
}

.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer;
}

.navicon-line {
	width: 24px;
	height: 4px;
	border-radius: 1px;
	margin-bottom: 3px;
	background-color: #fff;
}

ul.navbar-nav {
	display: none;
}


/* Slidebars */

.sb-slidebar {
	background-color: #222222;
}

/* Left */


.sb-menu li .sb-open-right, .sb-menu li small {
	display: inline-block;
	padding: 14px;
}

.sb-menu li img {
	margin: 14px;
}


/* Slidebar Type */

.sb-slidebar, .sb-slidebar h3 {
	color: #F0F0F0;
}

.sb-slidebar ul.sb-nav li a {
	color: #DEDEDE;
}

.sb-slidebar ul.sb-nav li a:hover {
	color: #C7C7C7;
	text-decoration: none;
}

.sb-slidebar ul.sb-nav li span:hover {
	color: #C7C7C7;
}

@media only screen and (max-width: 1280px) {
#fields label { font-size:12px !important;}
}

#tlogos li {display: inline; width: 250px;}

#testimonials .carousel-wrap {height: 650px !important;}
#testimonials .carousel-wrap ul li .timage{
	text-align:center;
	width: 550px;
	margin-top: 100px;
}

#testimonials .carousel-wrap ul li .timage img {display:block; right:268px !important;position:absolute; bottom:30px;}
#testimonial-list li { position:relative; height: 650px !important;}