/*--- reset ---*/
body, h1, h2, h3, h4, h5, h6, form, div, span, ul, li, dl, dt, dd, p, blockquote { margin:0px; padding:0px; }
img { border:none; }
ul { list-style:none; }
a { color:#FFFFFF; text-decoration:none; }
a:hover { text-decoration:underline; }
.bordered { border:5px solid #383838; }

body { font-size:75%; color:#FFFFFF; background:#000000 url(images/wrapper-bg.jpg) no-repeat center top; }
h2 { font-family:"Bookman Old Style", "Times New Roman", Times, serif; font-size:250%; font-weight:normal; }
a.linkbutton { padding:3px 3px 1px; border:1px solid #383838; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:#383838; color:#CCCCCC; }
a.linkbutton:hover { text-decoration:none; }

#wrapper { width:1126px; margin:0 auto; }/*background:#000000 url(images/wrapper-bg.png) no-repeat center top; }*/
#inner-wrapper { width:1005px; margin:0 auto; background:#000000 url(images/contents-bg.gif) repeat-x left top; }
#header #header-main { width:0; height:0; overflow:hidden; }
.main-navigations { float:left; height:23px; padding:13px 0 0 85px; }
.main-navigations li { float:left; }
.main-navigations li a { display:block; width:43px; height:23px; background:url(images/header-menu-bg.png) no-repeat; text-indent:-9999em; overflow:hidden; }
.main-navigations li#rimoh-link.current a { background-position:0px -23px; }
.main-navigations li#salon-link a { width:63px; background-position:-43px 0; }
.main-navigations li#salon-link.current a { width:64px; background-position:-42px -23px; margin-left:-1px; }
.main-navigations li#produnct-link a { width:97px; background-position:-106px 0; }
.main-navigations li#produnct-link.current a { width:98px; background-position:-105px -23px; margin-left:-1px; }
.main-navigations li#experiences-link a { width:96px; background-position:-204px 0; }
.main-navigations li#experiences-link.current a { width:97px; background-position:-203px -23px; margin-left:-1px; }
.site-navigations { float:right; width:148px; height:11px; padding:19px 90px 0 0; background:url(images/header-contact-bg.png) no-repeat 0px 18px; position:relative; }
.site-navigations li { float:left; }
.site-navigations li#company-link a { display:block; width:90px; height:11px; text-indent:-9999em; position:absolute; left:0; top:19px; }
.site-navigations li#contact-link a { display:block; width:49px; height:11px; text-indent:-9999em; position:absolute; right:90px; top:19px; }

#footer { margin-top:30px; padding:0 20px 30px 40px; }
#footer .main-navigations { padding-left:120px; }
#footer .main-navigations li { float:left; }
#footer .main-navigations li a { display:block; width:35px; height:13px; background:url(images/footer-menu-bg.png) no-repeat 10px 0px; text-indent:-9999em; }
#footer .main-navigations li#footer-rimoh-link { padding-right:14px; }
#footer .main-navigations li#footer-rimoh-link.current a,
#footer .main-navigations li#footer-rimoh-link a:hover { background-position:10px -13px; }
#footer .main-navigations li#footer-salon-link a { width:52px; background-position:-39px 0px; }
#footer .main-navigations li#footer-salon-link.current a,
#footer .main-navigations li#footer-salon-link a:hover { background-position:-39px -13px; }
#footer .main-navigations li#footer-product-link { padding-left:15px; }
#footer .main-navigations li#footer-product-link a { width:81px; background-position:-107px 0px; }
#footer .main-navigations li#footer-product-link.current a,
#footer .main-navigations li#footer-product-link a:hover { background-position:-107px -13px; }
#footer .main-navigations li#footer-experiences-link a { width:80px; background-position:-205px 0px; margin-left:17px; }
#footer .main-navigations li#footer-experiences-link.current a,
#footer .main-navigations li#footer-experiences-link a:hover { background-position:-205px -13px; }
#footer .site-navigations { width:152px; height:13px; background:url(images/footer-contact-bg.png) no-repeat left 13px; padding-right: 172px; position:relative; }
#footer .site-navigations li { float:left; }
#footer .site-navigations li a { display:block; position:absolute; text-indent:-9999em; overflow:hidden; }
#footer .site-navigations li#footer-company-link a { width:95px; height:13px; left:0; top:13px; }
#footer .site-navigations li#footer-contact-link a { width:52px; height:13px; left:100px; top:13px; }
#footer .page-links { border-bottom:1px solid #474747; text-align:right; padding:0 20px 5px 0; }
#footer .page-links li { display:inline; padding:0 5px; }
#footer #header-main { width:865px; height:95px; margin:50px 0 0 40px; background:url(images/header-bg.gif) no-repeat center top; text-indent:-9999em; }
#footer .bottom-navigations { clear:both; padding:0 0 0 230px; overflow:hidden; }
#footer .bottom-navigations li { float:left; }
#footer .bottom-navigations li.copyright { width:132px; height:11px; background:url(images/copyright-bg.gif) no-repeat; text-indent:-9999em; }
#footer .bottom-navigations li a { display:block; text-indent:-9999em; overflow:hidden; }
#footer .bottom-navigations li.company-link a { width:205px; height:12px; background:url(images/footer-bottom-company-link-bg.gif) no-repeat; }
#footer .bottom-navigations li.policy-link a { width:94px; height:11px; background:url(images/privacy-policy-bg.gif) no-repeat; }

/* campaign */
.main-navigations li#campaign-link a { width:100px; height:30px; margin-top:-7px; background:url(images/header-menu-custom-bg.png) no-repeat left top; }
.main-navigations li#campaign-link.current a { background-position:0px -30px; }
#footer .main-navigations li#footer-campaign-link a { width:139px; background:url(images/footer-menu-custom-bg.png) no-repeat left top; } 
#footer .main-navigations li#footer-campaign-link.current a,
#footer .main-navigations li#footer-campaign-link a:hover { background-position:0px -13px; }
#campaign-assignment { margin:12px 0 0; width:66px; height:14px; background:url(images/assignment.gif) no-repeat -102px 0px; text-indent:-9999em; }

.salon-information .westside a img.bordered { border:none; }
