<style type="text/css">


// Color Guide

// Base Red			#BF0222
// Base Yellow		#F5D300

// Tinted Red		#DF8090
// Tinted Yellow	#FAE980

// Shaded Red		#5F0111
// Shaded Yellow	#7B6900

a.bugfix               {;}

a.qlink {
	color:#4F151C;
	font-family:verdana,sans-serif;
	font-weight:bold;
	text-decoration:none;
}

a:hover.qlink {
	color:#4F151C;
	text-decoration:underline;
}

body {
	background-color:#5F0111;
	margin:0;
	padding:0;
}

div#pagediv_home {
	background:#FFFFFF;
	background-image:url(top_composite.jpg);
	background-repeat:no-repeat;
	padding:0;
	left:50%;
	margin-top:0px;
	margin-left:-380px;
	position:absolute;
	width:760px;
	height:500px;
}

div#pagediv_sub {
	background:#FFFFFF;
	background-image:url(top_composite_sub.jpg);
	background-repeat:no-repeat;
	padding:0;
	left:50%;
	margin-top:0px;
	margin-left:-380px;
	position:absolute;
	width:760px;
	height:1050px;
}

div#pagediv_events {
	background:#FFFFFF;
	background-image:url(top_composite_sub.jpg);
	background-repeat:no-repeat;
	padding:0;
	left:50%;
	margin-top:0px;
	margin-left:-380px;
	position:absolute;
	width:760px;
	height:1250px;
}

div#pagediv_FAQ {
	background:#FFFFFF;
	background-image:url(top_composite_sub.jpg);
	background-repeat:no-repeat;
	padding:0;
	left:50%;
	margin-top:0px;
	margin-left:-380px;
	position:absolute;
	width:760px;
	height:4300px;
}

div#pagediv_services {
	background:#FFFFFF;
	background-image:url(top_composite_sub.jpg);
	background-repeat:no-repeat;
	padding:0;
	left:50%;
	margin-top:0px;
	margin-left:-380px;
	position:absolute;
	width:760px;
	height:1200px;
}

div#pagediv_pilates {
	background:#FFFFFF;
	background-image:url(top_composite_sub.jpg);
	background-repeat:no-repeat;
	padding:0;
	left:50%;
	margin-top:0px;
	margin-left:-380px;
	position:absolute;
	width:760px;
	height:1300px;
}

div#pagediv_apprent {
	background:#FFFFFF;
	background-image:url(top_composite_sub.jpg);
	background-repeat:no-repeat;
	padding:0;
	left:50%;
	margin-top:0px;
	margin-left:-380px;
	position:absolute;
	width:760px;
	height:1600px;
}

div#footer_home {
	background-image:url(puremindbodypilates.gif);
	background-repeat:no-repeat;
	padding:0;
	margin-top:0;
	position:absolute;
	left:50%;
	top:510px;
	margin-left:-336px;
	width:671px;
	height:55px;
}

div#mainbox_home {
	background-image: url(images/montage_new.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:115px;
	left:220px;
	width:401px;
	height:350px;
	margin:0;
}

div#mainbox {
	background-image: url(images/contentbox_body.gif);
	background-repeat:repeat-y;
	position:absolute;
	top:115px;
	left:220px;
	width:401px;
	padding:0px;
}

div#studiolinks {
  position:absolute;
  top:16px;
  left:560px;
  width:260px;
}

div#contactlink {
  position:absolute;
  top:48px;
  left:670px;
  width:70px;
}

p.studiolinks {
  margin:0;
  padding:0;
}

a.studiolinks {
  color:#FAE980;
  font-size:12px;
  font-family:verdana,arial,sans-serif;
  font-weight:normal;
  text-decoration:none;
}

a:hover.studiolinks {
	text-decoration:underline;

}

p.mainbox {
	text-indent:-10px;
}

a.mainbox {
	color:#000000;
	font-size:12pt;
	font-family:georgia,times,serif;
	font-weight:bold;
	text-decoration:none;
}

a:hover.mainbox {
	color:#FFFFFF;
	text-decoration:underline;
}

p.linkmenu {
	margin-top:0;
	margin-bottom:10px;
}

a.linkmenu {
	color:#46095C;
	font-size:14px;
	font-family:verdana,arial;
	font-weight:bold;
	text-decoration:none;
}

a:hover.linkmenu {
	color:#F80084;
	text-decoration:underline;
}

div#cornerlogo {
	background-image: url(logo2.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
	width:264px;
	height:200px;
	margin:10px;
	padding:0;
	float:left;
	clear:none;
}

div#joecircles {
	background-image: url(joecircles_duo.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:330px;
	height:90px;
	top:10px;
	left:300px;
}

/*
changed top from 263 to 273 to get proper alignment of circle to bottom border.
changed padding-top from 30 to 20 to get Firefox Mac to display contact us link within circle
*/

div#redcirclecorner {
	background-image: url(redcircle_corner.jpg);
	background-repeat:no-repeat;
	position:absolute;
	width:195px;
	height:227px;
	top:273px;
	left:0px;
	margin:0;
	padding-left:5px;
	padding-bottom:5px;
	padding-top:30px;
	padding-left:5px;
	font-size:10px;
	font-weight:bold;
	font-family:verdana,arial;
	color:#FAE980;
}

a.yellowlink {
	color:#FAE980;
	text-decoration:none;
}

a:hover.yellowlink {
	color:#FAE980;
	text-decoration:underline;
}

div#flavortext {
	position:absolute;
	top:110px;
	left:350px;
	height:20px;
	width:350px;
	margin:0;
	padding:0;
	font-size:10px;
	font-weight:bold;
	font-family:verdana,arial;
	color:#5F0111;
}

div#hometext {
	position:absolute;
	top:265px;
	left:300px;
	height:50px;
	width:350px;
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	font-family:verdana,arial;
	color:#5F0111;
}

div#subtext {
	position:absolute;
	top:215px;
	left:300px;
	height:50px;
	width:350px;
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	font-family:verdana,arial;
	color:#5F0111;
}

div#event_text {
	position:absolute;
	top:235px;
	left:155px;
	height:484px;
	width:585px;
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	font-family:verdana,arial;
	color:#5F0111;
}

div#subtext_bg_pilates {
	position:absolute;
	background-image: url(joefade_20a.gif);
	background-repeat:no-repeat;
	top:265px;
	left:260px;
	height:323px;
	width:350px;
	margin:0;
	padding:0;
}

div#subleft {
	position:absolute;
	background-image: url(backbox250_yellow_middle.gif);
	top:215px;
	left:10px;
	height:50px;
	width:250px;
	margin:0;
	padding:0;
}
table.subleft {
	background-image: url(backbox250_yellow_middle.gif);
	margin:0;
	padding-left:10px;
	padding-right:10px;
}

td.subleft {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	font-family:verdana,arial;
	color:#5F0111;
}

p.subleft_mainhead {
	background-image: url(backbox250_yellow_middle.gif);
	margin:0;
	padding:5px;
	font-size:12px;
	font-weight:bold;
	font-family:verdana,arial;
	color:#5F0111;
	text-align:center;
}

p.subleft_subhead {
	background-image: url(backbox250_yellow_middle.gif);
	margin:0;
	padding-left:5px;
	padding-right:10px;
	padding:bottom:0;
	padding-top:10px;
	font-size:12px;
	font-weight:bold;
	font-family:verdana,arial;
	color:#5F0111;
	text-decoration:underline;
}

p.subleft_subhead2 {
	background-image: url(backbox250_yellow_middle.gif);
	margin:0;
	padding-left:5px;
	padding-right:10px;
	padding:bottom:0;
	padding-top:10px;
	font-size:12px;
	font-weight:bold;
	font-family:verdana,arial;
	color:#5F0111;
	text-decoration:none;
}

p.subleft {
	background-image: url(backbox250_yellow_middle.gif);
	margin:0;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	font-weight:normal;
	font-family:verdana,arial;
	color:#5F0111;
}

/*
Changed, GCS 13 July 07
The subtoptext box was covering the left hand side of of the DC Studio link,
making the DC Studio link mostly non-functional. I suspect this happened when
the text box was extended to the right to accomodate the text on the apprent.html
page.
To fix this I've changed the box dimensions so that it fits under the studio links.
was:
    top:0px;
	left:250px;
	height:70px;
	width:350px;
	margin:0;
*/
div#subtoptext {
	position:absolute;
	top:45px;
	left:250px;
	height:45px;
	width:330px;
	margin:0;
	padding:0;
	font-size:24px;
	font-weight:bold;
	font-family:verdana,arial;
	color:#5F0111;
}

div#subtoptext_FAQ {
	position:absolute;
	top:55px;
	left:231px;
	height:45px;
	width:380px;
	margin:0;
	padding:0;
	font-size:24px;
	font-weight:bold;
	font-family:verdana,arial;
	color:#5F0111;
}

div#subtoptext_address {
	position:absolute;
	top:30px;
	left:250px;
	height:70px;
	width:350px;
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	font-family:verdana,arial;
	color:#5F0111;
}

div#menubar_rightedge {
	background-image: url(menubar_rightedge.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:170px;
	left:770px;
	height:116px;
	width:10px;
	margin:0;
}
/*
Chnaged Width from 505 to 430 so that text box was in proportion to yellow bar
Changed Height from 116 to 30  for same reason
GCS 5 Dec 09
*/
div#menubar {
	position:absolute;
	top:210px;
	left:290px;
	height:30px;
	width:430px;
	margin:0;
	padding:0;
}
/*
Same change as above, same reason
Chnaged Width from 505 to 430 so that text box was in proportion to yellow bar
Changed Height from 116 to 30  for same reason
GCS 5 Dec 09
*/
div#menubar_sub {
	position:absolute;
	top:160px;
	left:290px;
	height:30px;
	width:430px;
	margin:0;
	padding:0;
}

a.menubar {
	color:#5F0111;
	font-size:12px;
	font-family:verdana,arial;
	font-weight:bold;
	text-decoration:none;
}

a:hover.menubar {
	text-decoration:underline;
}
/*
Changed padding left & right from 10px to 5px to fit in new Events menu item
GCS 26 Aug 07
Changed padding from 5 to 15 due to removing Apprentice menu
GCS 5 Dec 09
*/
span.menuspace {
	padding-top:0;
	padding-bottom:0;
	padding-left:15px;
	padding-right:15px;
}

div#bigredcircle {
	background-image: url(redcircle.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:264px;
	left:150px;
	height:256px;
	width:250px;
	margin:0;
	padding-top:45px;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:10px;
}

div#linkmenu {
	background-image: url(images/linkmenu_body.gif);
	background-repeat:repeat-y;
	position: absolute;
	top:182px;
	left:30px;
	width:150px;
	padding:0px;
	text-align:center;
}

div#footer {
	position:absolute;
	top:430px;
	left:50px;
	width:600px;
	border-top-style:solid;
	border-top-color:#A78A8E;
	border-top-width:4px;
	border-bottom-style:solid;
	border-bottom-color:#A78A8E;
	border-bottom-width:4px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}

div#sidetext {
	position:absolute;
	top:20px;
	left:630px;
	width:124px;
	height:450px;
	background-image: url(images/dance_etc_text.gif);
	background-repeat:no-repeat;
}

/* 
Instrucor page picture was aligned to 30px from left, not sure why, made even with text box above. GCS 13 Jul 07
*/
div#subleft_instruct {
	position:absolute;
	background-image:url(instructors.jpg);
	top:425px;
	left:5px;
	height:196px;
	width:255px;
	margin:0;
	padding:0;
}
/* 
Instrucor page picture was aligned to 30px from left, not sure why, made even with text box above. GCS 20 Sep 07
top was 440px GCS 18 jan 10 
*/
div#subleft_services {
	position:absolute;
	background-image:url(montage01.jpg);
	top:455px;
	left:5px;
	height:198px;
	width:260px;
	margin:0;
	padding:0;
}

div#subleft_services2 {
	position:absolute;
	background-image:url(group01.jpg);
	top:650px;
	left:5px;
	height:201px;
	width:260px;
	margin:0;
	padding:0;
}


p.services_head {
	margin:0;
	padding-left:0px;
	padding-right:0px;
	padding:bottom:0;
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
	font-family:verdana,arial;
	color:#5F0111;
	text-decoration:underline;
}

p.services_subhead {
	margin:0;
	padding-left:5px;
	padding-right:0px;
	padding:bottom:0;
	padding-top:0px;
	font-size:12px;
	font-weight:bold;
	font-family:verdana,arial;
	color:#5F0111;
}

p.services_desc {
	margin:0;
	padding-left:5px;
	padding-right:0px;
	padding:bottom:0;
	padding-top:0px;
	font-size:12px;
	font-weight:normal;
	font-family:verdana,arial;
	color:#000000;
}

p.services_price {
	margin:0;
	padding-left:0px;
	padding-right:0px;
	padding:bottom:0;
	padding-top:0px;
	font-size:12px;
	font-weight:bold;
	font-family:verdana,arial;
	text-align:right;
	color:#000000;
}

h1 {
	padding-bottom:10px;
	margin:0;
	font-size:25px;
	font-weight:bold;
	font-family:verdana,arial;
	color:#00D7EF;
	text-align:center;
}

h1.shadow {
	padding-bottom:10px;
	margin:0;
	font-size:25px;
	font-weight:bold;
	font-family:verdana,arial;
	color:#000000;
	text-align:center;
}

h2 {
	padding:0;
	margin:0;
	font-size:18px;
	font-weight:bold;
	font-family:verdana,arial;
	color:#5F0111;
	text-align:center;
	border-bottom-width:3px;
	border-bottom-style:solid;
	border-bottom-color:#5F0111;
}

h3 {
	padding:0;
	margin:0;
	font-size:16px;
	font-weight:bold;
	font-family:verdana,arial;
	color:#5F0111;
	text-align:normal;
}

p.pageheading {
	padding-left:10px;
	margin:0;
	padding-bottom:0;
	padding-top:3px;
	font-family:verdana,arial;
	font-size:20px;
	font-weight:normal;
	color:#F80084;
	text-align:center;
}



</style>
