/* GENERAL LINKS */

a:link { color: #f37027; text-decoration: none; }
a:active { color: #ef8854; text-decoration: none; }
a:visited { color: #f37027; text-decoration: none; }
a:hover { color: #ef8854; }


/* GENERAL STYLES */

a img, area { border: 0; }

body, div, td, h1, h2, h3, h4, h5, ul, li { font-family: verdana, geneva, arial, sans-serif; }

html, body { height: 100%; }
body { margin: 0; padding: 0; background: #cacaca url(../imgs/stripe_bg.gif); color: #5a5a5a; }

h1 { margin: 25px 0 0 0; font-size: 11px; line-height: 18px; font-weight: normal; }
body.home h1 { font-size: 12px; line-height: 23px; }
h1 img { margin: 0 0 16px 20px; border: solid 2px #99d8f0; float: right; }
h2 { margin: 0; padding: 1px 10px 0 0; font-family: "Trebuchet MS", trebuchet; font-size: 11px; letter-spacing: 1px; }
body.home h2 { padding: 0 335px 0 0; font-size: 13px; }
h3 { margin: 0 0 0 -10px; font-size: 13px; color: #af1b2d; }
body.home h3 { margin: 20px 0 0 0; font-size: 15px; }
h4 { margin: 0; padding: 0 20px; font-family: "Trebuchet MS", trebuchet; color: #fff; font-size: 11px; font-weight: normal; letter-spacing: 1px; }
h5 { margin: 0; color: #791c28; font-family: "Trebuchet MS", trebuchet; font-size: 11px; font-style: italic; line-height: 19px; letter-spacing: 1px; font-weight: normal; clear: right; }
body.home h5 { clear: none; }

ul { list-style-image: url("../imgs/level2/ul_image.gif"); }
li { margin-left: -5px; }
hr { width: 100%; height: 0; margin: 20px 0 0 0; padding: 0; border-bottom: dotted 1px #d78d96; background-color: #fff; color: #fff; }
.cb { clear: both; }

/* HEADER */

#header { width: 800px; margin: 0 auto; background-color: #fff; border-top: solid 1px #5a5a5a; border-left: solid 1px #5a5a5a; border-right: solid 1px #5a5a5a; position: relative; }

#logo { position: relative; }
body.home #logo { padding-top: 2px; }

#blue-bar { width: 100%; padding: 0; background-color: #009ed9; position: relative; }
#blue-bar.main { background: #009ed9 url("../imgs/level2/yellow_line.gif") repeat-y 332px; }
body.home #blue-bar { padding: 2px 0 1px 0; color: #fff; text-align: right; }
body.home #blue-bar.main { background: #009ed9; }
body.home #blue-bar.photos { margin-top: 0; text-align: center; white-space: nowrap; }

#pale-blue-bar { width: 100%; height: 3px; background-color: #99d8f0; position: relative; }

#swoosh-bar { width: 100%; height: 21px; background: #fff url("../imgs/level2/swoosh_bg.gif") no-repeat top right; color: #fff; text-align: right; position: relative; }


/* CONTAINERS */

#outer_wrapper { width: 800px; margin: 0 auto; padding: 0 0 100px 0; border-left: solid 1px #5a5a5a; border-right: solid 1px #5a5a5a; border-bottom: solid 1px #5a5a5a; background: #fff url(../imgs/level2/sillhouette_bg.gif) no-repeat bottom left; position: relative; }
body.home #outer_wrapper { padding: 0; background: #fff url("../imgs/home/sillhouette_bg.gif") no-repeat bottom center; }
#container { width: 800px; margin-right: -200px; float: left; position: relative; }
#content { margin-right: 200px; position: relative; }


/* LEFT COLUMN */

#left { width: 150px; margin: -5px 0 0 0; float: left; position: relative; }
body.home #left { margin: 16px 0 0 0; }

/* nav */
#nav { width: 114px; margin: 0; border-right: solid 1px #dc7c85; background: #dd4754 url("../imgs/nav_bg_off.gif") repeat-y; font-family: "Trebuchet MS", trebuchet; position: relative; }
body.home #nav { width: 128px; }
#nav a { display: block; padding: 5px 8px 5px 12px; border-bottom: solid 1px #fff; color: #fff; font-size: 9px; letter-spacing: 1px; line-height: 14px; text-decoration: none; }
body.home #nav a { padding: 7px 11px 7px 15px; font-size: 10px; line-height: 15px; }
#nav a.last { border-bottom: none; }
#nav a:hover { background: #af1b2d url("../imgs/nav_bg_on.gif") repeat-y; }

#nav-on-button { display: block; padding: 5px 8px 5px 12px; border-bottom: solid 1px #fff; color: #fff; background: #af1b2d url("../imgs/nav_bg_on.gif") repeat-y; font-family: "Trebuchet MS", trebuchet; font-size: 9px; letter-spacing: 1px; line-height: 14px; text-decoration: none; position: relative; }

/* wise abs banner */
#wise-abs-banner { width: 116px; margin: 14px 0 0 0; background-color: #cacaca; text-align: right; position: relative; }
body.home #wise-abs-banner { width: 129px; margin: 18px 0 0 0; }
#wise-abs-banner img { border: solid 1px #5a5a5a; }

/* testimonials */
#testimonials { width: 115px; margin: 14px 0 0 0; border-right: dotted 1px #af1b2d; border-top: dotted 1px #af1b2d; border-bottom: dotted 1px #af1b2d; background: #dff2fa url(../imgs/testimonials/testimonials_bg_level2_off.gif) repeat-y left; position: relative; }
body.home #testimonials { width: 218px; margin: 18px 0 0 0; border-left: dotted 1px #af1b2d; border-right: none; background: #dff2fa url("../imgs/testimonials/testimonials_bg_home_off.gif") repeat-y right; }

#testimonials a { display: block; padding: 4px 4px 8px 8px; border-bottom: dotted 1px #d78d96; color: #4f4f4f; font-size: 9px; font-style: italic; text-decoration: underline; }
body.home #testimonials a { padding: 10px 17px 10px 13px; font-size: 9px; letter-spacing: 1px; line-height: 15px; }

#testimonials a.last { border-bottom: none; }
body.home #testimonials a.last { padding: 3px 17px 5px 13px; color: #fff; background: #b4d6e4 url("../imgs/testimonials/testimonials_bg_home_off.gif") repeat-y right; }
#testimonials a.header { padding: 4px 4px 4px 10px; color: #af1b2d; font-style: normal; font-weight: bold; letter-spacing: 1px; text-decoration: none; }
#testimonials a:active { color: #af1b2d; }
#testimonials a:hover { color: #af1b2d; background: #c8e8f6 url("../imgs/testimonials/testimonials_bg_level2_on.gif") repeat-y left; }
body.home #testimonials a:hover { background: #c8e8f6 url("../imgs/testimonials/testimonials_bg_home_on.gif") repeat-y right; }

#testimonials a img { margin-right: 4px; border: solid 1px #fff; float: left; }
#testimonials a:hover img { border: solid 1px #af1b2d; }

#testimonials span.arrows { text-decoration: none; color: #f37027; font-size: 14px; }

#testimonial_container { width: 560px; min-height: 200px; padding: 0 0 30px 0; border: solid 1px #000; clear: both; position: relative; }


/* CONTENT */

#main { width: 560px; margin: 0 0 0 170px; padding-top: 17px; letter-spacing: 1px; position: relative; }
body.home #main { width: 357px; margin: 0 0 0 178px; text-align: justify; }

#pilates-quote { width: 500px; margin: 72px 40px 36px -140px; position: relative; }


/* RIGHT COLUMN */

#right { top: -21px; right: 0; width: 219px; position: absolute; z-index: 10; }

#photos_container { position: relative; }
#photos { background-color: #fff; clear: both; position: relative; }
#photos img { margin: 0; padding: 0; float: left; }
#photos a img { border-top: solid 1px #fff; border-bottom: solid 1px #fff; border-left: solid 1px #fff; }
#photos a:hover img { border-top: solid 1px #f37027; border-bottom: solid 1px #f37027; }

#photos table { border: 0; padding: 0; margin-bottom: 0; }
#photos td { width: 72px; padding: 0; margin: 0; }


/* FOOTER */

#footer { width: 796px; margin: 4px auto; padding: 0; color: #999; font-size: 9px; text-align: right; position: relative; }


/* LEVEL 2 STYLES */

ul.schedule li { margin: 0 0 16px 0; }
td.newsletter-categories { padding: 3px 5px 3px 3px; text-align: right; }
input.text { border: solid 1px #868485; height: 14px; margin: 2px 0 8px 0; font-size: 10px; }
.emphasis { font-style: italic; color: #000; }
.clearing { height: 0; clear: both; }
.serif { font-family: Palatino; font-style: italic; }
.yellow { color: #fff200; }
.orange { color: #f37027; }
.special { color: #791c28; font-style: italic; }
.font-plus { font-size: 140%; }

/* the following rules apply only to IE */
* html #nav { width: 116px; }
* html #testimonials { width: 116px; }
* html #testimonials a { padding: 3px 2px 8px 6px; min-height: 36px; }
* html #testimonials a img { margin-right: 2px; }
* html #wise-abs-banner { width: 117px; height: 90px; }
* html #main { margin: -540px 0 0 170px; }
* html h2 { padding: 0 10px 0 0; }
* html body.home h3 { margin: 34px 0 0 0; }
* html h3 { margin: 0; }
* html #right { top: -23px; }
