/* -------------------------------------------
project:	Yoshimi
date:		2007/05/24
------------------------------------------- */

html { min-height: 100%; margin-bottom: 1px; font-size: 100.01%; }
body { margin: 0; padding: 134px 0 20px 0; background: #2C3030 url(/images/bg.jpg) 0 0 repeat-x; color: #2A2D2D; font: 71%/150% Arial,Helvetica,sans-serif; }
textarea, input, select, option, button { font: 1em Arial,Helvetica,sans-serif; }

/* COMMON
------------------------------------------- */
fieldset { border: none; margin: 0 0 12px; padding: 0; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }

img { border: none; }

strong { }
em { padding: 1px 2px; background: #ffffe0; font-style: normal; }

p { margin: 12px 0 15px 0; line-height: 170%; }

a { color: #B51B4A; text-decoration: none; }
a:hover, a:focus, a:active { color: #B51B4A; text-decoration: underline; }

.fr { float: right; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 8px 0 12px 0; font: normal 2.6em Arial,Helvetica,sans-serif; color: #B51B4A; }
h1 { font-size: 2.4em; }
h2 { font-size: 2.000em; }
h3 { font-size: 1.350em; }
h4 { font-size: 1.250em; }
h5 { font-size: 1.150em; }
h6 { font-size: 1.050em; }

h2 span { color: #fff; }
h2 { margin-bottom: 33px; }
h3 { margin-bottom: 10px; }

/* NAVIGATION
------------------------------------------- */
 ul#nav { display: block; width: 100px; list-style: none; margin: 0; padding: 0; }
 ul#nav li { position: relative; display: block; margin: 0; padding: 0; width: 80px; }
 ul#nav li a { display: block; padding: 0; margin: 0; color: #747474; font-size: 99%; }
 ul#nav li a:hover, ul#nav li.selected a { color: #fff; text-decoration: none;  }
 ul#nav li a:hover span, ul#nav li.selected a span { color: #8D1E40; }
 
 ul#nav li:hover div.nav-thumb { display: block; }
 
 ul#nav li div.nav-thumb { display: none; position: absolute; left: 70px; top: -22px; width: 87px; height: 90px; padding: 10px 10px 0 17px; overflow: hidden; background: url(/images/thumb-bg.png) 0 0 no-repeat; }
 ul#nav li div.nav-thumb p { display: block; line-height: 12px; padding: 0; margin: 0; font-size: 0.8em; color: #8C8B8B; }
 ul#nav li div.nav-thumb p span { color: #A0234F; }
 

/* ELEMENTS
------------------------------------------- */
 .options { display: block; }
 .options a, .options a:active { display: block; overflow: hidden; height: 17px; overflow: hidden; padding: 5px 10px 3px 30px; background: url(/images/arrow.png) 0 50% no-repeat; text-decoration: none; }
 .options a:hover, .options a.selected { font-weight: bold; background: url(/images/arrow-hover.png) 0 50% no-repeat; text-decoration: none; }
 
 
 h1.logo { display: block; ovreflow: hidden; background: url(/images/logo.png) 0 0 no-repeat; }
 h1.logo a { display: block; overflow: hidden; width: 49px; height: 61px; text-indent: -1001em; }

/* LAYOUT
------------------------------------------- */
#site { display: block; width: 750px; height: 100%; overflow: hidden; margin: 0 auto; padding: 0; }
 .home .wrapper-cont-long-bottom { display: block; padding: 0 0 1px 0; margin: 0; overflow: hidden; background: url(/images/content-long-h-brdr.png) 0 100% no-repeat; }
  .home .wrapper-cont-long-top { display: block; padding: 1px 0 0 0; margin: 0; overflow: hidden; background: url(/images/content-long-h-brdr.png) 0 0 no-repeat; }
   .home #content { display: block; width: 227px; height: 202px; padding: 150px 78px 75px 440px; overflow: hidden; border-left: 1px solid #D2D3D3; border-right: 1px solid #D2D3D3; background: #D6D7D7 url(/images/content-home-bg.jpg) 0 0 no-repeat; }
 
   .home #content p.intro-text { display: block; width: 187px; height: 24px; overflow: hidden; margin-bottom: 8px; font: normal 1.6em Arial, Helvetica,sans-serif; color: #fff; text-indent: -1001em; background: url(/images/intro-text.png) 0 0 no-repeat; }
   .home #content h1 { padding-top: 0px; margin-top: 0px; font-size: 2.4em; font-weight: normal; }
   .home #content h1 a { text-decoration: none; display: block; overflow: hidden; text-indent: -1001em; background: url(/images/logo-home.png) 0 0 no-repeat; }
   .home #content .options { height: 40px; padding-top: 10px;  }
   .home #content .options a.special { float: left; width: 70px; font-size: 1.1em; }
   
  .home #footer { position: relative; display: block; width: 751px; height: 92px; padding: 0; margin: 0; background: url(/images/footer-home-shadow-bg1.gif) 0 100% no-repeat; }
  .home #footer p.copyright { display: block; overflow: hidden; position: absolute; top: -36px; left: 18px; color: #fff; font-size: 0.9em; }
  
  .subpage .wrapper-sidebar-bottom { float: left; padding: 0 0 2px 0; margin: 0; background: url(/images/sidebar-bottom-brdr.gif) 0 100% no-repeat; }
   .subpage .wrapper-sidebar-top { display: block; padding: 2px 0 0 0; margin: 0; background: url(/images/sidebar-top-brdr.gif) 0 0 no-repeat; }
    .subpage #sidebar { display: block; width: 175px; height: 374px; overflow: hidden; padding: 27px 10px 25px 29px; background: #181A1A url(/images/sidebar-bg.gif) 0 100% no-repeat;  border-left: 1px solid #2E3333; border-right: 1px solid #2E3333; }
    
    .subpage #sidebar .contact { display: block; padding-top: 20px; }
     .subpage #sidebar .contact p { padding: 0; margin: 0; color: #555; font-size: 90%; line-height: 100%; }
     .subpage #sidebar .contact p.phone { padding: 8px 0; color: #B51B4A; font-size: 120%; font-weight: bold; }
      .subpage #sidebar .contact p.phone span { color: #EFF6F1; }
     .subpage #sidebar .contact a.email { display: block; padding: 2px 0 0 0; color: #fff; font-size: 90%;  }
	 
	 .subpage #sidebar .contact #promo { margin-top:10px; padding: 2px 4px; color: #fff; font-size: 100%; font-weight: bold; border:1px solid #dcdcdc; background-color:#b51b4a; width:145px; }
	 .subpage #sidebar .contact #promo a { color: #fff; }
     
  .subpage .wrapper-cont-short-bottom { float: right; padding: 0 0 1px 0; margin: 0; background: url(/images/content-short-h-brdr.png) 0 100% no-repeat; }
   .subpage .wrapper-cont-short-top { display: block; padding: 1px 0 0 0; margin: 0; background: url(/images/content-short-h-brdr.png) 0 0 no-repeat; }
    .subpage #content { display: block; overflow: hidden; width: 242px; height: 362px; padding: 40px 249px 25px 32px; margin: 0;  background: #D6D7D7; border-left: 1px solid #D2D3D3; border-right: 1px solid #D2D3D3; }
    .subpage #content .options { padding-top: 8px; }
    
    .subpage #footer { clear: both;  display: block; overflow: hidden; height: 80px; color: #4f5454; background: url(/images/footer-subsite-shadow-bg.gif) 0 100% no-repeat; }
    .subpage #footer a {
    	color: #4f5454;
    }
	 .subpage #footer p.copyright { margin-top: 5px; padding-left: 230px; font-size: 0.9em; }

/* SPECYFIC PAGES
------------------------------------------- */
.subpage #content.spa { background: #D6D7D7 url(/images/sub-spa-bg.jpg) 0 0 no-repeat; }
.about { background: #D6D7D7 url(/images/sub-about-bg.jpg) 0 0 no-repeat; }
.subpage #content.salon { background: #D6D7D7 url(/images/sub-salon-bg.jpg) 0 0 no-repeat; }
.subpage #content.nails { background: #D6D7D7 url(/images/sub-nails-bg.jpg) 0 0 no-repeat; }
.subpage #content.treat { background: #D6D7D7 url(/images/sub-treat-bg.jpg) 0 0 no-repeat; }
.subpage #content.clinic { background: #D6D7D7 url(/images/sub-clinic-bg.jpg) 0 0 no-repeat; }
.subpage #content.gifts { background: #D6D7D7 url(/images/sub-gifts-bg.jpg) 0 0 no-repeat; }
.subpage #content.contact { background: #D6D7D7 url(/images/sub-contact-bg.jpg) 0 0 no-repeat; }
.subpage #content.priceList p { width:450px; }


/* OPERA
------------------------------------------- */
@media all and (min-width: 0px){
 
}

/* SAFARI
------------------------------------------- */
/*\*/ 

/**/