/* base styles */
* {
font-size:100%;
font-family:Verdana, Arial, Helvetica, Sans-Serif;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, br, 
blockquote, pre, a, img,
font, tt, i, b, big, small, 
em, strong, dfn, code, samp, kbd, var, cite, 
abbr, acronym, sub, sup, dl, dt, dd, ul, li, 
fieldset, legend, form, label, 
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
}
body{
font-size:0.8em;
color:#000;
background: #fff url('img/bkgr_bd.jpg') repeat-y top center;}
ul{list-style-type: none;}  /* ol, li */
table {border-collapse:separate; border-spacing: 0px;}
caption, th, td {text-align:left; font-weight: normal;}
a:active, a:visited, a:link {
color: #7a3a01;
text-decoration: underline;font-weight:bold;}
a:hover, a.selected {
color: #7a3a01;
text-decoration: underline;font-weight:bold;}
.clr, .clr10, .clr15 {
clear:both;
margin:0; padding:0;
font-size:1px;
height:1px;}
.clr10{height:10px;}
.clr15{height:15px;}
.l{text-align:left;}
.r{text-align:right;}
.nwrp{white-space:nowrap}
#quick_nav, hr, #logo h1 span, h2.hdn {display: none;}
p.ind{text-indent: 50px;}

/* Main styles */
#logo_0, #menu_0, #page_0, #page_1, #foot_0, #ftcnt {
margin:0;
padding:0;
overflow:hidden;
text-align:left;}
#logo_0{background: #fff url('img/bkgr_tp.jpg') repeat-y top center;}
#menu_0{background: #fff url('img/bkgr_mn.jpg') repeat-y top center;}
#page_0{background: #fff url('img/bkgr_pm.jpg') repeat-y top center;}
#page_1{background: #fff url('img/bkgr_pg.jpg') repeat-y top center;}
#foot_0{background: #fff url('img/bkgr_ft.jpg') repeat-y top center;}

#logo, #menu, #page, #foot, #ftcnt {
margin:0px auto;
width:760px;
padding:0;
overflow:hidden;
text-align:left;}
#logo{
height:300px;
background: #fff url('img/baner.jpg') repeat-y top center;}
#logo h1{
width:310px;
height:170px;
z-index:2;
margin:35px 0 0 420px;
padding:0;}
#logo h1 a{
display:block;
width:310px;
height:170px;
text-indent:-9999px;
margin:0;
padding:0;}

/* Main menu */
#menu{height:45px;text-align: center;}
#menu ul{
margin: 15px 0 0 0;}
#menu ul li{
font-size:15px;
padding:0 20px;
text-align:center;
text-transform:uppercase;
font-weight:bolder;
display:inline;}
#menu ul li a, #menu ul li a:visited {
color: #7a3a01;
text-decoration: none;}
#menu ul li a:hover, #menu ul li a#selected {
color: #f6e5d0;}

/* Footer */
#ftcnt{height:50px;}
#ftcnt a {text-decoration:none;}
#foot{height:75px;}
#foot div.spc, #foot div.cpy, #foot div.dsgn {
padding: 15px 0 0 0;
float: left;
text-align:left;
color:#7a3a01;
font-size:13px}
#foot div.cpy{
padding-left:10px;
width:200px;}
#foot div.spc{
width:360px;
text-align:center;}
#foot div.dsgn{
padding-right:10px;
width:180px;
text-align:right;}

/* Page */
#page{
width:740px;
padding:10px;
color:#4e4033;}
#page h2, #page h3, #page h4, #page h5, #page h6, #page p {
margin:10px;
padding:0;}
#page h2, #page h3, #page h4, #page h5, #page h6 {
font-weight:bold;}
#page h2{
text-transform:uppercase;}
#page table{margin:0 10px 0 20px;width:90%;}
#page table td{
vertical-align:top;
padding:3px;}
#page table td.l{text-align:left;}
#page table td.r{text-align:right;}
#page div.lft, #page div.rgt {padding:0;float:left;text-align:left;}
#page div.lft{width:220px;}
#page div.rgt{width:510px;}

/*--- sub-menu ---*/
#page div.lft ul {
margin: 5px 0 0 0;}
#page div.lft ul li{
font-size:12px;
padding:5px 20px;
font-weight:bold;}
#page div.lft ul li a, #page div.lft ul li a:visited, #page div.lft h2 {
color:#7a3a01;
text-decoration:none;}
#page div.lft ul li a:hover, #page div.lft ul li a:visited {
color:#7a3a01;}
/*--- for images ---*/
.lft10, .rgt10, .cnr10 {
padding:10px 0 0 10px;
margin:0;
border:none;}
.lft10{float:left;text-align:center;}
.rgt10{float:right;text-align:center;}
.cnr10{text-align:center;padding:0;margin:10px;}
#page p.lft1, #page p.rgt1, #page p.cntr1 {
padding:3px 10px;margin:0;}
p.lft1,h2.lft1{text-align:left;}
p.rgt1,h2.rgt1{text-align:right;}
p.cnr1{text-align:center;padding:0;margin:0 10px;}

#page .padL100 {padding-left:210px;}
/*--------------------------------------------------- FIRST page ---*/
div.mcrc {
margin:0;
padding:5px 7px;
text-align:center;
color:#7a3a01;}

div.babor {
margin:10px;padding:0;
background: url('img/babor.jpg') left top no-repeat;
background-position: 0 10px;
border-top: 3px double #904624;}
#page div.babor p, #page div.babor h2 {margin:10px 10px 10px 430px;}

h2.riv {
  letter-spacing:.6em;color:#900;
  font-size:1.4em;} /* 31.7.2009, Didy_H */

div.promo {                                 /* 31.7.2009, Didy_H */
min-height:260px;
background: url('img/promotion2.png') no-repeat left center;
margin:10px;padding:0;
border-top: 3px double #904624;}
#page div.promo p {margin:10px 10px 10px 280px;}
#page div.promo p.proc {padding-top:10px;margin:20px 10px 10px 330px;border-top:1px solid #7a3a01;}
#page div.promo p.price {margin:0 50px 10px 330px;text-align:right;}
span.brn {font-weight:bold;color:#7a3a01;font-size:120%;}

div.henna {                                 /* 30.9.2010, Didy_H */
  min-height:220px;
  background: url('img/HennaTattoo.png') no-repeat left bottom;
  margin:10px;padding:0;
  border-top: 3px double #904624;}
#page div.henna p {margin:10px 10px 10px 250px;}

div.lashes {                                /* 30.9.2010, Didy_H */
  min-height:170px;
  background: url('img/EyeLashes.png') no-repeat left bottom;
  margin:10px;padding:0;
  border-top: 3px double #904624;}
#page div.lashes p {margin:10px 10px 10px 250px;}

div.shellac {                              /* 15.02.2011, Didy_H */
  min-height:170px;
  background: url('img/Shellac.png') no-repeat left bottom;
  margin:10px;padding:0;
  border-top: 3px double #904624;}
#page div.shellac p {margin:10px 10px 10px 250px;}

div.instruction {                          /* 11.09.2011, Didy_H */
  height:190px;
  background: url('img/instruction2.png') no-repeat left bottom;
  margin:10px;padding:0;
  border-top: 3px double #904624;}
#page div.instruction p {margin:10px 10px 10px 270px;}

/*-------------------------------------------- End of FIRST page ---*/

div.ml, div.mm, div.mr, div.mcrl, div.mcrr {
margin:0;
padding:5px 7px;
float:left;
text-align:left;
color:#7a3a01;
width:200px;}
div.mcrl, div.mcrr {width:350px;}
div.mcrr {float:right;text-align:right;}
div.mcrr span, div.mcrl span, div.mcrc span {display: none;}

div.mm{
width:300px;
padding:5px 6px;}
div.mm ul li{
font-size:12px;
padding:5px 20px 0 30px;
font-weight:normal;}
.main_hair, .main_cosm, .main_hand, .main_prod {
width:200px; height:130px;
margin:0px; padding:0px;}
.main_hair {background: url('img/rel_hair.png') no-repeat top left;}
.main_cosm {background: url('img/rel_cosm.png') no-repeat top left;}
.main_hand {background: url('img/rel_hand.png') no-repeat top left;}
.main_prod {background: url('img/rel_prod.png') no-repeat top left;}
#page .main_hair h4, #page .main_cosm h4, 
#page .main_hand h4, #page .main_prod h4 {margin:0;padding:10px;}
.img2{margin:8px;}
.img {margin:8px; border:2px #7a3a01 solid; }
img.prod {padding:20px 0;margin:0;}
img.prodb{padding:20px 0;margin:0; border-top:3px #7a3a01 double;}

/*--- for gallery ---*/
#galle  {width:510px; text-align:center; margin: 0 auto;}
#gallest{width:630px; text-align:center; margin: 0 auto;}
p.brdtp, #galle p, #gallest p
{border-top:1px solid #7a3a01;margin:15px 0 0 0;padding:5px 0 0 0;}
p.cnr, #galle p.cnr, #gallest p.cnr
  {border-top:none;margin:10px 0 0 0;padding:0;text-align:center;}
p.cnr img, p.cnr img
  {margin:0 5px;}
p.cnr a, p.cnr a:visited, p.cnr a, p.cnr a:visited 
  {border:3px double #7a3a01;}
p.cnr a:hover, p.cnr a:hover 
  {border:3px solid #ffa740;}

p.cnr>a, p.cnr>a:visited, 
p.cnr>a, p.cnr>a:visited, 
p.cnr>a:hover, p.cnr>a:hover 
  {border:none;}
p.cnr>a img, p.cnr>a:visited img, 
p.cnr>a img, p.cnr>a:visited img 
  {border:3px double #7a3a01;}
p.cnr>a:hover img, p.cnr>a:hover img 
  {border:3px solid #ffa740;}
.brd {border:1px red dashed;}