/*CSS for Dancing Apsara
* Author: Moustique Design www.moustique.net
* Date: 15/08/06*/
/*==================== Generic elements*/
body {
scrollbar-base-color:#000000;
scrollbar-3dlight-color:#666666;
scrollbar-arrow-color:#333333;
scrollbar-darkshadow-color:#333333;
scrollbar-face-color:#000000;
scrollbar-highlight-color:#666666;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#000000;
  background-color: #000;
  color: #ccc;
  font: 76% Arial, Tahoma, Verdana, sans-serif;

}
h1 {
    font-size: 1.4em;
    margin-left: 220px;
    padding: 0;
    text-indent: -3000px;
}
h2 {
  font-size: 1.2em;
  margin: 0;
}
h3 {
  font-size: 1.2em;
  margin: 0;
}
p {
  font-size: 1em;
  margin: 5px 110px 0 0;
  text-align: justify;
}
img {
  border: 0;
}
.note {
font-size: 0.8em;
color: #666666;
}

/*=================== Links */
a:link,
a:visited {
  text-decoration: underline;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
#home a {
  color: #e4075f;
}
#about a {
  color: #c9f;
}
#myth a {
  color: #63c2f1;
}
#jewellery a {
    color: #5ec29b;
}
#contact a {
  color: #fc0;
}
/*================== H1s */
#home h1 {
  background: url("../images/nav_home_01.gif") top left no-repeat;
  margin-top: 70px;
  margin-bottom: 30px;
}
#about h1 {
  background: url("../images/nav_about_02.gif") top left no-repeat;
  height: 32px;
  margin-top: 55px;
  margin-bottom: 30px;
}
#myth h1 {
  background: url("../images/nav_myth_03.gif") top left no-repeat;
  height: 45px;
  margin-top: 55px;
  margin-bottom: 20px;
}
#jewellery h1 {
  background: url("../images/h1_jewellery.gif") top left no-repeat;
  margin-bottom: 0;
  margin-top: 25px;
  height: 31px;
  position: relative;
  z-index: 10;
}
#contact h1 {
  background: url("../images/nav_contact_05.gif") top left no-repeat;
  margin-top: 65px;
  margin-bottom: 70px;
  height: 21px;
}
/*================== Ps */
#home p {
    color: #e4075f;
}
#about p {
    color: #c9f;
}
#myth p {
    color: #63c2f1;
}
#jewellery p {
    color: #5ec29b;
}
#contact p {
    color: #fc0;
    text-align: center;
    margin-top: 20px;
}
/*================== nav */
ul#nav {
    width: 174px;
    height: 100%;
    margin: 70px 40px 0 10px;
    _margin-left: 5px;
    padding: 0;
    list-style-type: none;
    float: left;
}
#nav li {
  width: auto;
}
#nav li a {
    display: block;
    text-indent: -3000px;
    padding: 0;
    margin: 0;
}
#nav li a:hover {
  text-decoration: none;
}

#nav li a#brochure  {
    text-indent: 0px;
  text-decoration: underline;
  width: 174px;
  height: 30px;
}

/*Home page nav*/
#home #nav li a#h_1 {
  background: url("../images/nav_home_01.gif") top left no-repeat;
  width: 174px;
  height: 22px;
}
#home #nav li a#h_1:hover {
  background: url("../images/nav_home_01_over.gif") top left no-repeat;
  width: 174px;
  height: 22px;
}
#home #nav li a#h_2 {
  background: url("../images/nav_home_02.gif") top left no-repeat;
  width: 174px;
  height: 32px;
}
#home #nav li a#h_2:hover {
  background: url("../images/nav_home_02_over.gif") top left no-repeat;
  width: 174px;
  height: 32px;
}
#home #nav li a#h_3 {
  background: url("../images/nav_home_03.gif") top left no-repeat;
  width: 174px;
  height: 45px;
}
#home #nav li a#h_3:hover {
  background: url("../images/nav_home_03_over.gif") top left no-repeat;
  width: 174px;
  height: 45px;
}
#home #nav li a#h_4 {
  background: url("../images/nav_home_04.gif") top left no-repeat;
  width: 174px;
  height: 33px;
}
#home #nav li a#h_4:hover {
  background: url("../images/nav_home_04_over.gif") top left no-repeat;
  width: 174px;
  height: 33px;
}
#home #nav li a#h_5 {
  background: url("../images/nav_home_05.gif") top left no-repeat;
  width: 174px;
  height: 21px;
}
#home #nav li a#h_5:hover {
  background: url("../images/nav_home_05_over.gif") top left no-repeat;
  width: 174px;
  height: 21px;
}
/*About us page nav*/
#about #nav li a#a_1 {
  background: url("../images/nav_about_01.gif") top left no-repeat;
  width: 174px;
  height: 22px;
}
#about #nav li a#a_1:hover {
  background: url("../images/nav_about_01_over.gif") top left no-repeat;
  width: 174px;
  height: 22px;
}
#about #nav li a#a_2 {
  background: url("../images/nav_about_02.gif") top left no-repeat;
  width: 174px;
  height: 32px;
}
#about #nav li a#a_2:hover {
  background: url("../images/nav_about_02_over.gif") top left no-repeat;
  width: 174px;
  height: 32px;
}
#about #nav li a#a_3 {
  background: url("../images/nav_about_03.gif") top left no-repeat;
  width: 174px;
  height: 45px;
}
#about #nav li a#a_3:hover {
  background: url("../images/nav_about_03_over.gif") top left no-repeat;
  width: 174px;
  height: 45px;
}
#about #nav li a#a_4 {
  background: url("../images/nav_about_04.gif") top left no-repeat;
  width: 174px;
  height: 33px;
}
#about #nav li a#a_4:hover {
  background: url("../images/nav_about_04_over.gif") top left no-repeat;
  width: 174px;
  height: 33px;
}
#about #nav li a#a_5 {
  background: url("../images/nav_about_05.gif") top left no-repeat;
  width: 174px;
  height: 21px;
}
#about #nav li a#a_5:hover {
  background: url("../images/nav_about_05_over.gif") top left no-repeat;
  width: 174px;
  height: 21px;
}
/*Myth page nav*/
#myth #nav li a#m_1 {
  background: url("../images/nav_myth_01.gif") top left no-repeat;
  width: 174px;
  height: 22px;
}
#myth #nav li a#m_1:hover {
  background: url("../images/nav_myth_01_over.gif") top left no-repeat;
  width: 174px;
  height: 22px;
}
#myth #nav li a#m_2 {
  background: url("../images/nav_myth_02.gif") top left no-repeat;
  width: 174px;
  height: 32px;
}
#myth #nav li a#m_2:hover {
  background: url("../images/nav_myth_02_over.gif") top left no-repeat;
  width: 174px;
  height: 32px;
}
#myth #nav li a#m_3 {
  background: url("../images/nav_myth_03.gif") top left no-repeat;
  width: 174px;
  height: 45px;
}
#myth #nav li a#m_3:hover {
  background: url("../images/nav_myth_03_over.gif") top left no-repeat;
  width: 174px;
  height: 45px;
}
#myth #nav li a#m_4 {
  background: url("../images/nav_myth_04.gif") top left no-repeat;
  width: 174px;
  height: 33px;
}
#myth #nav li a#m_4:hover {
  background: url("../images/nav_myth_04_over.gif") top left no-repeat;
  width: 174px;
  height: 33px;
}
#myth #nav li a#m_5 {
  background: url("../images/nav_myth_05.gif") top left no-repeat;
  width: 174px;
  height: 21px;
}
#myth #nav li a#m_5:hover {
  background: url("../images/nav_myth_05_over.gif") top left no-repeat;
  width: 174px;
  height: 21px;
}
/*jewellery page nav*/
#jewellery #nav li a#j_1 {
  background: url("../images/nav_jewellery_01.gif") top left no-repeat;
  width: 174px;
  height: 22px;
}
#jewellery #nav li a#j_1:hover {
  background: url("../images/nav_jewellery_01_over.gif") top left no-repeat;
  width: 174px;
  height: 22px;
}
#jewellery #nav li a#j_2 {
  background: url("../images/nav_jewellery_02.gif") top left no-repeat;
  width: 174px;
  height: 32px;
}
#jewellery #nav li a#j_2:hover {
  background: url("../images/nav_jewellery_02_over.gif") top left no-repeat;
  width: 174px;
  height: 32px;
}
#jewellery #nav li a#j_3 {
  background: url("../images/nav_jewellery_03.gif") top left no-repeat;
  width: 174px;
  height: 45px;
}
#jewellery #nav li a#j_3:hover {
  background: url("../images/nav_jewellery_03_over.gif") top left no-repeat;
  width: 174px;
  height: 45px;
}
#jewellery #nav li a#j_4 {
  background: url("../images/nav_jewellery_04.gif") top left no-repeat;
  width: 174px;
  height: 33px;
}
#jewellery #nav li a#j_4:hover {
  background: url("../images/nav_jewellery_04_over.gif") top left no-repeat;
  width: 174px;
  height: 33px;
}
#jewellery #nav li a#j_5 {
  background: url("../images/nav_jewellery_05.gif") top left no-repeat;
  width: 174px;
  height: 21px;
}
#jewellery #nav li a#j_5:hover {
  background: url("../images/nav_jewellery_05_over.gif") top left no-repeat;
  width: 174px;
  height: 21px;
}

/*contact page nav*/
#contact #nav li a#c_1 {
  background: url("../images/nav_contact_01.gif") top left no-repeat;
  width: 174px;
  height: 22px;
}
#contact #nav li a#c_1:hover {
  background: url("../images/nav_contact_01_over.gif") top left no-repeat;
  width: 174px;
  height: 22px;
}
#contact #nav li a#c_2 {
  background: url("../images/nav_contact_02.gif") top left no-repeat;
  width: 174px;
  height: 32px;
}
#contact #nav li a#c_2:hover {
  background: url("../images/nav_contact_02_over.gif") top left no-repeat;
  width: 174px;
  height: 32px;
}

#contact #nav li a#c_3 {
  background: url("../images/nav_contact_03.gif") top left no-repeat;
  width: 174px;
  height: 45px;
}
#contact #nav li a#c_3:hover {
  background: url("../images/nav_contact_03_over.gif") top left no-repeat;
  width: 174px;
  height: 45px;
}
#contact #nav li a#c_4 {
  background: url("../images/nav_contact_04.gif") top left no-repeat;
  width: 174px;
  height: 33px;
}
#contact #nav li a#c_4:hover {
  background: url("../images/nav_contact_04_over.gif") top left no-repeat;
  width: 174px;
  height: 33px;
}
#contact #nav li a#c_5 {
  background: url("../images/nav_contact_05.gif") top left no-repeat;
  width: 174px;
  height: 21px;
}
#contact #nav li a#c_5:hover {
  background: url("../images/nav_contact_05_over.gif") top left no-repeat;
  width: 174px;
  height: 21px;
}
/*================== Layout & content */
#outer_wrapper {
  width: 801px;
  margin: 10px auto;
  padding: 0;
}
        #outer_wrapper img.photo {
            float: left;
            margin: 0;
        }
#wrapper {
  float: right;
  position: relative;
  width: 680px;
  height: 526px;
  _height: 456px;
}
#home #wrapper {
  background: url("../images/bg_body_home.gif") top right no-repeat;
}
        #home #wrapper img,
        #myth #wrapper img,
        #jewellery #wrapper_j #product img {
            position: absolute;
            bottom: 0;
            right: 0;
        }

#about #wrapper {
  background: url("../images/bg_body_about.gif") top right no-repeat;
  margin-left:-3px;
}

#myth #wrapper {
  background: url("../images/bg_body_myth.gif") top right no-repeat;
}
#jewellery #wrapper_j {
  background: url("../images/bg_body_jewellery.gif") top right no-repeat;
  background-color: #000;
}

#thumbs {
  margin: -5px 0 0 0;
}

#wrapper_j {
float: right;
position: relative;
width: 680px;
height: 676px;
_height: 606px;
}

#contact #wrapper {
  background: url("../images/bg_body_contact.gif") top right no-repeat;
}

#footer {
  width: 100%;
  float: right;
  font-size: 0.9em;
}
    #footer p {
      float: right;
      margin: 0;
    }

/*============================== misc classes */
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.clear {
  clear: both;
}