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

site: reformpilatespdx.com
version: 2.0
author: goro harumi

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

/* Layout */

* {
  padding:0;
  margin:0; 
  list-style:none;
  border:0;
}

html {
  text-align:center;
  background:url(../images/bg.jpg) repeat-x;
  * background:#e0f3f9;
}

body {
  width:917px;
  margin:0 auto;
  background:#FFF;
  text-align:left;
  font:62.5% "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
  background:transparent;
  position:relative;
}

#wrapper {
  position:relative;
  background:url(../images/wrapper_bg.png) repeat-y;
  * background:url(../images/ie_wrapper_bg.jpg) repeat-y;
}

a {
  text-decoration:none;
  outline:none;
}

em {
  font-style:normal;
}

p {
  line-height:1.4em;  
  margin-bottom:1em;
}

h3 {
  margin-bottom:1em;  
}

.screen_reader {
  position:absolute;
  text-indent:-9999em;
}

.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 */

/* Masthead */

#masthead {
  height:144px;
  background:url(../images/masthead_left.jpg) no-repeat;
  padding-left:12px;
}

#masthead_right {
  background:url(../images/masthead_right.jpg) right no-repeat;
  padding-right:12px;
}

#masthead_content {
  background:#FFF url(../images/masthead_bg.jpg) repeat-x;
  height:144px;
  width:100%;
  position:relative;
}

#masthead_content h1 a {
  height:99px;
  width:252px;
  display:block;
  position:relative;
  top:19px;
  background:url(../images/pilates-logo.jpg) no-repeat;
  text-indent:-9999px;
}

#masthead ul {
  position:absolute;
  top:50px;
  left:260px;
}

#masthead li {
  display:inline;
}

#masthead li a {
  color:#FFF;
  font:1.2em Arial, Helvetica, sans-serif;
  font-weight:bold;
  display:block;
  float:left;
  margin-right:14px;
  margin-bottom:5px;
  padding-bottom:3px;
}

#masthead li a:hover {
  background:url(../images/dotted.gif) bottom repeat-x;
}

/* Main Content */

#mainContent {
  padding:20px;
  position:relative;
  background:transparent;
}
#mainContent p {
  color:#0075a1;
}

#mainContent {
  color:#0075a1;
  font-size:1.3em; 
  position:relative;
}

#mainContent h2 {
  color:#e3c181;
  margin:1em 0 0.5em; 
  clear:both;
}

#mainContent h2 a {
  color:#e3c181;
}

#mainContent h3 {
  font-size:1.2em;  
}

#mainContent p em {
  font-style:italic;
}

#mainContent blockquote p {
  color:#dfbf82;
  font-weight:bold;
  font-style:italic;
  margin:20px 0 10px;
  clear:both;
}

#mainContent a {
  color:#0075A1;
  text-decoration:underline;
  font-weight:bold;
}

#mainContent li {
  list-style:disc;
  margin-left:1em;
  margin-bottom:0.2em;  
}

#mainContent cite {
  padding-left:200px;
  font-weight:bold;
}

.main_page_divider {
  border-bottom:1px solid #e0f3f9;
  padding-top:10px;
  margin-bottom:20px;
}

/* Index */


#index {
  background:url(../images/side_bar_bg.jpg) right repeat-y;
  margin-right:8px;
  position:relative;
  top:-27px;
  margin-bottom:-27px;
}

#index_main {
  width:460px;
  float:left;
  padding:30px 20px 0;
}

#index_main h2 {
  font:1.85em 'Lucida Grande', 'Trebuchet MS', Arial, sans-serif;
  font-weight:bold;
  line-height:1.5em;
  margin-bottom:0.25em;
  color:#0075A1;
}

#index_main p {
  font:1.25em 'Lucida Grande', 'Trebuchet MS', Arial, sans-serif;
  line-height:2em;
}

#index_main p a {
  color:#0075A1;
  text-decoration:underline;
}

p.special_info {
  border:1px solid #89cae2;
  border-width:1px 0;
  padding:0.5em 1em;
  background:url(../images/special_info_bg.png) bottom repeat-x;
}

p.special_info_alt {
  border:1px solid #E3C181;
  border-width:1px 0;
  padding:0.5em 1em;
  background:url(../images/special_info_bg_alt.png) bottom repeat-x;
}

#index_main p.special_info a,
#index_main_2 p.special_info a {
  font-size:1.2em;
  text-decoration:none;
}

#index_main_2 p.special_info {
  text-align:center;
}

#index_main p.special_info a:hover {
  text-decoration:underline;
}

p#new_schedule {
  border:1px solid #89cae2;
  border-width:1px 0;
  padding:10px;
  text-align:center;
  background:url(../images/special_info_bg.png) bottom repeat-x;
}

div#index_main_2 p#new_schedule a {
  font-weight:bold;
  font-size:1.4em;
  text-decoration:none;
}

div#index_main_2 p#new_schedule a:hover {
  text-decoration:underline;
}

div#mat_class_index {
  background:url(../images/matclass_index_bg.png) no-repeat;
  height:50px;
  width:187px;
  margin:15px 0;
  border:1px solid #E3C181;
  border-width:1px 0;
  padding-top:50px;
  position:relative;
}

div#mat_class_index h2 {
  position:absolute;
  bottom:5px;
  font-size:1.6em;
}

div#mat_class_index h2 a {
  color:#0075A1;
}

div#mat_class_index h2 a:hover {
  text-decoration:underline;
}

#index_main_2 {
  width:185px;
  padding:30px 15px 0 0;
  float:left;
}

#index_main_2 h2 {
  font:1.35em 'Lucida Grande', 'Trebuchet MS', Arial, sans-serif;
  font-weight:bold;
  margin-bottom:0.25em;
  color:#0075A1;
}

#index_main_2 p {
  font:1.1em 'Lucida Grande', 'Trebuchet MS', Arial, sans-serif;
  line-height:1.75em;
}

#index_main_2 p a {
  color:#0075A1;
  text-decoration:underline;
}

#index_main h3 {
  font:1.2em 'Lucida Grande', 'Trebuchet MS', Arial, sans-serif;
  font-weight:bold;
  margin-bottom:0.25em;
  color:#0075A1;
}

#index_main p.index_main_smaller {
  font-size:1.1em;
}

.read_more {
  font-size:0.8em;
  font-style:italic;
}

#index_secondary {
  float:right;
  width:204px;
}

#index_quote {
  background:url(../images/side_bar_top.jpg) no-repeat;
  padding:10px 15px 0 20px;
  font:1.3em 'Lucida Grande', 'Trebuchet MS', Arial, sans-serif;
  color:#e1f3f9;
}

#index_quote p {
  margin-bottom:5px;
}

#index_quote p.last {
  line-height:1.5em;
  margin-bottom:20px;
  background:url(../images/index_end_quote.jpg) bottom right no-repeat;
}

#index_quote em {
  font-weight:bold;
  font-size:1.2em;
  color:#FFF;
}

#start_now {
  margin:-20px 0 -10px;
}

#index_tabs {
  height:479px;
  width:203px;
  background:url(../images/tabs.jpg) no-repeat;
  position:relative;
}

#tab_gyrotonic {
  width:163px;
  height:118px;
  display:block;
  position:absolute;
  top:24px;
}

#tab_virtual {
  display:block;
  position:absolute;
  width:163px;
  height:118px;
  top:181px;
}

#tab_pdf {
  display:block;
  position:absolute;
  width:163px;
  height:118px;
  top:333px;
}

#index_footer {
  background:url(../images/index_footer.jpg) no-repeat;
  * background:url(../images/ie_index_footer.jpg) no-repeat;
  height:52px;
  padding-left:22px;
  color:#FFF;
  font-size:1.2em;
  font-weight:bold;
  font-family:arial, helvetica, sans-serif;
}

#index_footer ul {
  position:absolute;
}

#index_footer li {
  display:inline;
  position:relative;
  top:15px;
  background:url(../images/white-dot.jpg) right 50% no-repeat;
  padding-right:19px;
  margin-right:10px;
}

#index_footer a {
  color:#FFF;
}

#index_footer #footer_right {
  background:transparent;
}

div#about_pics img {
  margin-bottom:100px;
}

div#reform_qt {
  padding-left:9px;
  margin-bottom:100px;
}

img.top_picture {
  margin-bottom:10px;
}

div#previous_newsletters h3 {
  font-size:1em;
  margin-bottom:10px;
  font-weight:normal;
  font-style:italic;
}

div#previous_newsletters li {
  font-weight:normal;
  font-size:12px;
}

div#previous_newsletters ul {
  margin-bottom:40px;
}

/* Virtual Tour */

#tour {
  text-align:center;  
  position:relative;
  padding-bottom:3em;
}

#tour embed {
  margin:0 0 1em;
}

#mainContent #tour h2 {
  font-size:3em;
  margin-bottom:0.5em;
}

#moreArticles {
  margin:1em;
  border:1px solid #dfbf82;
  padding:1em;
  width:20em;
}

#moreArticles ul {
  margin:0.5em 0; 
}

#mainContent #moreArticles li {
  list-style-type:none;
  margin-left:0;
  margin-bottom:0.5em;
}

#moreArticles h2 {
  display:inline;
}

/* Sub Nav */

ul#subNav {
  background:#c2cfe0 url(../images/corner.jpg) right bottom no-repeat;
  line-height:20px;
  padding:5px 20px 5px 10px;
  display:inline;
  font:1.2em Arial, Helvetica, sans-serif;
  font-weight:bold;
  position:relative;
  top:-14px;
  * top:-12px;
  left:9px;
}

#subNav li {
  display:inline;
  margin:0.13em;
}

#subNav a, #subNav span {
  background:url(../images/dot.jpg) right no-repeat;  
  padding-right:0.9em;
  text-decoration:none;
  color:#FFF;
}

ul.gyro_rates {
  margin-bottom:1.25em;
  padding-bottom:1.25em;
  border-bottom:0.2em solid #EAEAEA;
}

ul.slightly_smaller {
  font-size:0.94em;
}

#mainContent .gyro_rates li {
  display:inline;
  margin-left:0;
  margin-right:5px;
  padding-left:0;
  color:#999;
}

#mainContent .gyro_rates li strong {
  color:#0075A1;
}

#mainContent #rates h2 {
  margin:0.5em 0;
}

#rates {
  font-size:1.25em; 
}

#rates p {
  margin:0.25em;
}

#rates ul li {
  display:inline; 
  padding-right:2em;
  margin-left:0;
  font-weight:bold;
}

#rates ul {
  border-bottom:0.2em solid #EAEAEA;
  padding-bottom:1em; 
}

#rates span {
  color:#999;
  font-weight:normal;
}

.ratesPackages {
  width:30%;
  float:left;
  padding-right:3%;
  font-size:0.8em;
} 

#intro img {
  float:left;
  padding:1em 1em 1em 0;  
}

#intro h2, #intro p {
  color:#3d6a98;
}

#intro h2 {
  font-style:italic;
  font-size:1.2em;
  clear:none;
}

#intro span {
  color:#a2a3a7;  
}

#store td {
    padding:1em;
}

#store td form {
  display:inline;
}

#videos {
  margin:0 auto;
  font:2.5em Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  
}

#videos td {
  padding:0.5em;
}

fieldset {
  border:1px solid #ccc;
  padding:1em 1em 0.5em;
  margin:2em 0;
}

#mainContent fieldset h2 {
  margin:0 0 0.5em;
}

/* Mat Classses */

#matClasses {
  background:url(../images/mat_schedule.gif) no-repeat; 
  height:310px;
  padding-top:10px;
  padding-left:475px;
  padding-right:25px;
  text-align:justify;
}

.matClasses1 {
  color:#a3a2a8;
}

.matClasses2 {
  color:#1077a4;  
}

#mainContent #matClasses h2 {
  color:#000;
  font-size:1.2em;
  margin-bottom:0.3em;
}

#mainContent #matClasses p {
  color:#000;
  font-size:1em;
  font-weight:bold;
  line-height:1.2;
  margin-bottom:0.4em;  
}

#mainContent #matClassRates p {
  position:absolute;
  top:200px;
  left:50px;
  width:440px;
  font-size:1.5em;
  color:#000;
}

.matClassRatesWhite {
  color:#FFF;
  font-weight:bold;
}

#matClassesAddition {
  background:url(../images/mat_class_blank.gif) no-repeat;  
  height:310px;
  padding:25px;
  text-align:justify;
}

#matClassesAddition h2, #matClassesAddition p {
  color:#000;
  margin-top:5px;
  line-height:1.5em;
}

#matClassesAddition h2 {
  border-bottom:1px dotted #fff;
  padding-bottom:5px;
  margin-bottom:5px;
}


#mat_classes {
  background:url(../images/matclass_side.jpg) no-repeat;
  padding:20px 0 10px 65px;
  border-bottom:1px dotted #0075A1;
}

#mat_classes p {
  font-size:1.5em;
  color:#999;
}

#mat_classes p span.mat_class_rate {
  color:#0075A1;
}

#mat_classes table {
  border-collapse:collapse;
  margin:0.5em 0 1.5em;
  width:50%;
  text-align:center;
}

#mat_classes table th, #mat_classes table td {
  padding:0.5em;
  border:1px solid #CCC;
  background:#FAFAFA;
}

#mat_classes table th {
  border-left:3px solid #0075A1;
}

#mat_classes table td {
  background:#FFF;
}

#mat_classes p.mat_class_sub {
  color:#0075A1;
  font-size:1.25em;
}

#mat_classes p.mat_class_sub2 {
  color:#0075A1;
  font-size:1em;
}

#mat_classes p.mat_class_sub2 em {
  color:#999;
}

/* Staff */

#staffMap {
  display:block;
  float:left;
  position:relative;
  width:227px;
  height:419px;
  padding-right:10px;
  background:url(../images/staff.jpg) no-repeat;
}

#staffBio {
  float:left;
  width:633px;
  padding:1em 0;
}

/*#staffBio img {
  float:right;
  padding:0 0 15px 15px;
}
*/
#full_staff {
  position:absolute;
  width:170px;
  height:101px;
  left:50px;
  top:13px;
}

#teresa {
  position:absolute;
  width:85px;
  height:101px;
  left:50px;
  top:114px;
}

#kelli {
  position:absolute;
  width:85px;
  height:101px;
  left:135px;
  top:114px;
}

#matt {
  position:absolute;
  width:85px;
  height:106px;
  left:50px;
  top:215px;
}

#fanina {
  position:absolute;
  width:85px;
  height:106px;
  left:135px;
  top:215px;
}

#heather {
  position:absolute;
  width:85px;
  height:106px;
  left:50px;
  top:321px;
}

#lucy {
  position:absolute;
  width:85px;
  height:106px;
  left:135px;
  top:321px;
}

div#scroller h2 {
  margin:0 0 10px;
  color:#0075a1;
  font-size:1.2em;
  font-weight:bold;
}

#scroller p {/*
  display:inline;*/
}

#scroller p a {
  font-weight:bold;
  color:#0075a1;
}

div#staffBio blockquote {
  margin-top:2em;
  border-top:1px dotted #89CAE2;
  padding:1em 0;  
}

div#staffBio blockquote p {
  margin:0;
}

#mainContent #scroller cite {
  color:#dfbf82;
  font-weight:bold;
  font-size:1.4em;
  padding-left:0;
}

.grey, #scroller p {
  color:#a1a2a6;
}


/* Medium Width */

#mediumWidth, .mediumWidth {
  width:510px;
  float:right;  
  padding-right:1em;
  padding-left:0.5em;
}

#mediumWidth ul .mediumWidth ul {
  margin:1em 0;
}

#mediumWidth #first, .mediumWidth #first, h2#first {
    margin-top:0;
}

#mediumWidth a {
  color:#0075a1;  
  font-weight:bold;
}

#clear, .clear {
  clear:both;
}

img.news_page {
  float:left;
  padding:10px 15px 10px 5px;
}

div.spaced_out {
  margin:40px 0;
}

/* Footer */

#footer {
  background:url(../images/footer_left.jpg) no-repeat;
  * background:url(../images/ie_footer_left.jpg) no-repeat;
  height:52px;
  padding-left:12px;
  color:#FFF;
  font-size:1.2em;
  font-weight:bold;
  font-family:arial, helvetica, sans-serif;
}

#footer_right {
  background:url(../images/footer_right.gif) right no-repeat;
  * background:url(../images/ie_footer_right.jpg) right bottom no-repeat;
  padding-right:12px;
}

#footer ul {
  width:880px;
  height:52px;
  padding-left:13px;
  background:url(../images/footer_bg.jpg) bottom repeat-x;
  * background:url(../images/ie_footer_bg.jpg) bottom repeat-x;
}

#footer li {
  display:inline;
  position:relative;
  top:15px;
  background:url(../images/white-dot.jpg) right 50% no-repeat;
  padding-right:19px;
  margin-right:10px;
}

#footer a {
  color:#FFF;
}

#copyright {
  text-align:center;
  margin:1em 0;
}

a.promo_link {
  color:#000;
  text-decoration:none;
} 

a.promo_link2 {
  color:#FFF;
  text-decoration:none;
}


/* Starting over down here since I don't remember what I was up to two years ago when I wrote this */

div.instructor {
  margin:30px 0;
  clear:both;
}

div.instructor_bio {
  width:630px;
  float:right;
}

#mainContent div.instructor_bio h2 {
  margin-top:0;
}

div.instructor_float {
  float:right;
  margin:0 0 10px 10px;
  width:225px;
  text-align:right;
}

p.instructor_name,
div.instructor_float p {
  width:225px;
  text-align:right;
  font-size:10px;
  text-transform:uppercase;
  position:relative;
  top:-15px;
}

#scroller div.instructor_float p {
  color:#0075A1;
  margin:0;
}

p.instructor_name span,
div.instructor_float span {
  padding:3px 5px;
  background:#FFF;
}

span.gk {
  font-family:"Times New Roman", "Times", "Georgia", serif;
}

p#blogger {
  width:192px;
  height:56px;
  background:url(../images/blogger_link.jpg) no-repeat;
  line-height:56px;
  text-indent:65px;
  font-size:16px;
}

p#facebook {
  width:192px;
  height:57px;
  background:url(../images/fb_link.jpg) no-repeat;
  line-height:57px;
  text-indent:65px;
  font-size:16px;
}

p#blogger a,
p#facebook a {
  color:#0075A1;
}