body, html { background-color:#839a82;}
body {margin:0; text-align:center;}
#wrap { width: 720px; margin:auto; text-align:left; }
h1 { font-family:Georgia, times, Palatino, serif; font-size:23px; }
h2 { font-size:16px; margin-bottom:0px; padding-bottom:0px; }
p, div, td, th, li, h2, h3, h4 { font-family:helvetica,arial,sans-serif; }
.pwt { font-style:italic;}
p, div, td, th, li {font-size:14px; line-height:21px;}
a {color:#366; }
a:link, a:visited {color:#366}
a:hover, a:active {color:#396}
a img { border:none; text-decoration:none;}
.firstpara {margin-top:0; padding-top:0; }
.nospace {margin:0;padding:0; }
#pageheader {
   width:718px;
   border:1px solid #fff;
   border-top-color:#000;
   background-image:url(images/green-back.jpg);
   overflow:hidden;
}
#pageheader img {
   float:left;
   width:236px;
   border:none !important;
}
#pageheader a {
   text-decoration:none !important;
}
#pageheader h1 {
   font-family:Georgia, times, Palatino, serif;
   font-size:16px;
   color:#333;
   float:left;
   padding-top:15px;
   font-weight:normal;
   font-style:italic;
   margin-left:0px;
   /* was font 22 left margin 40 top 15 width 350*/
}
#nav {
   width:720px;
   margin:-1px;
   padding:0;
   overflow:visible;
   border:1px solid #fff;
   border-width:0 1px;
   clear:right;
}
#nav li {
   display:block;
   float:left;
   text-align:center;
   height:106px;
   position:relative;
   font-family:Georgia, times, Palatino, serif;
   background:url(images/TopNavActive.png);
   color:yellow; /* temp */
   margin:0;
   padding:0;
}
#nav a,
#nav span {
   display:block;
   text-decoration:none;
   padding-top:84px;
   color:#fff;
}
#nav  li:hover,
#nav  #thisp {
   background:url(images/TopNavHover.png);
}
#nav li:hover a,
#nav #thisp a {
   color:#fc6;
}

#nav ul {
   margin:0;
   padding:0;
   position:absolute;
   top:106px;
   width:inherit;
   display:none;
   z-index:20;
}
#nav li:hover ul {
   display:block;
}

#nav ul li {
   display:block;
   height:2em;
   background:#8c9c83;
   width:100%;
}
#nav ul li a {
   color:#fff;
   background:#8c9c83;
   display:block;
   border-bottom:1px solid #fff;
   padding:5px 3px 4px 5px;
   line-height:18px;
   text-align:left;
}
#nav ul li a:hover {
   color:#000;
   background-color:#a2b399;
}
#nav li ul li {
   height:auto !important;
}
#nav #home{
   width:65px;
   border-left:1px solid #fff;
}
#nav #news{
   width:103px;
   background-position:-66px 0;
   
}
#nav #pilates{
   width:103px;
   background-position:-169px 0;
}
#nav #teresa{
   width:103px;
   background-position:-272px 0;
}
#nav #faq{
   width:103px;
   background-position:-375px 0;
}
#nav #sessions{
   width:123px;
   background-position:-478px 0;
}
#nav #classes{
   width:118px;
   background-position:-601px 0;
   border-right:1px solid #fff;
}
#footer {
   background-color:#434f47;
   color:#9bad98;
   width:718px;
   border:1px solid white;
}
#footer #titles {
   display:block;
   text-transform:uppercase;
   font-family:Georgia, times, Palatino, serif;
   font-size:14px;
   color:#fff;
   letter-spacing:1px;
   width:670px;
   padding:40px 10px 40px 15px;
   border-bottom:1px solid #8e9a82;
}
#footer #titles img {
   border:none !important;
   float:right;
   margin-top:-15px;
}
#footer .links {
   overflow:hidden;
}
#footer .col {
   width:287px;
   float:left;
   padding-bottom:30px;
}
#footer .col h4 {
   color:#fff;
   margin:15px 0 2px 15px;
   font-weight:normal;
}
#footer .col ul {
   margin:0;
   padding:0 0 0 15px;
}
#footer .col li {
   list-style-type:none;
   font-size:13px;
}
#footer .col a {
   color:#c5d8b4;
}
#footer .col a img{
   vertical-align:middle;
   padding-left:1em;
   border:none !important;
}
#footer .col h4 a {
   color:#fff;
}
#footer .small {
   width:140px;
}
#orange { width:437px; background-image:url(images/orange-grad.jpg); background-repeat:repeat-x; background-color:#fbd992; color:#000; padding:20px; border-left:#fff 1px solid; border-bottom:#fff 1px solid; }
#orange h1 { color:#366; font-weight:normal; }
#orange td, #orange th, #orange li { color:#000; }
#orange img { margin:20px 0 20px 5px;}
#orange form img { margin:0;}
#greenbar {width:240px; background-image:url(images/green-back.jpg);  border-left:#fff 1px solid; border-right:#fff 1px solid; border-bottom:#fff 1px solid; padding-bottom:0px; background-color:#8e9a82; text-align:center;}
#greenbar p { padding:15px; line-height: 2em; color:#fff; font-size:12px; text-align:left; }

#copyright {font-size:10px; padding-top:20px; color:#fff; }

.fbliketext {float:left; margin-bottom:20px;}
.fb-like {float:left; display:inline; margin:0 -6px 0 0; }
hr {clear:both; color:#000;}
.coupon {
   border:1px dashed #000;
   padding:5px 10px;
   position:relative;
   background:#fcecbd;
}
.coupon h2 {
   color:#366;
   font-size:24px;
}
.coupon .expire {
   display:block;
   color:#366;
   float:right;
}
.nobl {
   margin:0 0 20px;
   padding:0;
}
.nobl li{
   list-style-type:none;
   font-weight:bold;
}
.paybuttons {
   border:0;
   width:100%;
   padding:0;
   margin:0;
}
.paybuttons th {
   padding:0;
   margin:0;
   text-align:left;
  
}
.paybuttons td {
   padding:0;
   margin:0;
   text-align:right;
}
.paybuttons form {
   padding:0;
   margin:5px 0 0;
}

h2.banner {
   background-color:#839a82;
   color:#fff;
   text-transform:uppercase;
   padding:0 5px;
   font-size:14px;
   font-weight:normal;
   font-family:Georgia, times, Palatino, serif;
   letter-spacing:1px;
}
h3 .detail {
   font-size:14px;
   font-weight:normal;
}
.faqq {
   color:#366;
}
#faqp p {
   margin-bottom:0;
   padding-bottom:0;
}
#faqp ul, #session ul {
   margin-top:0;
   padding:0 15px;
}
#faqp ul li, #session ul li {
   margin-left:0;
}
.faqcolholder {
   overflow:hidden;
}
.faqcol {
   width:188px;
   float:left;
}
/* homepage specific */
#panels {
   clear:both;
   margin:0;
   padding:0;
   border:1px solid #fff;
   border-width: 0 1px;
   width:718px;
}


#panels li {
   width:720px;
   height:285px;
   background-color:#fbd992;
   color:#000;
   list-style-type:none;
   display:none;
   position:relative;
   margin-left:-1px;
}

#panels #p1 {
   background:url(images/No1-art.jpg) no-repeat;
}
#panels #p1 div {
   text-align:center;
   padding:100px 0 0 270px;
   width:360px;
}
#panels #p1 div p {
   font-size:16px;
   margin:4px 0;
   padding:0;
}
#panels #p1 div .em {
   text-transform:uppercase;
   color:#090;
   font-family:Georgia, times, Palatino, serif;
}
#panels #p2 {
   background:url(images/No4-art.jpg) no-repeat;
}

#panels #p3 {
   background:url(images/No2-art.jpg) no-repeat;
}
#panels #p4 {
   background:url(images/No3-art.jpg) no-repeat;
}
#panels a {
   text-decoration:none;
}
#panels h2 {
   color:#fff;
   font-size:32px;
   font-weight:normal;
   font-family:Georgia, times, Palatino, serif;
   margin-left:490px;
   padding-top:30px;
   font-style:italic;
}
#panels a p {
   color:#fff;
   margin-left:490px;
   margin-right:10px;
   font-size:16px;
}
#panels .cta {
   text-decoration:underline;
}
.control {
   list-style-type:none;
   position:absolute;
   left:495px;
   bottom:30px;
}
#panels .control li { /* forprecedence */
   display:inline;
   background-color:transparent;
}

.control li span {
   display:inline-block;
   background:url(images/slideshowbuttons.png) top left no-repeat;
   height:15px;
   width:15px;
   margin-right:10px;
}
.control li.cur span {
   background-position: 0 -20px;
}

#hometext {
   width:718px;
   background-image:url(images/green-back.jpg);
   color:#333;
   border-left:1px solid #fff;
   border-right:1px solid #fff;
   padding-top:10px;
   margin-bottom:-14px; /* ?? */
}
#hometext p {
   padding:30px 15px;
   border-top:#666 solid 2px;

}
.divsec {
   /* makes border at bottom instead of using hrs */
   border-bottom:1px solid #000;
   padding-bottom:10px;
   margin-bottom:10px;
}
#offsite h3 {
   font-size:14px;
   margin:0;
}