/*-----------------CSS RESET------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/*---------------------end of reset code-----------------*/


html, body {
height: 100%;
}

#wrapper {
min-height: 100%;
margin-bottom: -85px;/*------the negative height of the footer-----------*/
position: relative;
background:url(images/home_bg.jpg) repeat-y;
background-position:top center;
width:100%;
}

.clearfooter {
height: 85px; /*---------= to height of the footer----------------*/
clear: both;
}

#footer {
position: relative;
background:url(images/footer_bg.jpg) repeat-x;
width:100%;
height:75px;
padding:10px 0px 0px;
}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.back_top{
	background:url(images/header_bars_bg.jpg) repeat-x;
	width:100%;
	height:85px;
	display:block;
	}

#header{
	margin:0px auto;
	width:967px;
	background:url(images/about_bg.png) repeat-y;
	background-position:top center;
	padding:35px 45px 35px;
	}

#nav{
	position:relative;
	float:right;
	right:18px;
	z-index:959;
	}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
}

#nav li ul {
	position: absolute;
	left: -999em;
	}

#nav li:hover ul {
	left: auto;
}

#nav li a.home{
	background:url(images/navigation_primary_02062011.png) no-repeat;
	background-position:0 0;
	width:101px;
	height:43px;
	text-indent:-9999px;
	}

#nav li a.home:hover, #nav li a.home.active{
	background:url(images/navigation_primary_02062011.png) no-repeat;
	background-position:0px -53px;
	width:101px;
	height:43px;
	text-indent:-9999px;
	}

#nav li a.productions{
	background:url(images/navigation_primary_02062011.png) no-repeat;
	background-position:0 -106px;
	width:153px;
	height:43px;
	text-indent:-9999px;
	}

#nav li a.productions:hover{
	background-position:0 -159px;
	}

#nav li a.about{
	background:url(images/navigation_primary_02062011.png) no-repeat;
	background-position:0px -212px;
	width:112px;
	height:43px;
	text-indent:-9999px;
	}

#nav li a.about:hover, #nav li a.about.active{
	background:url(images/navigation_primary_02062011.png) no-repeat;
	background-position:0px -265px;
	}

#nav li a.schedule{
	background:url(images/navigation_primary_02062011.png) no-repeat;
	background-position:0px -318px;
	width:101px;
	height:43px;
	text-indent:-9999px;
	}

#nav li a.schedule:hover, #nav li a.schedule.active{
	background:url(images/navigation_primary_02062011.png) no-repeat;
	background-position:0px -371px;
	}

#nav li a.company{
	background:url(images/navigation_primary_02062011.png) no-repeat;
	background-position:0px -424px;
	width:126px;
	height:43px;
	text-indent:-9999px;
	}

#nav li a.company:hover, #nav li a.company.active{
	background:url(images/navigation_primary_02062011.png) no-repeat;
	background-position:0px -477px;
	}

#nav li a.blog{
	background:url(images/navigation_primary_02062011.png) no-repeat;
	background-position:0px -530px;
	width:89px;
	height:43px;
	text-indent:-9999px;
	}

#nav li a.blog:hover, #nav li a.blog.active{
	background:url(images/navigation_primary_02062011.png) no-repeat;
	background-position:0px -583px;
	}

#nav li a.dancewear{
	background:url(images/navigation_primary_02062011.png) no-repeat;
	background-position:0px -636px;
	width:132px;
	height:43px;
	text-indent:-9999px;
	}

#nav li a.dancewear:hover, #nav li a.dancewear.active{
	background:url(images/navigation_primary_02062011.png) no-repeat;
	background-position:0px -689px;
	}


#nav li a.contact{
	background:url(images/navigation_primary_02062011.png) no-repeat;
	background-position:0px -742px;
	width:122px;
	height:43px;
	text-indent:-9999px;
	}

#nav li a.contact:hover, #nav li a.contact.active{
	background:url(images/navigation_primary_02062011.png) no-repeat;
	background-position:0px -795px;
	}

#nav li ul.schedules{
	width:190px;
	}
	
#nav li ul li a.programs{
	background:url(images/navigation_secondary_120210.png) no-repeat;
	background-position:0 0;
	width:198px;
	height:67px;
	text-indent:-9999px;
	}

#nav li ul li a.programs:hover{
	background-position:0 -77px;
	}

#nav li ul li a.qa{
	background:url(images/navigation_secondary_120210.png) no-repeat;
	background-position:0 -154px;
	width:195px;
	height:62px;
	text-indent:-9999px;
	}

#nav li ul li a.qa:hover{
	background-position:0 -226px;
	}

#nav li ul.companies{
	width:247px;
	}

#nav li ul li a.companydg{
	background:url(images/navigation_secondary_120210.png) no-repeat;
	background-position:0 -298px;
	width:247px;
	height:42px;
	text-indent:-9999px;
	}

#nav li ul li a.companydg:hover{
	background:url(images/navigation_secondary_120210.png) no-repeat;
	background-position:0 -350px;
	}

#nav li ul li a.darlings{
	background:url(images/navigation_secondary_120210.png) no-repeat;
	background-position:0 -402px;
	width:247px;
	height:47px;
	text-indent:-9999px;
	}

#nav li ul li a.darlings:hover{
	background:url(images/navigation_secondary_120210.png) no-repeat;
	background-position:0 -459px;
	}

#nav li ul li a.starlets{
	background:url(images/navigation_secondary_120210.png) no-repeat;
	background-position:0 -516px;
	width:247px;
	height:57px;
	text-indent:-9999px;
	}

#nav li ul li a.starlets:hover{
	background:url(images/navigation_secondary_120210.png) no-repeat;
	background-position:0 -583px;
	}

#nav li ul li a.parents{
	background:url(images/navigation_secondary_120210.png) no-repeat;
	background-position:0 -650px;
	width:288px;
	height:66px;
	text-indent:-9999px;
	}
	
#nav li ul li a.parents:hover{
	background-position:0 -722px;
	}

#slider{
	margin:0px auto;
	width:942px;
	position:relative;
	background:url(images/loading.gif) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#content{
	margin:25px auto 0px;
	width:967px;
	background:url(images/about_bg.png) repeat-y;
	background-position:top center;
	padding:25px 45px 55px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	}
	
p{
	padding-bottom:10px;
	line-height:18px;
	}
	
/*-----------------home page specific content--------------------*/

#welcome{
	width:475px;
	float:left;
	padding:20px 0px 0px 15px;
	}

h1.wel{
	background:url(images/home_welcome.gif) no-repeat;
	width:387px;
	height:32px;
	text-indent:-9999px;
	padding-bottom:15px;
	}


#welcome p em{
	color:rgb(59,146,166);
	}

#announcements{
	background:url(images/home_announce_box.gif);
	width:463px;
	height:375px;
	float:right;
	}
	
	
h1.announce{
	text-indent:-9999px;
	background:url(images/home_announcements.gif) no-repeat;
	width:187px;
	height:25px;
	margin-left:65px;
	margin-top:40px;
	padding-bottom:20px;
	}

#announcements ul{
	font-size:14px;
	color:#FFFFFF;
	width:325px;
	padding-left:68px;
	line-height:22px;
	}

#announcements ul li a{
	text-decoration:none;
	color:#FFFFFF;
	font-style:italic;
	}

#announcements ul li a:hover{
	color:rgb(2,23,42);
	}
	

#announcements ul li{
	padding-bottom:10px;
	}

#footer #text{
	width:1039px;
	height:85px;
	margin:0px auto;
	background:url(images/footer_box.png) no-repeat;
	height:55px;
	padding-top:20px;
	}

#text p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
	padding-top:15px;
	}
	
/*-----------------about page specific content-----------------*/

#intro{
	margin:0px auto;
	width:942px;
	padding:25px 0px 0px;
	}

#intro p{
	padding:0px 15px 10px;
	}

img.bio{
	position:relative;
	float:left;
	padding-right:25px;
	}

.person{
	float:right;
	width:625px;
	padding-top:10px;
	}

.person h2, #instructors h2{
	text-indent:-9999px;
	padding-bottom:5px;
	}

.person h3{
	text-indent:-9999px;
	padding-bottom:10px;
	}

#karla h2{
	background:url(images/about_Karla_Name.gif) no-repeat;
	width:259px;
	height:23px;
}

#karla h3{
	background:url(images/about_owner_name.gif) no-repeat;
	width:65px;
	height:12px;
	}
	
img.divider{
	padding:15px 0px;
	margin:0px auto;
	}

#image{
	width:940px;
	margin:0px auto;
	text-align:center;
	padding-bottom:20px;
	}

#instructors{
	width:942px;
	float:right;
	}

.left{	
	width:450px;
	float:left;
	}

.right{
	width:440px;
	float:right;
	padding-right:15px;
	}

#instructors p{
	padding-bottom:25px;
	padding-top:2px;
	}

h2.doneece{
	background:url(images/about_doneece.gif) no-repeat;
	width:85px;
	height:25px;
	}

h2.haley{
	background:url(images/about_haley.gif) no-repeat;
	width:66px;
	height:30px;
	}

h2.emilys{
	background:url(images/about_emilys.gif) no-repeat;
	width:100px;
	height:30px;
	}
	
h2.cori{
	background:url(images/about_cori.gif) no-repeat;
	width:51px;
	height:22px;
}

h2.emilyc{
	background:url(images/about_emilyc.gif) no-repeat;
	width:103px;
	height:30px;
}

h2.amanda{
	background:url(images/about_many.gif) no-repeat;
	width:299px;
	height:59px;
	}
	
/*----------schedule page-----------*/

#s_content{
	padding:15px 0px 0px;
	margin:0px auto;
	width:940px;
	position:relative;
}

.text{
	padding:0px 40px;
	}
	
.text h2{
	font-size:18px;
	font-weight:normal;
	color:#000000;
	margin:0;
	padding:32px 0 10px;
	}

.text ul{
	font-size:17px;
	line-height:21px;
	color:#FFFFFF;
	}

.pink{
	background:url(images/obs_pink.png) no-repeat;
	width:930px;
	height:100px;
	}
.pink2{
	background:url(images/obs_pink2.png) no-repeat;
	width:930px;
	height:330px;
	}
.purple{
	background:url(images/obs_purple.png) no-repeat;
	width:930px;
	height:200px;
	}
.purple2{
	background:url(images/obs_purple2.png) no-repeat;
	width:930px;
	height:420px;
	}
.green{
	background:url(images/obs_green.png) no-repeat;
	height:200px;
	width:930px;
	}
.green2{
	background:url(images/obs_green2.png) no-repeat;
	height:430px;
	width:930px;
	}	
.teal{
	background:url(images/obs_teal.png) no-repeat;
	height:160px;
	width:930px;
	}
.yellow2{
	background:url(images/obs_yellow2.png) no-repeat;
	height:320px;
	width:930px;
	}	
.blue2{
	background:url(images/obs_blue2.png) no-repeat;
	height:350px;
	width:930px;
	}
.bright2{
	background:url(images/obs_bright2.png) no-repeat;
	height:390px;
	width:930px;
	}	
.orange{
	background:url(images/obs_orange.png) no-repeat;
	height:175px;
	width:930px;
	}
.gold{
	background:url(images/obs_gold.png) no-repeat;
	height:150px;
	width:930px;
	}
.sixth{
	height:350px;
	width:800px;
	background-color: #9CC5ED;
	}
.seventh{
	height:320px;
	width:800px;
	background-color: #E2DBA5;
	}

/*----------end of schedule page---------------------*/


/*------contact page--------*/

#contact h1{
	background:url(images/contact_contact_us.gif) no-repeat;
	width:141px;
	height:22px;
	text-indent:-9999px;
	}

#contact{
	width:410px;
	float:right;
	padding-top:55px;
	padding-right:15px;
	}

#contact p{
	padding:10px 0px 20px;
	}

#contact ul{
	padding-bottom:15px;
	line-height:20px;
	}

#contact ul li strong{
	font-weight:bold;
	color:rgb(34,158,187);
	font-size:16px;
	}

#contact ul li a{
	color:rgb(34,158,187);
	font-style:italic;
	text-decoration:none;
	}

#contact ul li a:hover{
	color:rgb(27,127,150);
	}


#ballet_pic{
	float:left;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 100px;
	}

/*---------company page-------------*/

#company_content{
	padding-bottom:15px;
	width:940px;
	margin:0px auto;
	}

#company{
	padding:25px 0px 10px;
	}

#pic{
	text-align:center;
	padding-bottom:20px;
	}

h1.company{
	background:url(images/company_company.gif) no-repeat;
	width:285px;
	height:32px;
	text-indent:-9999px;
	padding-bottom:15px;
	}

h1.darling{
	background:url(images/company_darling.gif) no-repeat;
	width:205px;
	height:32px;
	text-indent:-9999px;
	padding-bottom:15px;	
	}

h1.star{
	background:url(images/company_starlet.gif) no-repeat;
	width:207px;
	height:29px;
	text-indent:-9999px;
	padding-bottom:15px;	
	}

h2{
	font-size:16px;
	font-weight:bold;
	color:rgb(34,158,187);
	padding-bottom:15px;
	padding-top:10px;
	}

ul.column_1, ul.column_2, ul.column_3, ul.column_4{
	float:left;
	padding-right:75px;
	line-height:20px;
	}

ul.column_5{
	float:left;
	line-height:20px;
	}

#lower{	
background:url(images/about_bg.png) no-repeat;
background-position:bottom center;
margin:0px auto;
width:1060px;
height:85px;
}

/*--------Q and A----------*/

blockquote {
border-left:5px solid #ccc;
margin:5px 10px 15px;
padding:5px 10px;
font-size:13px;
}

blockquote a, blockquote a em{
	text-decoration:none;
	font-size:13px;
	font-style:italic;
	color:#666;
	}

blockquote a:hover em{
	color:#333333;
	}

blockquote:before {
color:#ccc;
font-size:2.5em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}

blockquote p {
display:inline;
}


/*-------------programs page-------*/

#program{
	padding:25px 0px 10px;
	}

#program p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	padding-bottom:15px;
	}

#program h1.o_programs{
	background:url(images/programs_other.png) no-repeat;
	width:209px;
	height:26px;
	text-indent:-9999px;
	margin-top:10px;
	padding-bottom:10px;
	}

#program h2.hip{
	color:#FFCC00;
	}

#program h2.pom{
	color:#000000;
	}

#program h2.saturday{
	color:#006600;
	}


/*-------------productions page-----------*/


#xmas{
	background:url(images/productions_xmas_bg.jpg) no-repeat;
	height:610px;
	width:930px;
	position:relative;
	margin-left:10px;
	margin-top:15px;
	background-image: url(images/productions_major_bg_2012.jpg);
	}
	
#xmas_info{
	width:445px;
	position:absolute;
	right:47px;
	bottom:168px;
	color:rgb(0,61,3);
	}

#xmas p{
	font-size:16px;
	line-height:22px;
	padding-top:15px;
	}
	
#xmas h3{
	font-size:18px;
	font-weight:bold;
	line-height:26px;
	}

#xmas_info h3 em{
	font-weight:normal;
	font-size:16px;
	}

.contents{
	margin:25px auto 0px;
	width:967px;
	background:url(images/about_bg.png) repeat-y;
	background-position:top center;
	padding:35px 45px 35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	}

#outback{
	background:url(images/productions_blank_2012.jpg) no-repeat;
	height:605px;
	width:930px;
	margin-left:10px;
	position:relative;
	}

.out_text{
	position:absolute;
	bottom:127px;
	color:rgb(255,242,182);
	text-align:center;
	width:764px;
	left:76px;
	}

.out_text h3{
	font-size:48px;
	font-weight:normal;
	padding-bottom:10px;
	}

.out_text h4{
	font-size:27px;
	text-transform:uppercase;
	padding-bottom:10px;	
	}

.out_text span{
	font-size:23px;
	}
	
#major{
	background:url(images/productions_major_bg_2012.jpg) no-repeat;
	height:537px;
	width:930px;
	margin-left:10px;
	position:relative;
	}

.major_txt{
	width:400px;
	position:absolute;
	right:108px;
	bottom:97px;
	}

.major_txt p{
	font-size:22px;	
	text-align:center;
	color:rgb(205,89,118);
	line-height:35px;
	}