* {
margin:0;
padding:0;
border:0;
font-family: Georgia, Times, sans-serif;
font-size:1em;
color:#666666;
}

body {
background:#FFFFFF;
}

#wrapper {
text-align:left;
min-width:800px;
width:800px;
 position: relative;
 left: 0;
 top: 0;
 padding-bottom: 20px;
}

#header {
background: url(../img/top.jpg) top left no-repeat;
 height:91px;
 padding-top: 47px;
}
#header-logo {
background: url(../img/top-logo.jpg) top left no-repeat;
 height: 91px;
 width: 511px;
}
#header-logo #main-link  {
 display: block;
 height: 16px;
 width: 154px;
 position: relative;
 top: -35px;
 left: 24px;
 font-size: 0px;
}



#content {
width:800px;
 background: url(../img/stones.jpg) left bottom no-repeat;
}

#content-body  {
 margin: 14px 265px 14px 215px;
 }
#content-body .arials  {
 font-family:Arial, Helvetica, sans-serif;
 font-weight: 400;
}
#content-body p  {
 font-size: 0.9em;
 font-weight: normal;
}

#content-body p.intro,
#content-body p.intro span.arials {
	font-size:1em;
	font-weight:normal;
}

#content #nav-l {
width: 210px;
 float: left;
 overflow: hidden;
 margin-bottom: 260px;
} 
#content #nav-l ul {
 list-style:none;
 vertical-align: top;
 padding-top: 2px;
 }
#content #nav-l ul li {
display: block;
 padding-bottom: 14px;
}
#content #nav-l ul li a, #content #nav-l ul li a:hover {
display:block;
 border:none;
 color:#6699cc;
 text-decoration:none;
 text-align:left;
 padding-left: 39px;
 width: 181px;
 height: 16px;
 overflow: hidden;
}
#content #nav-l ul li a:hover, #content #nav-l ul li a.active  {
background: url(../img/nav-l.jpg) left -1px no-repeat;
color:#003366;
}

#content #nav-r {
width: 250px;
 float: right;
 
} 
#content #nav-r ul {
list-style:none;
 vertical-align: top;
 position:relative;
 top:-17px;
 }
#content #nav-r ul li {
display: block;
 width: 250px;
}
#content #nav-r ul li.last-item {
padding-bottom: 50px;
}
#content #nav-r ul li a, #content #nav-r ul li a:hover {
display:block;
 border:none;
 text-decoration:none;
 text-align:left;
 padding: 0;
 color: #666666;
 }
#content #nav-r ul li a:hover  {
color: #000000;
}
#content #nav-r ul li a img  {
 border: 0;
}
#content #nav-r ul li:hover {
position: relative /*absolute*/;
} /*here switch between relative/absolute to hide show/hide items belowe roll-on item*/
#content #nav-r #roll-on-pilates, #content #nav-r #roll-on-sports, #content #nav-r #roll-on-indian, #content #nav-r #roll-on-hopi, #content #nav-r #roll-on-ref  {
 
 padding: 9px;
 display: block;
 background: #EFEBE0;
 color: #003366;

 position:absolute;
 width:230px;
 margin-top:-3px;
 margin-left:2px;
 min-height:120px;
  height:auto !important;
  height:120px;
}
#content #nav-r .roll-on a,
#content #nav-r .roll-on {
 font-weight:normal;
 font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
  
}

#footer {
background: url(../img/footer.jpg) top left repeat-x;
  }
#footer #contact  {
 padding: 8px 0;
 padding-top:10px;
  font-weight: normal;
 color: #999999;
 font-size: 11px;
 }
#footer #copy  {
 padding: 2px 0;
 
 padding-bottom:0px;
 color: #66cccc;
 border-top: 1px solid  #66CCCC;
 font-size: 9px;
 letter-spacing: 1px;
 border-bottom: 1px solid #66CCCC;
 }
#footer #copy a  {
color: #003366 }
#footer #copy a:hover  {
color: #6699cc }

.clear {
clear:both;
}

.text  {
}
.left  {
 text-align: left;
}
.right  {
 text-align: right;
}
.center  {
 text-align: center;
}
.justify  {
 text-align: justify;
}
.text strong  {
 font-weight: bold;
 font-size: 14px;
}
.text p  {
 font-weight: normal;
 font-size: 0.9em;
 line-height:18px;
}
.text a  {
 color: #66cccc;
 text-decoration: none;
 }
.text a:hover  {
 color: #003366;
 }


#contact-us  {
 margin: 14px 180px 14px 210px;
 font-family: Arial, Helvetica, sans-serif;
}
#contact-us img  {
 padding-bottom: 20px;
}
#contact-us .text strong  {
font-size: 14px;
 color: #666666;
}
#contact-us .text h4  {
font-size: 16px;
font-weight:normal;
 color: #6699cc;
 font-family: Arial, Helvetica, sans-serif;
}
#contact-us .text h5  {
 font-size: 13px;
 font-weight:normal;
 color:#002459;
 font-family: Arial, Helvetica, sans-serif;
}
#contact-us .text h5 a.email  {
color: #66cccc;
 font-family: Arial, Helvetica, sans-serif;
}


#timetable  {
 margin: 14px 0 14px 210px;
}
#timetable img  {
 padding-bottom: 20px;
}
#o-pilates, #o-sports, #o-indian, #o-hopi, #o-ref  {
 padding: 17px 20px 17px 52px;
 }
#o-pilates  {
 background: url(../img/o-pilates.gif) top left no-repeat;
 }
#o-pilates table  {
 line-height: 18px;
 padding-bottom: 30px;
}
#o-pilates th  {
 background: #003366;
 color: #ffffff;
 font-weight: normal;
 padding-left: 4px;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
}
#o-pilates td  {
 width: 257px;
 vertical-align:top;
}
#o-pilates td.tt-l  {
font-family: Arial, Helvetica, sans-serif;
font-size:0.8em;
background: url(../img/tt-l.jpg) bottom left repeat-x;
}
#o-pilates td.tt-r  {
 background: #CDFFFF url(../img/tt-r.jpg) bottom left repeat-x;
 font-size:0.9em;
}
#o-pilates ul  {
padding-left: 16px;
}
#o-sports  {
 background: url(../img/o-sports.gif) top left no-repeat;
 }
#o-indian  {
 background: url(../img/o-indian.gif) top left no-repeat;
 }
#o-hopi  {
 background: url(../img/o-hopi.gif) top left no-repeat;
 }
#o-ref  {
 background: url(../img/o-ref.gif) top left no-repeat;
 }
#timetable a, #our-approach a  {
 color: #66CCCC;
 text-decoration: none;
 }
#timetable a:hover, #our-approach a:hover  {
 color: #003366;
 }
#timetable p , #timetable a {
 font-size: 0.9em;

}

.timetable-bold {
 font-size: 0.9em;
 font-weight:bold;
}


#content #side-r {
width: 180px;
 float: right;
 overflow: hidden;
 } 
#our-approach  {
 margin: 14px 200px 14px 210px;
  }
#our-approach img  {
 padding-bottom: 0px;
}
#our-approach p , #our-approach a, #our-approach li  {
 font-size: 0.9em;
 line-height: 18px;
 color:#666;
 }
#our-approach a.label  {
display:block;
 width: 0;
 height: 0;
 position: relative;
 top: -40px;
}
#our-approach .text h5  {
font-size: 16px;
 font-weight: bold;
}
#content #side-r img  {
 padding: 25px 0 30px 0;
}
#content #side-r .text img  {
 padding: 0;
}
#content #side-r .text  {
 border-bottom: 1px solid #66CCCC;
 padding-bottom: 15px;
	}
#content #side-r .text p  {
 padding: 10px 50px 0 0;
 color: #003366;
 font-size: 14px;
 font-weight: 400;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 17px;
}
#content #side-r .text strong {
color: #003366;
 font-size: 12px;
 font-weight: bold;
 font-family: Arial, Helvetica, sans-serif;
}


#content #side-r-2 {
width: 250px;
 float: right;
 overflow: hidden;
} 
#who-we-are  {
 margin: 14px 265px 14px 210px;
}
#who-we-are img  {
 padding-bottom: 20px;
}
#w-rea, #w-jol, #w-ali {
 padding: 0px 0px 20px 100px;
 }
#w-rea  {
 background: url(../img/w-rea.jpg) top left no-repeat;
 }
#w-jol  {
 background: url(../img/w-jolanta.jpg) top left no-repeat;
 }
#w-ali  {
 background: url(../img/w-ali.jpg) top left no-repeat;
 }
#who-we-are .text h4  {
font-size: 16px;
 color: #6699CC;
 font-weight:normal;
   font-family: Arial, Helvetica, sans-serif;
}
#who-we-are .text h5  {
	font-size: 12px;
	color:#16508B;
	font-family: Arial, Helvetica, sans-serif;
}
#who-we-are .text p  {
	font-size: 0.9em;
}

#content #side-r-2  {
 padding-top: 20px;
}
#content #side-r-2 .text  {
 border-bottom: 1px solid #66CCCC;
 padding: 20px 0;
	}
#content #side-r-2 .text p  {
 padding: 0 15px 0 0;
 color: #003366;
 font-size: 13px;
 font-weight: 400;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 14px;
}
#content #side-r-2 .text strong {
color: #003366;
 font-size: 12px;
 font-weight: bold;
 font-family: Arial, Helvetica, sans-serif;
}


/* additional styling */
#timetable .intro,
#timetable .intro a,
.text .intro,
.intro {
	font-size:1em;
	font-weight:normal;
	margin-bottom:15px;
}

.intro span.arials {
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
}

#timetable p.small,
p.small,
#content-body p.small {
	font-size:0.9em;
}
/* approach page */
.layout {
vertical-align: top;
}
#layout td  {
font-size: 30px;
vertical-align: top;
}