/*
	Solid Cactus shell framework v0.1


	Base styles - do not edit
*/
* {vertical-align: baseline;font-family: inherit;font-style: inherit;font-size: 100%;outline: 0;padding: 0;margin: 0;}
img, a{	border: 0;}
body{ /* Set font size to 12px in IE */text-align: center;font-size: 75%;}
html>body{ /* Set font size to 12px in everything else  */font-size: 12px;}
#container{text-align: left;margin: 0 auto;background: #fff;}
#main{float: right; width: 100%; margin-left: -50em;}
#leftnav{float: left; display: inline; position: relative;}
#content{width: 940px; position: static;padding-left:18px;}
#footer{clear: both;}
.clear{clear: both;}
.clearer{clear: both; width: 100%; height: 0; font-size: 0; overflow: hidden;}
.float-left{float: left; display: inline;}
.float-right{float: right; display: inline;}
.infolinks, .infolinks ul{margin: 0; padding: 0; list-style: none;}
.infolinks li{list-style: none; display: inline;}
h1{font-size: 1.5em; font-weight: bold;}
h2{font-size: 1.4em; font-weight: bold;}
h3{font-size: 1.3em; font-weight: bold;}
h4{font-size: 1.25em; font-weight: bold;}
h5{font-size: 1.2em; font-weight: bold;}
h6{font-size: 1.1em; font-weight: bold;}
strong{font-weight: bold;}
em{font-style: italic;}
ul, ol, dl{list-style-position: outside; margin: 1em 1em 1em 2em;}
dl{margin-left: 1em;}
dd{margin-left: 2em;}
p{margin-bottom: 1em;}
blockquote{margin: 1em;}
form, fieldset{margin: 0; padding: 0; border: none;}

/*
	Page styles
*/

body{
	color: #5A5A5A;
	font-family: arial, sans-serif;
}

a{
	color: #FA3C8D;
}

#footer a{
	text-decoration:none;
	color:#5a5a5a;
}

a:hover{
    text-decoration: underline;
}

#container{
	width: 974px; /* Page width */
}
#content{margin-left: 0;} /* Should match left nav width; Set to 0 for one column layout */
#content-pad{padding: 0px;} /* Apply padding to main content body as necessary */


/*
	Store styles
*/

/******* HEADER *******/
#header{
	background: url(../images/hdbg.jpg) 0 0 no-repeat;
	height: 129px;
	position: relative;
}

.logo{
    left: 29px;
    position: absolute;
    top: 24px;
}

#headerlinks{
    position: absolute;
    left: 6px;
    top: 78px;
	float:left;
	width:960px;
	height:36px;
	margin:0;
	padding:0;
	overflow:hidden;
}

#headerlinks li{
	display:block;
	float:left;
	height:36px;
	background:url(../images/navsep.jpg) no-repeat top left;
}

#headerlinks li.first{
	background:none;
}

#headerlinks li span{
	display:block;
	float:left;
	height:36px;
}

#headerlinks li:hover{
	background:#AB004E url(../images/navbg.jpg) repeat-y top right;
}

#headerlinks li.first:hover span{
	background:url(../images/lifirstbg.jpg) no-repeat top left;
}

#headerlinks li.last:hover span{
	background:url(../images/lilastbg.jpg) no-repeat top right;
}

#headerlinks li a{
    font-size: 16px;
	font-weight:bold;
    color: #fff;
	float:left;
	display:block;
	padding-top:7px;
	padding-left:17px;
	padding-right:16px;
	text-decoration:none;
}

#headerlinks li.last a{
	padding-left:28px;
	padding-right:28px;
}

/******* FOOTER *******/
#footer{
	background:url(../images/ftbg.jpg) repeat-x 0 0;
	float:left;
	width:940px;
	margin-left:18px;
	margin-top:14px;
	padding-bottom:20px;
}

.block{display:block;}
.clear{clear:both;}

.ftcompany,.ftabout,.ftjoin,.fticons{
	float:left;
	padding-top:15px;
	font-size:11px;
}

.ftcompany,.ftabout{
	width:180px;
	padding-right:10px;
}

.ftjoin{
	width:160px;
	padding-right:10px;	
}

.fticons{
	width:385px;
}

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

#footer ul li{
	list-style:none;
	padding-bottom:6px;
}

.ftcompany{
	line-height:13.75px;
}

.fticons div{float:left;width:64px; text-align:center;}

#footer .fticon1 a{color:#13A5DE;}
#footer .fticon2 a{color:#1148A2;}
#footer .fticon3 a{color:#CF0101;}
#footer .fticon4 a{color:#0F4698;}
#footer .fticon5 a{color:#D40000;}

.credits{padding-left:18px;font-size:11px;}



.homecontain{
	float:left;
	width:100%;
}

	.homeleft{
		float:left;
		width:646px;
	}
	
	.banner{
		height:312px;
	}
	
	.plates div{
		float:left;
		padding-bottom:2px;
	}
	
	.plates div.midplate{
		padding:0 2px;
	}
	
	.homeright{
		width:291px;
		float:right;
	}
	
.circtop{
	height:100px;
	background:url(../images/hrtop.jpg) no-repeat 0 0;
}

.circmid{
	height:102px;
	background:url(../images/hrmid.jpg) no-repeat 0 0;
}

.circbot{
	height:112px;
	background:url(../images/htbot.jpg) no-repeat 0 0;
}

.featured{
	padding-left:15px;
}

	.featured ul{
		margin-left:0;
		padding-left:0;
	}

	.featured li{
		list-style:none;
		background:url(../images/bullet.jpg) no-repeat 3px 3px;
		padding-bottom:8px;
		padding-left:18px;
	}
	
		.featured li a{
			color:#5A5A5A;
			text-decoration:underline;
		}

.circtitle{
	font-size:24px;
	font-weight:bold;
	padding-left:17px;
	padding-top:12px;
	height:26px;
	overflow:hidden;
	width:225px;
	color:#E00064;
}

.circtext{
	padding-left:17px;
	color:#E00064;
	height:33px;
	width:225px;
	padding-top:3px;
}

.circtop .circarrow{width:264px;text-align:right;}
.circmid .circarrow{width:274px;text-align:right;}
.circbot .circarrow{width:230px;text-align:right;}


    /* sequence banner */
    .scSequenceBanner {width:646px; height:301px; overflow:hidden; position:relative; font-family:Arial, Helvetica, sans-serif; }
    .scSequenceBannerMain {position:relative;}
    .scSequenceBannerMain div {position:absolute; top:0; left:0;}
    .scSequenceButtons { height:25px; position:absolute; z-index:100;display:none;}
    /* graphical button background */
    a.scSButton {cursor:pointer; display:block; float:left; width:25px; padding:5px 0 6px 0; background:url(../images/scSBbtn.png) no-repeat right 0; color:#000; text-align:center; font-size:11px; margin:0 1px 2px 0;}
    a.scSButton:hover {background:url(scSBbtn.png) no-repeat 0 0; font-weight:bold;}
    a.scSBon, a.scSBon:hover {background:url(../images/scSBbtn.png) no-repeat center 0; font-weight:bold;}
    /** square button (CSS version) 
    a.scSButton {cursor:pointer; display:block; float:left; width:20px; padding:2px 0; background:#000; color:#fff; text-align:center; font-size:12px; margin:0 2px 2px 0; border:1px solid #fff;}
    a.scSButton:hover {background:#555;}
    a.scSBon, a.scSBon:hover {background:#900;}
    **/
    .scSequencePause {position:absolute; width:72px; height:20px; z-index:100; background:url(../images/scSBPause.png) no-repeat 0 0;}

.pagebanner{
	clear: both;
	float: left;
	display: inline;
	width: 935px;
	height: 36px;
	margin: 0px 0px 12px 0px;
	/*font-size:19px;*/
	border-bottom:solid 2px #E00064;
	padding: 0px 0px 3px 5px;
	text-indent: -9999px;
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 5px bottom;
	background-color: transparent;
}

.pagebanner span{

		display:block;
}

.subbanner{
	font-size:14px;
	xborder-bottom:solid 1px #5a5a5a;
	color:#FA3C8D;
	margin:5px 0px;
}

.bold{font-weight:bold;}

.conttable {clear: both;}

.conttable td, .conttable th {
	border-top:solid 1px #5a5a5a;padding:5px;
	
}

.conttable .midtd{
}

.conttable tr:first-child td,.conttable tr:first-child th{
	border-top:none;	
}

td.formHeader{
	color:#fff;
	background-color:#FF4B94;
}

a.homeRightLink{
	display:block;
	color:#E00064;
	text-decoration:none;
}

span.address1 {
	display: block;
	padding-bottom: 6px;
}

span.address2 {
	display: block;
	padding-bottom: 6px;
}

span.ftphone {
	display: block;
	padding-bottom: 6px;
}

span.ftemail {
	display: block;
	padding-bottom: 6px;
}

#content {
	float: left;
	display: inline;
	clear: both;
}

#content table {clear: both;}

/* Begin h1 bg images */

h1#day {
	background-image: url(../images/100-day.jpg);
}

h1#about-us {
	background-image: url(../images/about-us.jpg);
}

h1#bad-kitty {
	background-image: url(../images/bad-kitty.jpg);
}

h1#class-descriptions {
	background-image: url(../images/class-descriptions.jpg);
}

h1#class-rates {
	background-image: url(../images/class-rates.jpg);
}

h1#contact-us {
	background-image: url(../images/contact-us.jpg);
}

h1#instructors {
	background-image: url(../images/instructors.jpg);
}

h1#location {
	background-image: url(../images/location.jpg);
}

h1#professional-workshops {
	background-image: url(../images/professional-workshops.jpg);
}

h1#refer-a-friend {
	background-image: url(../images/refer-a-friend.jpg);
}

h1#special-events {
	background-image: url(../images/special-events.jpg);
}

h1#thank-you {
	background-image: url(../images/thank-you.jpg);
}

h1#sports-barre {
	background-image: url(../images/sports-barre.jpg);
}

/* End h1 bg images */

ul.hearts{}
	ul.hearts li{
		background:url(../images/heart.gif) no-repeat left center;
		list-style:none;
		padding:5px 0 5px 25px;		
	}
	
h2.black{
	color:#000;
}

a.classes{
	color:#FA3C8D;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

a.black{
	color:#000;
}

td.bold, th.bold{
	font-size:14px;
	text-align:left !important;
}

.ratesheader{
	color:#FA3C8D;
	font-size:14px;
	font-weight:bold;
	padding-bottom:4px;
}

.contactheader{
	color:#FA3C8D;
	font-size:14px;
	font-weight:bold;
	padding-bottom:4px;
	text-decoration: underline;
}

.large{
	font-size:18px;
}

.medium{
	font-size:12px;
}

.mediumbold{
	font-size:12px;
	font-weight:bold;
}

ol{
	padding:0 0 0 20px;
	float:left;
}

	ol li{
		padding:5px 0;
		font-size:12px;
	}
	
.mediumboldpink{
	font-size:16px;
	font-weight:bold;
	color:#FA3C8D;
}

form table tr td{
	text-align:left;
}
	
	
	
#about-img-left {
	float: left;
	display: inline;
	width: 189px;
	margin-right: 10px;
}

#about-center {
	float: left;
	display: inline;
	width: 542px;
}

#about-img-right {
	float: left;
	display: inline;
	width: 189px;
	margin-left: 10px;
}

#instructors1 {
	display: block;
	width: 100%;
}
	#instructors1-left {
		float: left;
		display: inline;
		width: 600px;
		margin-right: 10px;
	}
	#instructors1-right {
		float: left;
		display: inline;
		width: 330px;
		text-align: right;
	}

#instructors2 {
	display: block;
	width: 100%;
}
	#instructors2-left {
		float: left;
		display: inline;
		width: 585px;
		margin-right: 10px;
	}
	#instructors2-right {
		float: left;
		display: inline;
		width: 345px;
		text-align: right;
	}
.class-img-left {
	float: left;
	display: inline;
}
	.class-img-left img {
		display: block;
	}
	
.class-img-right {
	float: right;
	display: inline;
}
	.class-img-right img {
		display: block;
	}

#rates1 {
	display: block;
	width: 100%;
}
	#rates1-left {
		float: left;
		display: inline;
		width: 235px;
		margin-right: 10px;
	}
	#rates1-middle {
		float: left;
		display: inline;
		width: 475px;
		margin-right: 10px;
	}
	#rates1-right {
		float: left;
		display: inline;
		width: 235px;
	}
#rates2 {
	display: block;
	width: 100%;
}
	#rates2 table {
		margin: 0 auto;
	}
		#rates2 table th {
			width: 374px;
		}
#rates3 {
	display: block;
	width: 100%;
}
	#rates3 table {
		margin: 0 auto;
	}
		#rates3 table th {
			width: 374px;
		}
		
#contact-left {
	float: left;
	display: inline;
	width: 630px;
	margin-right: 10px;
}
#contact-right {
	float: left;
	display: inline;
	width: 300px;
}

.workshop-img-left {
	float: left;
	display: inline;
	width: 360px;
}
	.workshop-img-left img {
		display: block;
	}
	
.workshop-img-right {
	float: right;
	display: inline;
	width: 360px;
}
	.workshop-img-right img {
		display: block;
	}
	
.badkitty-img-left {
	float: left;
	display: inline;
	width: 360px;
}
	.badkitty-img-left img {
		display: block;
	}
	
.badkitty-img-right {
	float: right;
	display: inline;
	width: 360px;
}
	.badkitty-img-right img {
		display: block;
	}
	
.day-img-left {
	float: left;
	display: inline;
	width: 260px;
}
	.day-img-left img {
		display: block;
	}
	
.day-img-right {
	float: right;
	display: inline;
	width: 260px;
}
	.day-img-right img {
		display: block;
	}
	
ol.day-ol {
	float: none;
}

ul.hearts.final {
}

#specials-img {
	float: left;
	display: inline;
	width: 217px;
	margin-right: 10px;
}
	#specials-img img {
		display: block;
	}

#specials-form {
	float: left;
	display: inline;
	width: 489px;
}

.barre-img-left {
	float: left;
	display: inline;
	width: 280px;
}
	.barre-img-left img {
		display: block;
	}
	
.barre-img-right {
	float: right;
	display: inline;
	width: 280px;
}
	.barre-img-right img {
		display: block;
	}
	
#refer-img {
	float: left;
	display: inline;
	width: 441px;
	margin-right: 10px;
}
	#refer-img img {
		display: block;
	}

#refer-form {
	float: right;
	display: inline;
	width: 489px;
}

.classleft{
	float:left;
	width:300px;
	display:block;
	height:100%;
	text-align:center;
}

.classright{
	float:left;
	width:635px;
}

.ratesleft{
	float:left;
	width:230px;
}
.ratesmiddle{
	float:left;
width:475px;
}
.ratesright{
	float:right;}
	
.ratesmiddle table tr td{
	text-align:right;
}

.leftalt{
	float:left;
	width:550px;
}

.rightalt{
float:left;
text-align:right;
width:385px;
}

.rightalt2{
float:left;
text-align:center;
width:385px;
}