/******************** 
 STYLE.css
 @author Anthony Macali
 @updated 21/07/2009
 ********************/
  body { margin:0; font:11px Arial; }
   
  /* reset */
  a { text-decoration:none; }
  img { border:0; }
  h1, h2, h3, h4 { margin:0; padding:0; font-size:100%; }
  p { margin:0; padding:0; }
  form, input { margin:0; padding:0; line-height:1px; }
  
  table { border-collapse:collapse; border:0; }

/******************** 
 GLOBAL
 ********************/
  .clear { clear:both; line-height:1px; height:1px; }
  .center { text-align:center; }
  
  .left { float:left; }
  .right { float:right; }
  .hide { display:none; }

/******************** 
 CONTAINER
 ********************/ 
 .container { width:950px; margin:auto; }

/******************** 
 BANNER
 ********************/
  #banner  { background:#7e0808 url(/images/gradient.gif);  }
  #banner .container {  background:url(/images/background.gif) right top no-repeat; }
  #banner .container h1 { display:block; height:93px; background:url(/images/logo.gif) -4px 19px no-repeat; text-indent:-5000px; }
  
/******************** 
 MENU
 ********************/
  #navigation { background:url(/images/menu/background.gif); height:44px; }
 
  #menu { margin:auto; font-size:1.1em; }
  #menu ul { margin:0; margin:auto; padding:0; list-style:none; padding-right:20px; }
  
  #menu li { float:left; margin-right:12px; background-image:url(../images/menu/menu.gif); }
  #menu li.hover { background-image:url(/images/menu/menu.hover.gif) !important; }
  
  /* menu images */
  #menu li#home { width:63px; background-position:-5px 0; }
  #menu li#medicine { width:138px; background-position:-64px 0; }
  #menu li#massage { width:140px; background-position:-200px 0; }
  #menu li#yoga { width:52px; background-position:-341px 0; }
  #menu li#practitioners { width:105px; background-position:-393px 0; }
  #menu li#retail { width:55px; background-position:-499px 0; }
  #menu li#newsletter { width:90px; background-position:-626px 0; }
  #menu li#contact { width:71px; background-position:-554px 0; }
  
  #menu a { display:block; height:36px; text-indent:-5000px; }
  
  /* submenu */
  #menu li#medicine ul.submenu li { width:168px; }
  #menu li#yoga ul.submenu li { width:82px; }
   
  #menu li ul.submenu a { background-color:#82673d; text-indent:0; color:#ffffcc; height:26px; line-height:26px; padding-left:10px; border-top:1px solid #82673d; border-bottom:1px solid #8a7046; }
  #menu li ul.submenu a:hover { background:url(/images/menu/background.gif); border-top:1px solid #876d45; border-bottom:1px solid #82673d; }

/******************** 
 HOVER LINKS
 ********************/
  ul.dropdown { position: relative; }
  ul.dropdown li.hover { position:relative; }
  
  ul.dropdown ul { visibility:hidden; position:absolute; top:100%; left:0; }
  ul.dropdown ul li { font-weight:normal; float:none; }
  
  /* IE 6 & 7 Needs Inline Block */
  ul.dropdown ul li a { width:100%; display:inline-block; } 
  ul.dropdown ul ul { left:100%; top:0; }
  ul.dropdown li:hover > ul { visibility: visible; }

/******************** 
 CONTENT
 ********************/
  #content { background:#FFF; font:1.3em Arial; color:#333; }
  #content .container { width:930px; background:#FFF url(../images/sidebar_end.png) 710px bottom no-repeat; margin-top:10px; margin-bottom:60px; padding:0 10px 20px 10px; }

  #content a { color:#7e0808; }
  #content a:hover { text-decoration:underline; }

  #content img { border:1px solid #ccc; }
  #content img.left { margin:0 16px 12px 0; }
  #content img.right { margin:0 0 12px 16px; }

  /* left pane */
  .left-pane {  width:700px; float:left; padding-right:31px; background:url(../images/sidebar_begin.png) right top no-repeat; }
  .left-pane h3 { font:bold 1.2em Arial; color:#7e0808; margin-bottom:4px; }
  .left-pane h4 { margin-bottom:4px; }
  .left-pane p { line-height:1.35em; margin-bottom:10px; }  
 
  .left-pane ul { margin-top:0; margin-bottom:8; }
  .left-pane li { line-height:1.3em; margin-bottom:1px; }

  .left-pane ul.indent li { margin-left:214px; }
  .left-pane p.prelist { margin-bottom:3px; }
  .left-pane p.focus { text-align:center; font-style:italic; font-weight:bold; font-size:1.1em; line-height:1.3em; padding-top:4px; }

  /* right pane */
  .right-pane { float:right; width:180px; font-size:1em; color:#666; }
  .right-pane h3 { font-size:0.75em; margin:3px 0; }
  .right-pane p { font-size:0.75em; line-height:1.5em; padding-left:2px; margin-bottom:10px; }

    /* index */
  .healthconsciousperson { text-indent:-5000px; width:440px; height:70px; background:url(../images/headings/healthconsciousperson.gif) right center no-repeat; }

/******************** 
 YOGA
 ********************/
  #content table { border-collapse:collapse; font:12px Arial; margin-bottom:14px; text-align:center; line-height:1.3em; }
  #content table td { border:1px solid #ccc; padding:4px 8px; border-bottom:1px solid #ececec; }
  #content table th { border:1px solid #ccc; padding:4px 8px; border-bottom:1px solid #ececec; font-weight:bold; }
  #content table td.day { font-weight:bold; }
  
  .yoga table td { padding:4px 10px !important; }
  
  #content table span { font-weight:bold; margin:0 4px; }
  #content table span.b1 { background-color:#bbcc62; color:#24380a; padding:0 2px; }
  #content table span.b2 { background-color:#86cc62; color:#24380a; padding:0 2px; }
  #content table span.int { background-color:#97ccdc; color:#304b65; padding:0 5px; }
  
  /* timetable */
  table.timetable { margin-bottom:1px !important; margin-top:6px; }
  table.timetable img { border:0 !important; }
  table.timetable td { text-align:left; padding:4px 7px !important; width:150px; }
  table.timetable td.day { text-align:center;  text-align:left; width:100px; background:url(/images/bottom_gradient.png) 0 -2px repeat-x; }
  
  /* trading hours */
  table.tradinghours { margin-top:4px; text-align:center; }
  table.tradinghours td { padding:4px 7px !important; }

  p.gap { margin-bottom:18px; }

  /* yoga */
  .odd { background:url(/images/bottom_gradient.png) 0 -2px repeat-x; }
  .rule td { border-bottom:1px solid #ccc !important; }
  
  .yoga a { color:#7e0808; }  
  
/******************** 
 HEADINGS h2
 ********************/
  #content h2 { text-indent:-5000px; background-repeat:no-repeat; height:30px; margin-top:2px; margin-bottom:2px; }
  #content h3.sub { margin-bottom:12px; }
  
  /* panes */
  .right-pane h2 { background-position:left 8px; }

  /* headings */
  h2.index { background-image:url(/images/headings/welcome.gif); margin-bottom:16px; }
  h2.naturalmedicine { background-image:url(/images/headings/naturalmedicine.gif); }
  h2.painmanagement { background-image:url(/images/headings/painmanagement.gif); }
  h2.womenshealth { background-image:url(/images/headings/womenshealth.gif); }
  h2.motherandbabycare { background-image:url(/images/headings/motherandbabycare.gif); }
  h2.digestivecare { background-image:url(/images/headings/digestivecare.gif); }
  h2.stressmanagement { background-image:url(/images/headings/stressmanagement.gif); }
  
  h2.massage { background-image:url(/images/headings/massagetherapy.gif); }
  h2.yoga { background-image:url(/images/headings/yoga.gif); }
  h2.hathayoga { background-image:url(/images/headings/hathayoga.gif); }
  h2.iyengaryoga { background-image:url(/images/headings/iyengaryoga.gif); }
  h2.babyomyoga { background-image:url(/images/headings/babyomyoga.gif); }
  h2.prenatalyoga { background-image:url(/images/headings/prenatalyoga.gif); }
  
  h2.practitioners { background-image:url(/images/headings/practitioners.gif); }
  h2.retail { background-image:url(/images/headings/retail.gif); }
  h2.contact { background-image:url(/images/headings/contact.gif); }
  
  h2.upcomingevents { background-image:url(/images/headings/upcomingevents.gif); }
  h2.teachers { background-image:url(/images/headings/teachers.gif); }
  h2.faqs { background-image:url(/images/headings/faqs.gif); }
  h2.events { background-image:url(/images/headings/events.gif); }
  h2.newsletter { background-image:url(/images/headings/newsletter.gif); }
  
  /* facebook */
  h2.becomeafan { background-image:url(/images/headings/becomeafan.gif); margin-bottom:4px !important; }
  a.facebook img { border:0 !important; }

/******************** 
 FOOTER
 ********************/
  #footer { background:url(/images/bottom_gradient.png) repeat-x; }
  #footer .container { height:24px; font:11px Arial; padding-top:12px; }    

  #footer ul { margin:0; padding:0; list-style:none; margin-left:10px; color:#636363; }
  #footer li { float:left; margin-right:8px; }
  #footer li.copyright { float:right; margin-right:10px; color:#999; }
  
  #footer span { font-weight:bold; }
  
  #footer a { color:#636363; }
  #footer a:hover { text-decoration:underline; }