* {margin:0;padding:0;}
a img {border:none;}
a {outline:none;}
body {font-family:Arial, sans-serif; background:#999; font-size:small; line-height:125%;}
#wrapper {width:980px; margin:0 auto 10px auto; padding:0 30px 0 30px;background:white;}

#sitebranding {height:206px;margin-bottom:30px;}
img.logo {margin-right:10px;}

#navigation {float:left; width:164px; margin:0 0 30px -980px; padding-top:10px; background-color:#666; font-size:90%;}
#navigation ul {list-style-type:none; text-transform:uppercase;}
#navigation li {margin-bottom:1px;}
#navigation a {display:block; text-decoration:none; padding: 1px 2px 1px 10px;}
#navigation li.thispage a {color:white; background-color:#db4317;}
#navigation a:link, #navigation a:visited {color:white;}
#navigation a:hover, #navigation a:active {color:white; background:#db4317;}

#bodywrap {float:left;background:url(backgrounds/strip.gif) repeat-y;}
#bodywrapfornav1 {float:left;min-height:500px;background:url(images/quote1.gif) no-repeat bottom left;}
#bodywrapfornav2 {float:left;background:url(images/quote2.gif) no-repeat bottom left;}
#bodywrapfornav3 {float:left;background:url(images/quote3.gif) no-repeat bottom left;}
#bodywrapfornav4 {float:left;background:url(images/quote4.gif) no-repeat bottom left;}
#bodywrapfornav5 {float:left;background:url(images/quote10.gif) no-repeat bottom left;}
#bodywrapfornav6 {float:left;min-height:460px;background:url(images/quote6.gif) no-repeat bottom left;}
#bodywrapfornav7 {float:left;background:url(images/quote8.gif) no-repeat bottom left;}
#bodywrapfornav8 {float:left;min-height:460px;background:url(images/quote7.gif) no-repeat bottom left;}
#bodywrapfornav9 {float:left;background:url(images/quote9.gif) no-repeat bottom left;}
#bodywrapfornav10 {float:left;background:url(images/quote5.gif) no-repeat bottom left;}
#bodywrapfornav11 {float:left;background:url(images/quote-garuda.gif) no-repeat bottom left;}
#bodywrapfornav12 {float:left;background:url(images/quote11.gif) no-repeat bottom left;}

#bodycontent1 {float:left;width:806px; margin:0 0 0 174px; background:#ccc url(backgrounds/home.jpg) no-repeat top right;color:white;}
#bodycontent2 {float:left;width:806px; margin:0 0 0 174px; background:#ccc url(backgrounds/home.jpg) no-repeat top right;color:white;}
#bodycontent3 {float:left;width:806px; margin:0 0 0 174px; background:#ccc url(backgrounds/aboutus.jpg) no-repeat top right;color:white;}
#bodycontent4 {float:left;width:806px; margin:0 0 0 174px; background:#ccc url(backgrounds/specialities.jpg) no-repeat top right;color:white;}
#bodycontent5 {float:left;width:806px; margin:0 0 0 174px; background:#ccc url(backgrounds/bookings.jpg) no-repeat top right;color:white;}
#bodycontent6 {float:left;width:806px; margin:0 0 0 174px; background-color:#eee; color:white;}
#bodycontent7 {float:left;width:806px; margin:0 0 0 174px; background-color:#ccc; color:white;}
#bodycontent8 {float:left;width:806px; margin:0 0 0 174px; background:#ccc url(backgrounds/testimonials.jpg) no-repeat top right;color:white;}
#bodycontent9 {float:left;width:806px; margin:0 0 0 174px; background:#ccc url(backgrounds/pilates.jpg) no-repeat top right;color:white;}
#bodycontent10 {float:left;width:806px; margin:0 0 0 174px; background:#ccc url(backgrounds/gyrotonic.jpg) no-repeat top right;color:white;}
#bodycontent11 {float:left;width:806px; margin:0 0 0 174px; background-color:#eee; color:white;}
#bodycontent12 {float:left;width:806px; margin:0 0 0 174px; background:#ccc url(backgrounds/contact-us.jpg) no-repeat top right;color:white;}


h1 {color:#666; padding:10px 20px 10px 20px; font-size:130%; font-weight:bold; text-transform:uppercase;}

#text {background-image:url(backgrounds/trans.png);padding:15px 20px 20px 20px;font-size:105%;}
#text2 {background:#535152 url(backgrounds/teacher-training.jpg) no-repeat top right;padding:15px 20px 20px 20px;font-size:105%;}
#text3 {background:#535152 url(backgrounds/garuda.jpg) no-repeat top right;padding:15px 20px 20px 20px;font-size:105%;}

h2 {font-weight:bold; padding-top:10px; margin:0 0 10px 0; font-size:110%;}
h3 {font-size:100%; font-weight:bold;}
#text p, #text2 p, #text3 p {margin-bottom:10px; color:white;}
.bullets li {list-style-type:disc; margin:0 0 0 15px;}
.nobullets li {list-style-type:none;}
ul, ol {margin-bottom:10px;}

.gyrotonic {font-family:"Times New Roman", times, serif;text-transform:uppercase;}
.coloraccent {color:#db4317;}
#text a:link, #text a:visited {color:white;}
#text a:hover, #text a:active {color:#db4317;} 
#text2 a:link, #text2 a:visited {color:white;}
#text2 a:hover, #text2 a:active {color:#db4317;} 
#text3 a:link, #text3 a:visited {color:white;}
#text3 a:hover, #text3 a:active {color:#db4317;} 
.faq {margin: 0 0 20px 20px;}
.top {margin: 2px 0 0 0; font-size: 80%; text-align: right;}
.clear {clear:both;}
#text p.taller, #text2 p.taller, #text3 p.taller {clear:both;text-align:right;font-size:180%;padding:30px 0 0 0;}
blockquote {font-style:italic;}
#bodycontent8 blockquote {font-style:normal;margin-bottom:15px;}
#bodycontent8 blockquote p {font-style:normal;margin-bottom:5px;}
table {border-collapse: collapse; border: 1px solid #1b7b93;margin-bottom:10px;}
th {text-align: left; padding: 0.3em; border: 1px solid #1b7b93;}
td {border: 1px solid #1b7b93; padding: 0.3em;}
caption {text-align: left; padding: 0.3em;}
#text3 p.sectionbreak {border-bottom:1px solid white;padding-bottom:10px;margin-bottom:20px;}
#text2 p.video {margin:20px 0 0 100px;}
#garudavideos iframe {float:left;margin:20px 10px 10px 50px;}

#legal {padding:10px 10px 20px 10px; color:#666; font-size:80%; text-align:right;}
#legal a {color:#666;}
.copy {font-size:80%;}
.credit a {color:white;}
.credit {text-align:center; font-size:70%;}

/* contact form */
form {margin: 20px 0 0 0;}
form.contact label.fixedwidth {display:block; float:left; width:11em;}
input.textbox {width:337px; color: #01466c; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 100%; font-weight:normal;}
textarea {width:340px; color:#01466c; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 100%; font-weight:normal;}
.submit {margin-left:225px;}
.verification {margin-left:210px;}
p.contactformcredit {text-align:right;font-size:80%;}

#container {position:relative; width:730px; height:586px;}
#thumbs {float:left; width:162px; display:inline;}
#container a.pics {float:left; margin: 0 4px 4px 0; display:inline; text-decoration:none; width:50px; height:50px;}
#container a.pics img.thumb {display:block;}

#container a.pics span {display:none; width:610px;text-align:center;background-color:#484848;}
#container a.pics span img {margin:0;}

#container a.pics:hover img.thumb {;}
#container a.pics:hover span {display:block; position:absolute; left:170px; top:0px; z-index:10; height:556px; width:556px;}
#container a.pics:hover {white-space:normal;} /* makes hover state work for IE6 */

#container a.pics:active img.thumb {;} 
#container a.pics:active span {display:block; position:absolute; left:170px; top:0px; z-index:5; height:556px; width:556px;}

#container a.pics:focus img.thumb {;}
#container a.pics:focus span {display:block; position:absolute; left:170px; top:0px; z-index:5; outline:0; height:556px; width:556px;}
#container a.pics:focus {outline:0;}

#container span.info {float:left; display:block; height:586px; z-index:1;}
#container span.info img {margin:0 0 0 8px;}

/* internet explorer hacks */
* html #navigation {display:inline;}
* html #bodycontent1 {display:inline;}
* html #bodycontent2 {display:inline;}
* html #bodycontent3 {display:inline;}
* html #bodycontent4 {display:inline;}
* html #bodycontent5 {display:inline;}
* html #bodycontent6 {display:inline;}
* html #bodycontent7 {display:inline;}
* html #bodycontent8 {display:inline;}
* html #bodycontent9 {display:inline;}
* html #bodycontent10 {display:inline;}
* html #bodycontent11 {display:inline;}
* html #bodycontent12 {display:inline;}

* html #navigation a {height:1px;}