/* structural STYLES ----------------------------------------*/



body {
	margin: 0;
	font: 1em/100% Arial, Verdana, Tahoma, sans-serif;
}

#tmp0 {
	background: url(imgs/tmp/tmp_home.jpg) top left no-repeat;
}



#tmp_corp {
	xbackground: url(imgs/tmp/bg-corp.jpg) top left no-repeat;
	background: url(imgs/tmp/bg-dance.jpg) top left no-repeat;
}

#tmp_dance {
	background: url(imgs/tmp/bg-dance.jpg) top left no-repeat;
}



/* PAGE TEMPLATES ----------------------------------------*/


/* ABOUT TEMPLATES ----------------------------------------*/

#tmp_about { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }

/* DANCE TEMPLATES ----------------------------------------*/

#tmp_balletLadybugs { background: url(imgs/tmp/tmp_balletLadybugs.jpg) top left no-repeat; }
#tmp_balletButtercups { background: url(imgs/tmp/tmp_balletButtercups.jpg) top left no-repeat; }
#tmp_balletButterflies { background: url(imgs/tmp/tmp_balletButterflies.jpg) top left no-repeat; }
#tmp_balletElem1 { background: url(imgs/tmp/tmp_balletElem1.jpg) top left no-repeat; }
#tmp_balletElem2 { background: url(imgs/tmp/tmp_balletElem2.jpg) top left no-repeat; }

#tmp_balletDiv1 { background: url(imgs/tmp/tmp_balletDiv1.jpg) top left no-repeat; }
#tmp_balletDiv2 { background: url(imgs/tmp/tmp_balletDiv2.jpg) top left no-repeat; }
#tmp_balletDiv3 { background: url(imgs/tmp/tmp_balletDiv3.jpg) top left no-repeat; }
#tmp_balletDiv4 { background: url(imgs/tmp/tmp_balletDiv4.jpg) top left no-repeat; }
#tmp_balletDiv5 { background: url(imgs/tmp/tmp_balletDiv5.jpg) top left no-repeat; }
#tmp_balletDiv6 { background: url(imgs/tmp/tmp_balletDiv6.jpg) top left no-repeat; }
#tmp_balletlyrical_modDance { background: url(imgs/tmp/tmp_balletlyrical_modDance.jpg) top left no-repeat; }

#tmp_hip_hop { background: url(imgs/tmp/tmp_hip_hop.jpg) top left no-repeat; }

#tmp_jazz { background: url(imgs/tmp/tmp_jazz.jpg) top left no-repeat; }
#tmp_jazz1 { background: url(imgs/tmp/tmp_jazz.jpg) top left no-repeat; }
#tmp_jazz2 { background: url(imgs/tmp/tmp_jazz.jpg) top left no-repeat; }

#tmp_tap { background: url(imgs/tmp/tmp_tap.jpg) top left no-repeat; }
#tmp_tap_YB { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }
#tmp_tap_int { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }
#tmp_tap_adv { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }
#tmp_tap_OB { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }

#tmp_teams { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }
#tmp_teams_sapphire { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }
#tmp_teams_ruby { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }
#tmp_teams_diamond { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }
#tmp_teams_project3 { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }

#tmp_lyrical { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }

#tmp_father_daughter { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }




/* MUSIC TEMPLATES ----------------------------------------*/
#tmp_music { background: url(imgs/tmp/tmp_music.jpg) top left no-repeat; }
#tmp_music_piano { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }
#tmp_music_guitar { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }
#tmp_music_strings { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }
#tmp_music_brass { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }
#tmp_music_wood { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }
#tmp_music_voice { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }


/* GYMNASTICS TEMPLATES ----------------------------------------*/
#tmp_gym { background: url(imgs/tmp/tmp_gym.jpg) top left no-repeat; }
#tmp_gym_tumblers1 { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }
#tmp_gym_tumblers2 { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }
#tmp_gym_arials { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }
#tmp_gym_twisters { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }
#tmp_gym_saltos { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }


/* MUSICAL THEATER TEMPLATES ----------------------------------------*/
#tmp_musical_theater { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }
#tmp_musical_theater_voice { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }
#tmp_pilates { background: url(imgs/tmp/bg-dance.jpg) top left no-repeat; }


/* PILATES TEMPLATES ----------------------------------------*/
#tmp_pilates { background: url(imgs/tmp/tmp_pilates.jpg) top left no-repeat; }


/* FOR BOYS TEMPLATES ----------------------------------------*/
#tmp_for_boys, #tmp_for_boys_dance, #tmp_for_boys_music, #tmp_for_boys_gym, #tmp_for_boys_musical_theater {
	background: url(imgs/tmp/tmp_for_boys.jpg) top left no-repeat; }


	
	
	
/* ----------------------------------------*/


ul {margin:0; padding:0}

img {
	border: 0px;
}







/* LINK STYLES ----------------------------------------*/


A:LINK {
	color: #3228fc; /* default green */
	text-decoration : underline;
	}
	
A:VISITED {
	xcolor : #48749b;
	color : purple;
	text-decoration : underline;
	}
	
A:HOVER {
	color: #fff;
	text-decoration : none;
	background: #857ffb;
	}
	
A:ACTIVE {
	xtext-decoration : underline;
	color : #000;
	}



.img a:hover {
	background: none;
}



.topLinks { float:right; font: 0.7em arial; padding-top:5px; }
.topLinks A:link {color : #666;}
.topLinks A:visited {color : #666; text-decoration: none;}
.topLinks A:hover {color : #fff; text-decoration: none;}


/* list styles --------------------------*/

.linkList ul {padding: 10px 20px;}
	.linkList li {list-style-position:outside; list-style-type:none; padding-bottom:0.3em; padding-left:0.75em; margin-top: 3px}
	.linkList li {background:url(imgs/black_chip.gif) no-repeat 0 .4em;}
	.linkList li a {background:#fff; text-transform: uppercase; color:blue; padding: 1px 2px;}
	.linkList li a:hover {background:#857ffb; text-transform: uppercase; color:#fff; padding: 1px 2px;}

	

.bulletList ul {padding: 0px 20px;}
	.bulletList li {list-style-position:outside; list-style-type:disc; padding-bottom:0.3em; padding-left:0.2em; margin-top: 3px}
	
	
.bigList ul {padding: 0px 20px; font-size: 16px;}
	.bigList li {list-style-position:outside; list-style-type:disc; padding-bottom:0.3em; padding-left:0.2em; margin-top: 3px}
	

/* content styles **************************************** */
	
	
.bread {
	margin-left: 215px;
	padding:5px;
	font-size: 11px;
	color: #999999;
	font-family: Arial, sans-serif;
}

.promoBox {
	float:left;
	font-size: 11px;
	xline-height:20px;
	color:#545454;
	width: 195px;
	background: url(imgs/vertLine_bg.gif) right top no-repeat;
}

.quoteBox {
	font-size: 11px;
	color:#545454;
}

.quote {
	font-size: 14px;
	line-height:20px;
	color:#857ffb;
	font-family: georgia, Times, serif;
}

.contentBox {
	font-size: 12px;
	line-height:20px;
	background: #fff;
	filter: alpha(opacity=75);
	
	opacity: 0.75;
      -moz-opacity: 0.75;
}

.contentBox2 {
	font-size: 12px;
	line-height:20px;
	background: #fff;
}

.img2 {
	background: #fff;
	filter: alpha(none);
	
	opacity: 0.99;
      -moz-opacity: 0.99;
}






	



.content {
	font-size: 12px;
	margin: 55px 40px 30px 40px;
	 
}

h1, h2 {
	
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	font-weight: normal;
	xline-height: 15px;
	padding: 0;
	margin: 0;
}

h1 {
	font-size: 28px;
	color: #000;
	line-height: 32px;
	xbackground-color: red;
}

h2 {
	font-size: 20px;
	color: #000;
	line-height: 26px;
	xbackground-color: blue;
}

.subHead {
	font-family: Arial;
	font-size: 16px;
	line-height: 18px;
	color: #000;
	margin-bottom: 5px;
}


h3 {	
	font-size: 14px;
	line-height: 16px;
	color: #556578;
	font-weight: bold;
	margin: 15px 0 10px 0;
	
}

.promoBox h3 {	
	font-size: 14px;
	xline-height: 16px;
	color: #000;
	font-weight: bold;
	padding:0 20px;
	
}




.intro {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
}

.x-largeB {
	font-size: 28px;
	line-height: 28px;
	color: #000;
	
}

.largeW, .largeB, .largeG {
	line-height: 20px;
}

.largeG {
	font-size: 20px;
	color: #727272;
}

.largeW {
	font-size: 20px;
	color: #fff;
}


.largeB {
	font-size: 20px;
	color: #000;
}

.mediumB {
	font-size: 14px;
	color: #000;
}

.mediumW {
	font-size: 14px;
	color: #fff;
}

.mediumG {
	font-size: 14px;
	color: #727272;
}



.smallW, .smallB, .smallG {
	font-size: 12px;
}

.smallB {
	color: #000;
}

.smallG {
	color: #484848;
}

.smallW {
	color: #fff;
}

.x-smallW {
	font-size: 10px;
	line-height: 11px;
}

.x-smallW {
	color: #fff;
}

.note {
	font-size: 10px;
	color:#484848;
	
}
.schedule {width: 180px;}
.schedule div {display:inline;}
.left {float: left; width:100px;}
.right {float: right; width:70px;}
.double {padding-right: 7px;}
.single {padding-left: 7px;}

#tmp_gym .schedule {width: 250px;}
#tmp_gym .schedule div {display:inline;}
#tmp_gym .left {float: left; width:120px;}
#tmp_gym .right {float: right; width:90px;}
#tmp_gym  hr {margin-top: 10px;}

.dresscode {width: 375px;}
.dresscode .right {width:250px;}

#footer {
	font: 10px Arial, Verdana, sans-serif;
	xmargin: 5px 0 0 0;
	xpadding: 10px;
	color:#666;
	line-height: 18px;
	background: #ccc url(http://www.sanelijodanceandmusicacademy.com/imgs/footer_bg.jpg) bottom repeat-x;
	xheight: 80px;
	border-top: 1px solid #999;
	
}

#footer A:link {color : #666;}
#footer A:visited {color : #666; text-decoration: none;}
#footer A:hover {color : #000; text-decoration: none; background: #fff;}














/* TABS **************************************** */
			


.tab1 a {
	font-family: 'X', Arial, Helvetica, Verdana, Sans-serif, 'X';
	font-size: 11px;
	font-weight: bold;
	color:#000;
	float:left;
	top:0px;
	left: 0px;
	display:block;
	xwidth: 80px;
	padding: 4px 15px;
	xmargin-right: 10px;
	text-align: center;
	xbackground: #4c5a6b url(http://www.sanelijodanceandmusicacademy.com/imgs/tabOn_bg.gif) top repeat-x;
	border-right: 1px dotted #ccc;
	
	}
	
.tab1 a:visited {
	color: #000;
	}
	
.tab1 a:hover {
	font-family: 'X', Arial, Helvetica, Verdana, Sans-serif, 'X';
	font-size: 11px;
	font-weight: bold;
	color:#000;
	float:left;
	top:0px;
	left: 0px;
	display:block;
	xwidth: 80px;
	padding: 4px 15px;
	xmargin-right: 10px;
	text-align: center;
	background: #ccc url(http://www.sanelijodanceandmusicacademy.com/imgs/tabOn_bg.gif) top repeat-x;
	border-right: 1px dotted #ccc;
}
	
.tab1On a{
	font-family: 'X', Arial, Helvetica, Verdana, Sans-serif, 'X';
	font-size: 11px;
	font-weight: bold;
	color:#000;
	float:left;
	top:0px;
	left: 0px;
	display:block;
	xwidth: 80px;
	padding: 4px 15px;
	xmargin-right: 10px;
	text-align: center;
	background: #ccc url(http://www.sanelijodanceandmusicacademy.com/imgs/tabOn_bg.gif) top repeat-x;
	border-right: 1px dotted #ccc;
}


.facebook_btn {
background: url(imgs/facebook_btn.png) no-repeat;
width: 159px;
height: 56px;
margin-left: auto;
margin-right: auto;
margin-bottom: 8px;
margin-top: 8px;
}
.facebook_btn a {
display: block;
width: 152px;
height: 56px;
text-indent: -9999px;
outline: none;
}
.facebook_btn a:hover {
background: url(imgs/facebook_btn.png) no-repeat;
}