* {
 margin: 0;
 padding: 0;
 list-style: none;
 border: 0;
 background-repeat: no-repeat;
 text-decoration: none;
 outline: none;
 }
 a:link, a:visited {color: #723A74;  }
 a:hover, a:active  {color: #CC64D0; }
 .link:hover {text-decoration: underline;}
 img {display: block;}
 input.text, textarea {background-color: #694f47; color: #f8f3ea; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
 em {font-style: normal; font-weight: bold;}
 
 body {background-color: #000; font-family: Tahoma, Trebuchet MS, Helvetica, sans-serif; font-size: 11px; line-height: 18px; }

 .clearer { height: 0.1em; clear: both;}

 #container {width: 830px; height: 555px; margin: 0 auto;  position: absolute; top: 50%; left: 50%; margin-left: -415px; margin-top: -261px;  }
 #wrapper { }
 #page { }
 #page_top { padding: 5px 5px 4px;  }
 #page_bottom { border: 1px solid #462447; }
 #real_page {background: #220023; height: 494px; position: relative; overflow: hidden; border: 4px solid #000; }
 
 h1 {width: 174px; height: 174px;  position: absolute; top: 265px; left:408px; z-index: 10000; }
html>body h1 a {text-indent: -3000px; overflow: hidden; background:url(../images/logo.png); display: block; height: 100%; width: 100%;}
h1 a {text-indent: -3000px; overflow: hidden; background:url(../images/oxford.gif); display: block; height: 100%; width: 100%;}
 h2 {width: 246px; height: 248px; position: absolute; top: 0; right: 0; text-indent: -3000px; overflow: hidden; }
 h3 {height: 14px; text-indent: -3000px; overflow: hidden; margin-bottom: 12px;}
 h4 {font-size: 10px;}
 h4.noutati {margin-bottom: 5px;}
 
html>body #main_menu {width: 142px; position: absolute; top: 180px; left: 603px; padding: 1px 0 0; background:url(../images/dot_hor.gif); background-repeat: repeat-x;}
 
 #main_menu {width: 142px; position: absolute; top: 179px; left: 603px; padding: 1px 0 0; background:url(../images/dot_hor.gif); background-repeat: repeat-x;}
 #main_menu li {padding: 0 0 1px; background:url(../images/dot_hor.gif); background-repeat:repeat-x; background-position: left bottom; width: 100%; float: left;}
 #main_menu a:link, #main_menu a:visited, #main_menu a:active {display: block; height: 20px; background-position: -137px 6px;  background-repeat: no-repeat;  }
 #main_menu a:hover, #main_menu a#hovered:link, #main_menu a#hovered:visited, #main_menu a#hovered:active {background-position: 5px 6px;}

 
 #contents_wrapper {width: 494px; height: 494px;  position: absolute; overflow: hidden;}
 #contents {width: 3952px; height: 100%; position: relative;}
 .content {width: 494px;  position: absolute; overflow: hidden; }
 #contents p {margin:0px; padding: 0px 0px 10px 0px;}
 #home {left: 0; top: 0;}
 
  #about {left: 494px; top: 0; background-color: #131301; background-image:url(../images/about_thumb.jpg); padding: 248px 0 0;}
 #about h2 { }
 #about .description {background-color: #131301; height: 170px; width: 360px; padding: 20px 125px 66px 30px; color: #fff;}
 #about h3 { background-image:url(../images/about-h3.gif);}
 

 
  #massage {left: 988px; top: 0; background-color: #242424; background-image:url(../images/services_thumb.jpg); padding: 248px 0 0;}
 #massage h2 { }
 #massage .description {background-color: #242424; height: 170px; width: 360px; padding: 20px 125px 66px 30px; color: #FFF;}
 #massage h3 {background-image:url(../images/services-h3-massage.gif);}
 #massage ul {line-height: 19px;}
 
   #body {left: 1482px; top: 0; background-color: #242424; background-image:url(../images/services_thumb2.jpg); padding: 248px 0 0;}
 #body h2 { }
 #body .description {background-color: #242424; height: 170px; width: 360px; padding: 20px 125px 66px 30px; color: #FFF;}
 #body h3 {background-image:url(../images/services-h3-body.gif);}
 #body ul {line-height: 19px;}
 
    #esthetics {left: 1976px; top: 0; background-color: #242424; background-image:url(../images/services_thumb3.jpg); padding: 248px 0 0;}
 #esthetics h2 { }
 #esthetics .description {background-color: #242424; height: 170px; width: 360px; padding: 20px 125px 66px 30px; color: #FFF;}
 #esthetics h3 {background-image:url(../images/services-h3-esthetics.gif);}
 #esthetics ul {line-height: 19px;}
 
     #facials {left: 2470px; top: 0; background-color: #242424; background-image:url(../images/services_thumb4.jpg); padding: 248px 0 0;}
 #facials h2 { }
 #facials .description {background-color: #242424; height: 170px; width: 360px; padding: 20px 125px 66px 30px; color: #FFF;}
 #facials h3 {background-image:url(../images/services-h3-facials.gif);}
 #facials ul {line-height: 19px;}
 
      #medispa {left: 2964px; top: 0; background-color: #242424; background-image:url(../images/services_thumb5.jpg); padding: 248px 0 0;}
 #medispa h2 { }
 #medispa .description {background-color: #242424; height: 170px; width: 360px; padding: 20px 125px 66px 30px; color: #FFF;}
 #medispa h3 {background-image:url(../images/services-h3-medi.gif);}
 #medispa ul {line-height: 19px;}
 
       #holistic {left: 3458px; top: 0; background-color: #242424; background-image:url(../images/services_thumb6.jpg); padding: 248px 0 0;}
 #holistic h2 { }
 #holistic .description {background-color: #242424; height: 170px; width: 360px; padding: 20px 125px 66px 30px; color: #FFF;}
 #holistic h3 {background-image:url(../images/services-h3-holistic.gif);}
 #holistic ul {line-height: 19px;}
 
 #mens {left: 3952px; top: 0; background-color: #242424; background-image:url(../images/services_thumb.jpg); padding: 248px 0 0;}
  #mens h2 { }
 #mens .description {background-color: #242424; height: 170px; width: 360px; padding: 20px 125px 66px 30px; color: #FFF;}
 #mens h3 {background-image:url(../images/services-h3-mens.gif);}
 #mens ul {line-height: 19px;}
 
 #reservation {left: 4446px; top: 0; background-color: #122300; background-image:url(../images/reservation_thumb.jpg); padding: 248px 0 0;}
 #reservation h2 { }
 #reservation .description {background-color: #122300; height: 170px; width: 360px; padding: 20px 125px 66px 30px; color: #fff;}
 #reservation h3 {background-image:url(../images/reservation-h3.gif); height: 18px;}
 
 

 

 
 #gallery {left: 4940px; top: 0; height: 494px; overflow: hidden;    }
 #fotos_nav {position: absolute; top: 218px; left: 0;  z-index: 20;}
  #fotos_nav li {width: 87px; height: 86px; margin-bottom: 1px; float: left; clear: left;}
 #fotos_nav  a {display: block; width: 87px; height: 86px; cursor: pointer; }

 #fotos_wrapper {width: 494px; height: 494px; overflow: hidden; position: absolute; top: 0; left: 0;}
 #fotos {  width: 494px; position: absolute; top: 0; left: 0;  }
 #fotos li { position: relative; left: 0; top: 0; float: left; clear: left; }
 #fotos li img {display: block;}
 #fotos li span {height: 23px; width: 247px; background-color: #000; color: #fff; line-height: 23px; font-weight: normal;  text-indent: 8px; display: block; position: absolute; left: 0; bottom: 0;}

 
 #fotos_nav2 {position: fixed;  top: 50%; left: 50%; z-index: 200; width: 494px; height: 23px;  margin-left: -400px; margin-top: 225px; visibility: hidden; }
 #gallery:hover #fotos_nav2 {visibility: visible;} 
 
 #fotos_nav2 ul {float: right; padding: 5px;}
 #fotos_nav2 li {float: left; padding-right: 1px;}
 #fotos_nav2 li a:link, #fotos_nav2 li a:visited , #fotos_nav2 li a:active, #fotos_nav2 li a#selectat {color: #fff; display: block; width: 13px; height: 13px; text-align: center; line-height: 13px; font-family: 'Trebuchet Ms'; background-image:url(../images/nav_bg.png);}
  #fotos_nav2 li a:hover, #fotos_nav2 li a#selectat { background-color: #000 !important; background-image: none !important; }
 #fotos_nav2 h4 {height: 23px; width: 247px; background-color: #000; color: #fff; line-height: 23px; font-weight: normal; float: left; text-indent: 8px;} 
 
 



 
 #contact { left: 5434px;  top: 0; height: 494px; overflow: hidden;}
 #formular_contact {position: absolute; left: 0;  top: 0; background-color: #122300; background-image:url(../images/contact_thumb.jpg); padding: 248px 0 0; height: 246px; overflow: hidden; width: 494px; }
 #formular_contact h2 {  }
 #formular_contact .description {background-color: #122300; height: 170px; width: 360px; padding: 20px 125px 66px 30px; color: #fff;}
 #formular_contact h3 {background-image:url(../images/contact-h3.gif); position: relative; top: 0; left: 0; display: block; width: 200px;}

  #contact a {color:#fff;}
   #contact a:hover {text-decoration: underline;}
 

 
 .formular {width: 333px;}
 .formular label {display: block; float: left; clear: both;  white-space: nowrap;}
 .formular span {display: block; float: right;  background-color: #BDC9B1; padding: 3px; margin: 0 0 4px; }
 .formular input.text, .formular textarea {width: 243px; background-color: #BDC9B1; display: block; color: #000;}
  .formular2 {width: 193px; float: left;}
 .formular2 input.text,  .formular2 textarea {width: 147px;}
 input.button {float: right;}
 .formular textarea {height: 50px; overflow: auto;}
 #reservation .formular  input.text {width: 240px;}
 #reservation .nr {width: 100%; float: left;}
 #reservation .formular .nr input.text {width: 73px;}
 #reservation .nr_1 {float: left; width: 166px;  }
 #reservation .nr_2 {float: right; width: 159px;  }
 #reservation .nr span { position: relative; top: 0; left: 0;}
 #reservation .nr_1 iframe {top: 10px; left: 10px;}
  .reservation_select {width: 100%; float: left; position: relative; left: 0; top: 0; padding-bottom: 4px; z-index: 100;}
  iframe {visibility: visible; z-index: 999; position: absolute; top: -5000px; left: -5000px;  width: 205px; height: 194px; overflow: hidden;}
  select { display: block; width: 246px; position: absolute; top: 0; left: 87px; }
  select.replaced { display: none; }
  ul.selectReplacement { overflow: visible; width: 246px; float: right;  position: absolute; top: 0; left: 87px; z-index: 100;}
  ul.selectReplacement li { background: #BDC9B1; color: #fff; cursor: pointer; display: none; font-size: 10px;padding-left: 5px;}
  ul.selectOpen li {display: block;}
  ul.selectReplacement li.selected { background-color: #BDC9B1; background-position: center right; background-repeat: no-repeat; color: #fff; display: block; }
  ul.selectOpen li.selected { background: #BDC9B1; display: block;}
  ul.selectOpen li:hover, ul.selectOpen li.hover, ul.selectOpen li.selected:hover { background: #BDC9B1; color: #fff; }
  
  
    #offers {left:  5928px; top: 0; background-color: #000B24; background-image:url(../images/offers_thumb.jpg); padding: 248px 0 0;}
 #offers h2 { }
 #offers .description {background-color: #000B24; height: 170px; width: 360px; padding: 20px 125px 66px 30px; color: #fff;}
 #offers h3 {background-image:url(../images/offers-h3.gif);}
 #offers a {color: #fff;}
 #offers a:hover {text-decoration: underline;}
  
  #footer {position: relative; top: 0; left: 0;  color: #723A74; font-size: 9px;  padding: 8px 0px 0 0; }

  #footer p {float: right; margin: -1px 0 0 0; background-image:url(../images/footer_bg.gif);  padding: 0 20px 0 6px; line-height: 16px;}

#comments {left: 6422px; top: 0; background-color: #000B24; background-image:url(../images/services_thumb.jpg); padding: 248px 0 0;}
#comments h2 { }
#comments .description {background-color: #000B24; height: 170px; width: 360px; padding: 20px 125px 66px 30px; color: #fff;}
#comments h3 {background-image:url(../images/services-h3-COMMENTS.gif);}
#comments a {color: #fff;}
#comments a:hover {text-decoration: underline;}
 
 #contact_div {width: 370px;}
 #contact_info {padding-left: 25px; float: left; width: 150px; white-space:normal;  line-height: 18px;}
 
  #products{left: 6916px; top: 0; background-color: #242424; background-image:url(../images/services_thumb.jpg); padding: 248px 0 0;}
  #products h2 { }
 #products .description {background-color: #242424; height: 170px; width: 360px; padding: 20px 125px 66px 30px; color: #FFF;}
 #products h3 {background-image:url(../images/services-h3-products.gif);}
 #products ul {line-height: 19px;}