/*   
COLORS

blue: 33aad7
grey 4c4c4c
pink: ff3586
yellow: ffe400

text: 4c4c4c (dark grey)
links: 33aad7 (blue)

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { /*takes margin & padding off most elements.*/
 margin:0;
 padding:0;
	} 
	
a{
	color:#33aad7;
	/*font-weight:bold;*/
	text-decoration:underline;
	outline:none;
	}

a:hover{
	background-color:#ffe400;
	color:#ff3586;
	}

body{
	background:#fff url(images/body_bg.jpg) repeat-x center top;
	color:#4c4c4c;
	font: 75% "Helvetica", arial, verdana, sans-serif; /*75% resets the default font size to 12px;*/
	min-width:900px;
	text-align:center;
	}

h1{
	background:url(images/headers_interior.gif) no-repeat;
	color:#ff3586;
	font-size:24px;
	margin:18px 0 9px 0;
	
	}

h1.about_us{
	background-position:0 0;
	line-height:94px;
	}

h1.whats_new{
	background-position:0 -94px;
	line-height:94px;
	}

h1.location_and_hours{
	background-position:0 -188px;
	line-height:94px;
	}

h1.contact_us{
	background-position:0 -282px;
	line-height:94px;
	}

h1.classes{
	background-position:0 -376px;
	line-height:94px;
	}

h1.meet_your_teachers{
	background-position:0 -470px;
	line-height:94px;
	}
h1.sign_up_and_pricing{
	background-position:0 -564px;
	line-height:94px;
	}
h1.performance_opportunities{
	background-position:0 -658px;
	line-height:94px;
	}

h1.photos_and_testimonials{
	background-position:0 -752px;
	line-height:94px;
	}
h1.additional_services{
	background-position:0 -846px;
	line-height:94px;
	}
h1.downloads{
	background-position:0 -940px;
	line-height:94px;
	}
h1.calendar{
	background-position:0 -1034px;
	line-height:94px;
	}
	
h1.faqs{
	background-position:0 -1128px;
	line-height:94px;
	}

h2{
	color:#ff3586;
	font-size:18px;
	margin:18px 0 9px 0;
	}

h2.latest_video{
	background:url(images/headers.gif) no-repeat 0 0px;
	line-height:55px;
		}

h3{
	color:#ff3586;
	font-size:18px;
	font-weight:normal;
	margin:18px 0 9px 0;
	}

h3.learn_more{
	background:url(images/headers_new-learn.png) no-repeat 0 -85px;
	line-height:53px;
	}

h3.important{
	background:url(images/headers.gif) no-repeat 0 -55px;
	line-height:40px;
	}

h4{
	color:#ff3586;
	font-size:14px;	
	margin:9px 0 9px 0;
	}

h5{
	color:#ff3586;
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	padding-top:9px;
	}

input, select{
	color:#4c4c4c;
	}

textarea{
	font-family: arial, sans-serif;
	font-size:12px;
	color:#4c4c4c;
	}

label{
	}

p, ul, ol{
	line-height:1.4;
	margin:9px 0 9px 0;
	}

/* - - ALL lists are without bullets unless given style .bullet - - */

ul, ul li{
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	}

ul.bullet li, .content ul.bullet li{
	background:url(images/bullet_sm.gif) no-repeat 8px 8px;
	padding:2px 0 2px 18px;
	}

table, td{
	border-collapse:collapse;
	}



.alert{
	background-color:#fcf3b8;
	font-weight:bold;
	}
.error{
	background-color:#fcf3b8;
	/*font-weight:bold;*/
	}
.block{
	display:block;
	}

blockquote{
	background:#d3d2d3 url(images/quote_bg.gif) no-repeat 0 0;
	color:#4c4c4c;
	font-size:12px;
	padding:18px;
	margin:18px 0 9px 0;
	line-height:1.4;
	}
	
blockquote p{
	margin:0;
	}


a#tour_btn{
	background:url(images/btn_studio-tour.jpg) no-repeat 0 0;
	display:block;
	line-height:165px;
	margin-top:18px;
	overflow:hidden;
	text-indent:-9999px;
	width:178px;
	}
	a#tour_btn:hover{
	background-position:0 -165px;
	}

/*
a.facebook{
	background:url(images/facebook-btn.gif) no-repeat 0 0;
	line-height:46px;
	margin-top:9px;
	}

a.facebook:hover{
	background-position:-178px 0 ;
	}
*/

.center{
	text-align:center;
	}

.clear{ /*to clear FLOATS*/
 	clear:both;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
	}

.clearboth{ /*to clear objects*/
	clear:both;
	}

.content{
	float:left;
	padding:18px 18px 18px 36px;
	width:358px;
	}

.content#wide{
	width: 632px;
	}

body#home .content{
	float:left;
	padding:0 18px 18px 18px;
	width:472px;
	}
		
.content#calendar h2{
	border-bottom: 2px solid #ffe400;
	padding-bottom:4px;
	margin-bottom:2px;
	}

.content#calendar h3{
	color:#ff3586;
	font-size:12px;
	font-weight:normal;
	margin:9px 0 3px 0;
	}
.content#calendar p{
	margin:3px 0 12px;
	}
.content ul li{
	background:url(images/bullet.gif) no-repeat 0px 7px;
	padding:3px 0 3px 9px;
	}
.content ol li{
	margin-left:32px;
	padding:3px 0 3px 0;
	}

.content ul.two_col {
	float:left;
	width:217px;
	}
.content ul.two_col li{
	padding-right:20px;
	}
.content ul li ul{
	padding:0;
	}
.content ul li ul li{
	background:none;
	padding:2px 0 2px 18px;
	}

.content .img_right{
	float:right;
	margin: 9px 0 9px 20px;
	}

.content .img_left{
	float:left;
	margin: 9px 18px 9px 0px;
	}


body#home .content_sub{
	float:left;
	padding:0 0 18px 0;
	width:178px;
	}

.content_sub{
	float:left;
	padding:140px 0 18px 0;
	width:258px;
	}
	
.content_sub p.note{
	margin-bottom:27px;
	}	
	
.content_nav{
	float:left;
	padding:0 0 18px 0;
	width:178px;
	}
.footer_wrap{
	background:#fff url(images/footer_bg.jpg) no-repeat top center;
	clear:both;
	}

.footer{
	color:#fff;
	clear:both;
	font-size:12px;
	line-height:1.5;
	height:166px;
	margin: 0 auto;
	padding:18px 0 36px 0;
	text-align:left;
	width:900px;
	}

.footer a{
	color:#fff;
	}
.footer a:hover{
	background-color:#ffe400;
	color:#ff3586;
	}
.footer .copyright{
	float:right;
	font-size:13px;
	/*padding:0 18px;*/
	width:472px;
	}

.footer .logos{
	width:276px;
	float:left;
	padding-left:18px;
	}

.footer .cols{
	float:left; 
	padding-left:18px;
	width:178px; 
	}

.footer-nav{
	margin: 0 0 0 312px;
	}
.footer-nav ul{
	margin:0;
	}
.footer-nav li{
	float:left;
	margin-right:18px;
	}
.footer-nav li a{
	display:block;
	width:auto;
	}

.footer_global_nav{
	height:60px;
	clear:both;
	width:665px;
	padding:40px 0 15px 225px;
	}

.footer_global_nav a{
	display:block;
	height:60px;
	float:left;
	margin-right:30px;
	width:auto;
	}

form label{
	display:block;
	font-weight:bold;
	padding-bottom:4px;
	}

form .row{
	padding:9px 0;
	}

form .radio label, form .checkbox label{
	display:inline;
	font-weight:normal;
	}

.gallery{
	width:472px;
	height:315px;
	margin:22px 0 32px;
	text-align:center;
	}
	
.gallery img{
	width:472px;
	height:315px;
	}
	
.header{
	height:139px;
	position:relative;
	width:864px;
	}

.ir{
	text-indent:-9999px;
	overflow:hidden;
	}

.left{
	float:left;
	}
	
a.logo{
	background:transparent;
	position:absolute;
	display:block;
	left:-9px;
	top:20px;
	width:221px;
	}
 
ul.navmenu{
	margin-bottom:75px;
	}
	
ul.navmenu li{
	list-style:none;
	width:170px;
 	display:block;
 	padding:7px 0;
 	}

ul.navmenu li a{
	background:transparent url(images/nav.gif) no-repeat;
	display:block;
	height:20px;
	overflow:hidden;
	text-indent:-9999px;
	}

	ul.navmenu li a#classes{
	background-position: 0 0;
	}
	ul.navmenu li a#classes:hover{
	background-position: -170px 0;
	}

	ul.navmenu li a#teachers{
	background-position: 0 -20px;
	}
	ul.navmenu li a#teachers:hover{
	background-position: -170px -20px;
	}
	
	ul.navmenu li a#pricing{
	background-position: 0 -40px;
	}
	ul.navmenu li a#pricing:hover{
	background-position: -170px  -40px;
	}
	
	ul.navmenu li a#performance{
	background-position: 0 -60px;
	}
	ul.navmenu li a#performance:hover{
	background-position: -170px  -60px;
	}
	
	ul.navmenu li a#services{
	background-position: 0 -80px;
	cursor:default;
	}
	ul.navmenu li a#services:hover{
	background-position: -0  -80px;
	}
		
	ul.navmenu li a#photos{
	background-position: 0 -100px;
	}
	ul.navmenu li a#photos:hover{
	background-position: -170px  -100px;
	}

ul.navmenu li ul{
	padding:0;
	margin:0;
	}
ul.navmenu li ul li{
	padding:0;
	margin:0;
	list-style:none;
	width:auto;
 	display:block;
 	padding:2px 0 2px 18px;
	}
ul.navmenu li ul li a{
	background:none;
	display:block;
	font-size:11px;
	text-decoration:none;
	height:auto;
	overflow:hidden;
	text-indent:0;
	}
	ul.navmenu li ul li a:hover{
		color:#fff;
		}
ul#extra_nav li{
  	padding:7px 0;
	}
ul#extra_nav li a{
	font-size:14px;
	text-decoration:none;
	text-transform:lowercase;
	}
ul#extra_nav li a span{
	color:#535353;
	display:block;
	font-size:12px;
	}

.note{
	font-size:11px;
	}

.photo_gallery{
	float:left;
/*	height:334px;*/
	width:372px;
	margin-bottom:9px;
	}

/*      GALLERY STYLES         */


div.setpreview{
	float:left;
	width:290px;
	padding-right:18px;
	}
div.setpreview img{
	width:212px;
	
	}
	
	div.flickrset img{
		border:1px solid #ed9446;
		}
		
	div.individual h2{
		padding:0 0 9px 0;
		background:transparent;
		overflow:visible;
		line-height:normal;
		margin-top:0;
		text-indent:0;
		text-transform:none;
		}
		div.flickrsetnav{
			padding:9px 0;
			}
 
			div.flickrsetnav h2, div.flickrsetnav h2.setname a{
			font-size:18px;
			font-weight:normal;
			/*font-style:italic;*/
			display:inline;
			padding-bottom:0;
	
			}
		div.flickrsetnav a{
			font-size:30px;
			font-weight:bold;
			line-height:20px;
			text-decoration:none;
			}
		div.flickr_tag_list{
			line-height:1.6;
			padding:9px 0;
		
			}
			div.flickr_tag_list:before{
				content:"Tags: ";
				}
		div.flickr_comments{
			display:none;
			}
		.img_description:before{
			content:"Description: ";
			}


.required{
	color:#ff3586;
	}

.right{
	float:right;
	}

.section-video{
	float:left;
	margin-right:18px;
	width:274px;
	}

.section-about{
	float:left;
	width:178px;
	}

.section-whatsnew{
	height:323px;
	overflow:auto;
	padding:18px 0;
	}

.section-whatsnew h2{
	background:url(images/headers_new-learn.png) no-repeat 0 0;
 	line-height:85px;
	margin:0 0 9px 0;
	}
.section-whatsnew li{
	padding:4px 0 5px 0;
	}
/*
.section-whatsnew a{
	color:#fff;
	}

.section-whatsnew a:hover{
	background-color:#ffe400;
	color:#ff3586;
	}
*/
	
.subnav{
	/*height:24px;*/
	overflow:hidden;
	left:450px;
	position:absolute;
	top:53px;
	width:425px;
	}

.subnav li{
	float:left;
	display:block;
	height:auto;
	line-height:1;
	margin-right:9px;
	}
	
.subnav li a{
	color:#fff;
	display:block;
	font-size:14px;
	padding:6px 5px 5px 5px;
	text-decoration:none;
	width:auto;
	}
	
	.subnav li a:hover{
	color:#ff3586;
	text-decoration:none;
	}

table.pricing{
	margin:9px 0;
	}
	
table.pricing th, table.pricing td{
	padding:10px 5px;
	text-align:center;
	font-weight:bold;
	}
	table.pricing td.note{
	font-size:11px;
	display:block;
	font-weight:normal;
	}
	.inline{
	display:inline;	
		}
		
table.pricing th{
	background-color:#c6eef5;
	}

table.pricing td{
	border:1px solid #c6eef5;
	}

.wrap{
	margin:0 auto;
	text-align:left;
	width:864px;
	padding:0 18px;
	}

.wrap_outer{
	background:url(images/outer-wrap-bg-int.jpg) no-repeat center top;
	width:100%;
	}
body#home .wrap_outer{
	background:url(images/outer-wrap-bg.jpg) no-repeat center top;

	}

.wrap_vertical{
	background:url(images/wrap_vertical.jpg) repeat-y center top;
	width:100%;
	}