/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */

.row {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */

}

.row:before,
.row:after {
    content:"";
    display:table;
}
.row:after {
    clear:both;
}

.rowlogo {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */

}

.rowlogo:before,
.rowlogo:after {
    content:"";
    display:table;
}
.rowlogo:after {
    clear:both;
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 0;
}

.col-icon {
	display: block;
	float:left;
	margin: 1% 0 1% 0;
}
.col-calendar {
	display: block;
	float:left;
	margin: 1% 0 1% 0;
}
.col-dancebox {
	display: block;
	float:left;
	margin: 1% 0 1% 0;
}


.colnomargin {
	display: block;
	float:left;
	margin: 0;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

@media only screen and (max-width: 980px) {
	.col {
		/*margin: 1% 0 1% 0%;*/
        margin: 0;
	}
}
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 700px) {
.col-icon {
	width: 33.3%;
}
}

@media only screen and (max-width: 480px) {
	.col {
		/*margin: 1% 0 1% 0%;*/
        margin: 0;
	}
    .col-icon {
	width: 16.66%;
}

}


/*  GRID OF TWO   ============================================================================= */


.span-2-of-2 {
	width: 100%;
}

.span-1-of-2 {
	width: 49.2%;
}
.span-1-of-2-fun {
	width: 49.2%;
}

.span-footera {
    width : 20%;
}

.span-footerb {
    width : 80%;
}

.span-1-of-2-rates{
	width: 49.2%;
}

@media only screen and (max-width: 1100px) {
.span-1-of-2-fun{
	width: 98%;
}
}




@media only screen and (max-width: 700px) {
.span-1-of-2-rates{
	width: 98%;
}
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span-2-of-2 {
		width: 100%;
	}
	.span-1-of-2 {
		width: 100%;
	}
}


/*  GRID OF THREE   ============================================================================= */


.span-3-of-3 {
	width: 100%;
}

.span-2-of-3 {
	width: 66.13%;
}

.span-2-of-3-icons {
	width: 66.13%;
}
.span-33 {
	width: 33.5%;
}
.span-66 {
	width: 66.5%;
}

.span-a {
width : 33.5%;
}
.span-b {
width : 42%;
}
.span-c {
width : 24.5%;
}

.span-d {
width : 20%;
}
.span-e {
width : 50%;
}
.span-f {
width : 30%;
}
.span-1-of-3 {
	width: 32.26%;
}


.span-1-of-3-icons {
	width: 32.26%;
}



.span-1-of-3-calendar {
	width: 36%;
}

.span-2-of-3-calendar {
	width: 64%;
}
.span-1-of-3-dancebox {
	width: 33%;
}
.span-1-of-threebox {
	width: 33.3%;
}
.span-fourbox {
	width: 23.5%;
    margin-left : 0.5%;
    margin-right : 0.5%;
}

.span-1-of-3-fixed {
	width: 33.33%;
    max-width: 400px;
    padding: 20px;
    margin: 0 auto;
}
.span-1-of-3-fixed img {
	width: 100%;
}

.span-1-of-3-fixed:hover {
	background-color: lightgrey;
}

.span-1-of-3-fixed a:link,
.span-1-of-3-fixed a:hover,
.span-1-of-3-fixed a:visited {
    text-decoration: none;
    font-size: 22px;
    color:#8b001d;
}


.span-1-of-6-roundicons img {
	width: 100%;
}


.span-1-of-6-roundicons:hover {
	background-color: transparent;
}

.span-1-of-6-roundicons a:link,
.span-1-of-6-roundicons a:hover,
.span-1-of-6-roundicons a:visited {
    text-decoration: none;
    font-size: 18px;
    color:#434a9f;
}

@media only screen and (max-width: 1192px) {

.span-d {
width : 20%;
}
.span-e {
width : 45%;
}
.span-f {
width : 35%;
}

}

@media only screen and (max-width: 777px) {

.span-d {
width : 20%;
}
.span-e {
width : 50%;
}
.span-f {
width : 30%;
}

}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 760px) {

    .span-fourbox {
		width: 60%;
    }
    
    .span-a {
		width: 100%;
}
.span-b {
		width: 100%;
}
.span-c {
		width: 100%;
}
}


@media only screen and (max-width: 480px) {
	.span-3-of-3 {
		width: 100%;
	}

	.span-2-of-3 {
		width: 100%;
	}
	.span-1-of-3 {
		width: 100%;
	}
    
    .span-1-of-threebox {
    	width: 100%;;
    }
    
    .span-1-of-3-dancebox {
		width: 100%;
}


}

/*  GRID OF FOUR   ============================================================================= */


.span-4-of-4 {
	width: 100%;
}

.span-3-of-4 {
	width: 74.6%;
}

.span-2-of-4 {
	width: 49.2%;
}

.span-1-of-4 {
	width: 24.5%;
}

.span-4-of-pool {
	width: 100%;
}

.span-3-of-pool {
	width: 74.6%;
}

.span-2-of-pool {
	width: 49.2%;
}

.span-1-of-pool {
	width: 24.5%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span-4-of-4 {
		width: 100%;
	}
	.span-3-of-4 {
		width: 100%;
	}
	.span-2-of-4 {
		width: 100%;
	}
	.span-1-of-4 {
		width: 100%;
	}
    	.span-4-of-pool {
		width: 100%;
	}
	.span-3-of-pool {
		width: 100%;
	}
	.span-2-of-pool {
		width: 100%;
	}
	.span-1-of-pool {
		width: 100%;
	}
    
}


/*  GRID OF FIVE   ============================================================================= */


.span-5-of-5 {
	width: 100%;
}

.span-4-of-5 {
  	width: 79.68%;
}

.span-3-of-5 {
  	width: 59.36%;
}

.span-2-of-5 {
  	width: 39.04%;
}

.span-1-of-5 {
  	width: 18.72%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span-5-of-5 {
		width: 100%;
	}
	.span-4-of-5 {
		width: 100%;
	}
	.span-3-of-5 {
		width: 100%;
	}
	.span-2-of-5 {
		width: 100%;
	}
	.span-1-of-5 {
		width: 100%;
	}
}


/*  GRID OF SIX   ============================================================================= */


.span-6-of-6 {
	width: 100%;
}

.span-5-of-6 {
  	width: 83.06%;
}

.span-4-of-6 {
  	width: 66.13%;
}

.span-3-of-6 {
  	width: 49.2%;
}

.span-2-of-6 {
  	width: 32.26%;
}

.span-1-of-6 {
  	width: 15.33%;
}

.span-1-of-6-roundicons {
	width: 16.66%;
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */


@media only screen and (max-width: 700px) {

.span-1-of-6-roundicons {
	width: 33.3%;
}
}

@media only screen and (max-width: 480px) {
	.span-6-of-6 {
		width: 100%;
	}
	.span-5-of-6 {
		width: 100%;
	}
	.span-4-of-6 {
		width: 100%;
	}
	.span-3-of-6 {
		width: 100%;
	}
	.span-2-of-6 {
		width: 100%;
	}
	.span-1-of-6 {
		width: 100%;
	}
    
.span-1-of-6-roundicons {
	width: 100%;
}
}


/*  GRID OF SEVEN   ============================================================================= */


.span-7-of-7 {
	width: 100%;
}

.span-6-of-7 {
	width: 85.48%;
}

.span-5-of-7 {
  	width: 70.97%;
}

.span-4-of-7 {
  	width: 56.45%;
}

.span-3-of-7 {
  	width: 41.94%;
}

.span-2-of-7 {
  	width: 27.42%;
}

.span-1-of-7 {
  	width: 12.91%;
}



@media only screen and (max-width: 950px) {
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
	.span-7-of-7 {
		width: 100%;
	}
	.span-6-of-7 {
		width: 100%;
	}
	.span-5-of-7 {
		width: 100%;
	}
	.span-4-of-7 {
		width: 100%;
	}
	.span-3-of-7 {
		width: 100%;
	}
	.span-2-of-7 {
		width: 100%;
	}
	.span-1-of-7 {
		width: 100%;
	}
}




@media only screen and (max-width: 480px) {
	.span-7-of-7 {
		width: 100%;
	}
	.span-6-of-7 {
		width: 100%;
	}
	.span-5-of-7 {
		width: 100%;
	}
	.span-4-of-7 {
		width: 100%;
	}
	.span-3-of-7 {
		width: 100%;
	}
	.span-2-of-7 {
		width: 100%;
	}
	.span-1-of-7 {
		width: 100%;
	}
}


/*  GRID OF EIGHT   ============================================================================= */


.span-8-of-8 {
	width: 100%;
}

.span-7-of-8 {
	width: 87.3%;
}

.span-6-of-8 {
	width: 74.6%;
}

.span-5-of-8 {
	width: 61.9%;
}

.span-4-of-8 {
	width: 49.2%;
}

.span-3-of-8 {
	width: 36.5%;
}

.span-2-of-8 {
	width: 23.8%;
}

.span-1-of-8 {
	width: 11.1%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span-8-of-8 {
		width: 100%;
	}
	.span-7-of-8 {
		width: 100%;
	}
	.span-6-of-8 {
		width: 100%;
	}
	.span-5-of-8 {
		width: 100%;
	}
	.span-4-of-8 {
		width: 100%;
	}
	.span-3-of-8 {
		width: 100%;
	}
	.span-2-of-8 {
		width: 100%;
	}
	.span-1-of-8 {
		width: 100%;
	}
}


/*  GRID OF NINE   ============================================================================= */


.span-9-of-9 {
	width: 100%;
}

.span-8-of-9 {
	width: 88.71%;
}

.span-7-of-9 {
	width: 77.42%;
}

.span-6-of-9 {
	width: 66.13%;
}

.span-5-of-9 {
	width: 54.84%;
}

.span-4-of-9 {
	width: 43.55%;
}

.span-3-of-9 {
	width: 32.26%;
}

.span-2-of-9 {
	width: 20.97%;
}

.span-1-of-9 {
	width: 9.68%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span-9-of-9 {
		width: 100%;
	}
	.span-8-of-9 {
		width: 100%;
	}
	.span-7-of-9 {
		width: 100%;
	}
	.span-6-of-9 {
		width: 100%;
	}
	.span-5-of-9 {
		width: 100%;
	}
	.span-4-of-9 {
		width: 100%;
	}
	.span-3-of-9 {
		width: 100%;
	}
	.span-2-of-9 {
		width: 100%;
	}
	.span-1-of-9 {
		width: 100%;
	}
}


/*  GRID OF TEN   ============================================================================= */


.span-10-of-10 {
	width: 100%;
}

.span-9-of-10 {
	width: 89.84%;
}

.span-8-of-10 {
	width: 79.68%;
}

.span-7-of-10 {
	width: 69.52%;
}

.span-6-of-10 {
	width: 59.36%;
}

.span-5-of-10 {
	width: 49.2%;
}

.span-4-of-10 {
	width: 39.04%;
}

.span-3-of-10 {
	width: 28.88%;
}

.span-2-of-10 {
	width: 18.72%;
}

.span-1-of-10 {
	width: 8.56%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span-10-of-10 {
		width: 100%;
	}
	.span-9-of-10 {
		width: 100%;
	}
	.span-8-of-10 {
		width: 100%;
	}
	.span-7-of-10 {
		width: 100%;
	}
	.span-6-of-10 {
		width: 100%;
	}
	.span-5-of-10 {
		width: 100%;
	}
	.span-4-of-10 {
		width: 100%;
	}
	.span-3-of-10 {
		width: 100%;
	}
	.span-2-of-10 {
		width: 100%;
	}
	.span-1-of-10 {
		width: 100%;
	}
}


/*  GRID OF ELEVEN   ============================================================================= */

.span-11-of-11 {
	width: 100%;
}

.span-10-of-11 {
	width: 90.76%;
}

.span-9-of-11 {
	width: 81.52%;
}

.span-8-of-11 {
	width: 72.29%;
}

.span-7-of-11 {
	width: 63.05%;
}

.span-6-of-11 {
	width: 53.81%;
}

.span-5-of-11 {
	width: 44.58%;
}

.span-4-of-11 {
	width: 35.34%;
}

.span-3-of-11 {
	width: 26.1%;
}

.span-2-of-11 {
	width: 16.87%;
}

.span-1-of-11 {
	width: 7.63%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span-11-of-11 {
		width: 100%;
	}
	.span-10-of-11 {
		width: 100%;
	}
	.span-9-of-11 {
		width: 100%;
	}
	.span-8-of-11 {
		width: 100%;
	}
	.span-7-of-11 {
		width: 100%;
	}
	.span-6-of-11 {
		width: 100%;
	}
	.span-5-of-11 {
		width: 100%;
	}
	.span-4-of-11 {
		width: 100%;
	}
	.span-3-of-11 {
		width: 100%;
	}
	.span-2-of-11 {
		width: 100%;
	}
	.span-1-of-11 {
		width: 100%;
	}
}


/*  GRID OF TWELVE   ============================================================================= */

.span-12-of-12 {
	width: 100%;
}

.span-11-of-12 {
	width: 91.53%;
}

.span-10-of-12 {
	width: 83.06%;
}

.span-9-of-12 {
	width: 74.6%;
}

.span-8-of-12 {
	width: 66.13%;
}

.span-7-of-12 {
	width: 57.66%;
}

.span-6-of-12 {
	width: 49.2%;
}

.span-5-of-12 {
	width: 40.73%;
}

.span-4-of-12 {
	width: 32.26%;
}

.span-3-of-12 {
	width: 23.8%;
}

.span-2-of-12 {
	width: 15.33%;
}

.span-1-of-12 {
	width: 6.86%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span-12-of-12 {
		width: 100%;
	}
	.span-11-of-12 {
		width: 100%;
	}
	.span-10-of-12 {
		width: 100%;
	}
	.span-9-of-12 {
		width: 100%;
	}
	.span-8-of-12 {
		width: 100%;
	}
	.span-7-of-12 {
		width: 100%;
	}
	.span-6-of-12 {
		width: 100%;
	}
	.span-5-of-12 {
		width: 100%;
	}
	.span-4-of-12 {
		width: 100%;
	}
	.span-3-of-12 {
		width: 100%;
	}
	.span-2-of-12 {
		width: 100%;
	}
	.span-1-of-12 {
		width: 100%;
	}
}

/*  GRID OF LOGO   ============================================================================= */

.span-logoleft {
	width: 77%;
    margin: 0;
    padding: 0;
}

.span-logoright {
	width: 22%;
    margin: 0;
    padding: 0;
}
@media only screen and (max-width: 992px) {

.span-logoleft {
	width: 72%;
    margin: 0;
    padding: 0;
}

.span-logoright {
	width: 28%;
    margin: 0;
    padding: 0;
}

}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 760px) {
	.span-logoleft {
		width: 100%;
	}
	.span-logoright {
		width: 100%;
	}
	
}