﻿@charset "utf-8";
/* CSS Document */

#wrapper{
	background-color: #FFFFFF;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

	/***************************************************************************************************************
	* GLOBAL HEADER                                                                                                *
	***************************************************************************************************************/
	#header{
		background-image:url(../_images/bg-header1.jpg);
		background-position: center;
		height: 203px;
		width: 100%;
		text-align: right;
	}
	#heading
	{
	    margin-right:10px;
		height: 75px;
	    color: White;
		text-align: right;
		font-family: Tahoma;
	}
	
	#nav{
	background-image:url(../_images/bg-menu2.jpg);
	background-repeat: repeat-x;
	text-align: center;
	}
		
			#menu{
			background-image: url(../_images/menu2.jpg);
			background-repeat: no-repeat;
			height: 44px;
			width: 913px;
			margin-left:auto;
			margin-right:auto;
		}
			
			#menu span {
				display: none;
			}
			
			 #menu li, #nav #menu a {
				height: 41px;	/* Each button must have the same height, define it here */ 
				display: block;
			}
			
			 #menu li {
				float: left;
				list-style: none;
				_display: inline;	/* fixes IE/Win double margin float bug (safe) */
			}
	
			#menu-01 { width: 65px; }
			#menu-02 { width: 126px; }
			#menu-03 { width: 88px; }
			#menu-04 { width: 90px; }
			#menu-05 { width: 104px; }
			#menu-06 { width: 112px; }
			#menu-07 { width: 86px; }
			#menu-08 { width: 100px; }
			#menu-09 { width: 95px; }
			#menu-10 { width: 47px; }
			
			/* Changed values should match sum of "width" numbers specified above */ 
			#menu-01 a:hover	{ background: transparent url(../_images/menu-over2.jpg) 0 0 no-repeat; }
			#menu-02 a:hover	{ background: transparent url(../_images/menu-over2.jpg) -65px 0 no-repeat; }
			#menu-03 a:hover	{ background: transparent url(../_images/menu-over2.jpg) -191px 0 no-repeat; }
			#menu-04 a:hover	{ background: transparent url(../_images/menu-over2.jpg) -279px 0 no-repeat; }
			#menu-05 a:hover	{ background: transparent url(../_images/menu-over2.jpg) -369px 0 no-repeat; }
			#menu-06 a:hover	{ background: transparent url(../_images/menu-over2.jpg) -473px 0 no-repeat; }
			#menu-07 a:hover	{ background: transparent url(../_images/menu-over2.jpg) -585px 0 no-repeat; }
			#menu-08 a:hover	{ background: transparent url(../_images/menu-over2.jpg) -671px 0 no-repeat; }
			#menu-09 a:hover	{ background: transparent url(../_images/menu-over2.jpg) -771px 0 no-repeat; }
			#menu-10 a:hover	{ background: transparent url(../_images/menu-over2.jpg) -866px 0 no-repeat; }
			
	/***************************************************************************************************************
	* PAGE BODY LAYOUT
	***************************************************************************************************************/
	#background{
		background-image: url(http://tricksgym.com/_images/bg-page.jpg);
		background-repeat: repeat-x;
		width: 100%;
		margin: 0 auto;
		padding: 15px 0 0 0;
		/*background-image: url(http://getgymnastics.com/tricks_test/_images/bg-page.jpg);   */
	}
	
	#page{
		width: 914px;
		margin: 0 auto;
	}
			#page .header{
    background-image: url('../_images/header4.gif');
    background-repeat: no-repeat;
    width: 912px;
    height: 74px;
    float: left;
    text-align: right;
    font-size: 48px;
}
			#page .headerwel{
    background-image: url('../_images/headers/header_welcome.jpg');
    background-repeat: no-repeat;
    width: 912px;
    height: 74px;
    float: left;
    text-align: right;
    font-size: 48px;
}
            #page .inside{
	margin-top:20px;
	margin-right:32px;
	margin-left:32px;
	float: left;
	text-align: left;
	font-size: 10px;
	font-family: Tahoma, Geneva, sans-serif;
            }
            #page .prog{
				width: 549px;
				height: 337px;
				margin-left:auto;
				margin-right:auto;
			}

	/***************************************************************************************************************
	* PAGE BACKGROUNDS
	***************************************************************************************************************/
			#page .largeBox{
				background-image:url('../_images/frontVideo.gif');
				background-repeat: no-repeat;
				width: 605px;
				height: 605px;
				margin-left:auto;
				margin-right:auto;	
				text-align: left;
			}
			#page .largeBox2{
			    background-image:url('../_images/frontBox.gif');
				background-repeat: no-repeat;
				width: 605px;
				height: 605px;
				margin-left:auto;
				margin-right:auto;	
				text-align: left;
			}
			#page .frontVideo{
				background-image:url('../_images/frontVideo.gif');
				background-repeat: no-repeat;
				width: 600px;
				height: 595px;
				float: right;	
				text-align: left;
			}
			#page .birthdayBackground{
				background-image:url('../_images/birthdaysBackground.gif');
				background-repeat: no-repeat;
				width: 720px;
				height: 639px;
				margin-left:auto;
				margin-right:auto;		
				text-align: left;
			}
			#page .tumblebunnyBackground{
				background-image:url('../_images/tumblebunnyBackground.gif');
				background-repeat: no-repeat;
				width: 720px;
				height: 639px;
				margin-left:auto;
				margin-right:auto;		
				text-align: left;
			}
			#page .schoolBackground{
				background-image:url('../_images/schoolBackground.gif');
				background-repeat: no-repeat;
				width: 720px;
				height: 639px;
				margin-left:auto;
				margin-right:auto;		
				text-align: left;
			}
			#page .compBackground{
				background-image:url('../_images/compBackground.gif');
				background-repeat: no-repeat;
				width: 720px;
				height: 639px;
				margin-left:auto;
				margin-right:auto;		
				text-align: left;
			}
			#page .contactBackground{
				background-image:url('../_images/contactBackground.gif');
				background-repeat: no-repeat;
				width: 720px;
				height: 639px;
				margin-left:auto;
				margin-right:auto;		
				text-align: left;
			}
			#page .GBBackground{
				background-image:url('../_images/GBBackground.gif');
				background-repeat: no-repeat;
				width: 720px;
				height: 639px;
				margin-left:auto;
				margin-right:auto;		
				text-align: left;
			}
			#page .FolBackground{
				background-image:url('../_images/FolBackground.gif');
				background-repeat: no-repeat;
				width: 720px;
				height: 639px;
				margin-left:auto;
				margin-right:auto;		
				text-align: left;
			}
			#page .FolBackground-inside{
				background-image:url('../_images/Fol-holder.jpg');
				background-repeat: no-repeat;
				width: 660px;
				height: 580px;
				margin-left:auto;
				margin-right:auto;		
				text-align: left;
			}
			#page .GBBackground-inside{
				background-image:url('../_images/gb-holder.jpg');
				background-repeat: no-repeat;
				width: 660px;
				height: 580px;
				margin-left:auto;
				margin-right:auto;		
				text-align: left;
			}
			#page .SacBackground-inside{
				background-image:url('../_images/sc-holder.jpg');
				background-repeat: no-repeat;
				width: 660px;
				height: 580px;
				margin-left:auto;
				margin-right:auto;		
				text-align: left;
			}
			#page .SacBackground{
				background-image:url('../_images/SacBackground.gif');
				background-repeat: no-repeat;
				width: 720px;
				height: 639px;
				margin-left:auto;
				margin-right:auto;		
				text-align: left;
			}
			#page .datenightsBackground{
				background-image:url('../_images/datenightsBackground.gif');
				background-repeat: no-repeat;
				margin-left:auto;
				margin-right:auto;
				width: 677px;
				height: 445px;	
			}
			#page .contestTwentyFive{
	background-image:url(../_images/sectionWide.gif);
	background-repeat: no-repeat;
	width: 608px;
	height: 284px;
	float: left;
	text-align: left;
			}
			#page .wideBox{
	background-image:url(../_images/sectionWide.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 294px;
	float: left;
	text-align: left;
			}
			#page .wideBox2{
				background-image:url('../_images/wideBox2.gif');
				background-repeat: no-repeat;
				margin-left:auto;
				margin-right:auto;
				width: 645px;
				height: 432px;	
			}						
			#page .wideBox3{
				background-image:url('../_images/wideBox3.gif');
				background-repeat: no-repeat;
				margin-left:auto;
				margin-right:auto;
				width: 656px;
				height: 195px;
                text-align: left;
}	
			#page .sectionSmall{
				background-image:url('../_images/sectionSmall.gif');
				background-repeat: no-repeat;
				width: 304px;
				height: 297px;
				float: left;	
				text-align: left;
			}
			#page .sectionSmall1{
				background-image:url('../_images/sectionSmall1.gif');
				background-repeat: no-repeat;
				width: 304px;
				height: 297px;
				float: left;	
				text-align: left;
			}
			#page .sectionSmall2{
				background-image:url('../_images/sectionSmall2.gif');
				background-repeat: no-repeat;
				width: 304px;
				height: 297px;
				float: left;	
				text-align: left;
			}
			#page .sectionSmall3{
				background-image:url('../_images/sectionSmall3.gif');
				background-repeat: no-repeat;
				width: 304px;
				height: 297px;
				float: left;	
				text-align: left;
			}
			#page .empCoach{
				background-image:url('../_images/EmpCoach.gif');
				background-repeat: no-repeat;
				width: 304px;
				height: 284px;
				float: left;	
				text-align: left;
			}
			#page .empDance{
				background-image:url('../_images/EmpDance.gif');
				background-repeat: no-repeat;
				width: 304px;
				height: 284px;
				float: left;	
				text-align: left;
			}
			#page .empOffice{
				background-image:url('../_images/EmpOffice.gif');
				background-repeat: no-repeat;
				width: 304px;
				height: 284px;
				float: left;	
				text-align: left;
			}
			#page .empSwim{
				background-image:url('../_images/EmpSwim.gif');
				background-repeat: no-repeat;
				width: 304px;
				height: 284px;
				float: left;	
				text-align: left;
			}	
			#page .schoolAgedProgram{
				background-image:url('../_images/schoolAgedProgram.gif');
				background-repeat: no-repeat;
				width: 720px;
				height: 639px;
				margin-left:auto;
				margin-right:auto;	
				text-align: left;
			}
			#page .danceProgram{
				background-image:url('../_images/danceProgram.gif');
				background-repeat: no-repeat;
				width: 763px;
				height: 934px;
				margin-left:auto;
				margin-right:auto;	
				text-align: left;
			}
	/***************************************************************************************************************
	* GLOBAL FOOTER
	***************************************************************************************************************/
	#footer{
		width: 914px;
		float: left;
		text-align: left;
		height: 95px;
		font-family:Tahoma;
		font-size:14px;
	}
		
		#footer-nav li {
			display: block;
			float:left;
			margin: 0 10px 0 0;
			list-style: none;
			_display: inline;		/* fixes IE/Win double margin float bug (safe) */
		}
	/***************************************************************************************************************
	* MISCELLANEOUS
	***************************************************************************************************************/
	.clearfloat {
		clear:both;
		height:0;
		font-size: 1px;
		line-height: 0;
		margin: 0;
		padding: 0;
	}
.subContent
{
    color:Gray;
    font-size:12px;
}
.h2blue
{
    color:Blue;
    font-size:18px;
}
#Form1 #wrapper #background #page .sectionSmall .inside .text {
	font-size: 12px;
}
/***************************************************************************************************************
	* Promo Box
	***************************************************************************************************************/
	
	
#promo-frame{float:left;max-height:300px;
  background-color:#00F;border:0px;margin:0px 0px;padding:0px;}
  
#promo-img{float:left;text-align:center;background-color:#000;vertical-align:middle;width:450px;height:300px;padding:0px;margin:0px;}

#promo-img img{padding:0px 0px 0px 10px;}

#promo-img .promo{display:none;}

#promo-text-bg,#promo-text{
	margin-top:240px;
	position:absolute;
	width:400px;
	height:40px;
	color:white;
	padding:10px 15px;
}

#promo-text-bg{opacity:0.8;background-color:#000;}

.promo-item{display:none;color:#FFF;vertical-align:middle;}

#promo-text .current{display:inline;}

#promo-tabs{float:left;padding:0px;margin:0px;
  border-left:10px solid #06F;height:300px;max-height:300px;border-top:0px;border-bottom:0px;}
  
.promo-tab{font-family:arial;background-color:#009;list-style:none;color:#fff;margin:0px;padding:10px;width:100px;border:0px;height:40px;}

.promo-tab .text{display:table-cell;vertical-align:middle;margin:0px;padding:0px;height:40px;}

#promo-tabs .current{background-color:#06F;}

.promo-hover{background-color:#06F}

.block{margin:0px 0px 20px 0px;padding:0px;width:100%;}

#ribbon-content .block{margin:0px;}
#Form1 #wrapper #background #page .compBackground .inside .style1 tr td {
	font-size: 16px;
}
