body{background: #35372C; font-family: arial; font-size: 12px; color: #35372c;}
img{border: none;}

#wrapper{position: relative;}
#mask{width: 750px; margin: 40px auto; position: relative;}

#main_movie{height: 494px;}

#promos{position: absolute; top: 150px; left: 55px; width: 440px; height: 254px; background: url(/images/promos_shadow.png) no-repeat; z-index: 1000;}
#promos .close{position: absolute; top: 3px; left: 405px; z-index: 1500;}
#promos .main{position: absolute; background: url(/images/bg_promos.gif) no-repeat; top: 0; left: 0; width: 406px; height: 220px; margin: 17px; z-index: 1300;}
#promos .main .wrapper{padding: 65px 13px 13px 13px;}

#hours{position: absolute; top: 150px; left: 55px; width: 440px; height: 254px; background: url(/images/promos_shadow.png) no-repeat; z-index: 1000;}
#hours .close{position: absolute; top: 3px; left: 405px; z-index: 1500;}
#hours .main{position: absolute; background: url(/images/hours_of_operation.gif) no-repeat; top: 0; left: 0; width: 406px; height: 220px; margin: 17px; z-index: 1300;}
#hours .main .wrapper{padding: 65px 13px 13px 13px;}

#menu{position: absolute; top: 0; left: 75px; width: 566px; height: 560px; background: url(/images/menu_shadow.png) no-repeat; z-index: 1000;}
#menu .close{position: absolute; top: 3px; left: 527px; z-index: 1500;}
#menu .main{position: absolute; top: 0; left: 0; padding: 17px; z-index: 1300;}

/*#kerastase{position: absolute; top: -30px; left: 75px; width: 610px; height: 611px; background: url(/images/kerastase_shadow.png) no-repeat; z-index: 1000;}
#kerastase .close{position: absolute; top: 3px; left: 575px; z-index: 1500;}
#kerastase .main{position: absolute; top: 0; left: 0; width: 576px; height: 577px; margin: 17px; z-index: 1300; background: url(/images/kerastase.jpg) no-repeat;}
#kerastase .main .container{padding: 30px;}*/

#kerastase{position: absolute; top: 145px; left: 270px; width: 194px; height: 334px; background: url(/images/kerastase_banner_shadow.png) no-repeat; z-index: 1500;}
#kerastase .close{position: absolute; top: 3px; left: 160px; z-index: 1700;}
#kerastase .main{position: absolute; top: 0; left: 0; width: 160px; height: 300px; margin: 17px; z-index: 1600;}

.hidden{display: none;}
.visible{display: block;}

.relative{position: relative;}